-
Posts
212 -
Joined
-
Last visited
Content Type
Profiles
Forums
Events
Everything posted by roondog
-
put the height and withd in #nav a{}that should sort it.
-
just reduce the widths in the a{}
-
try this <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en"><head><meta http-equiv="Content-Type" content="text/html;charset=iso-8859-1" /><style type="text/css">ul.left{display:inline;float:left;list-style: none;margin: 0;}ul.right{float:right;display:inline;list-style: none;margin: 0;}ul.left li,ul.right li{margin-top:3px;}ul.left a,ul.right a{text-decoration: none;display: block;width: 150px;height: 25px;background-color:green;line-height: 23px;font-size: .65em;font-weight: bold;color: black;padding-left: 3px;}ul.left a:link,ul.right a:link{text-decoration:none;}ul.left a:visited,ul.right a:visited{text-decoration:none;}ul.left a:hover,ul.right a:hover{text-decoration:none;background-color:black;color:white;}ul.left a:active,ul.right a:active{text-decoration:none;}</style><body><ul class="left"><li><a href="#">link</a></li><li><a href="#">link</a></li><li><a href="#">link</a></li><li><a href="#">link</a></li></ul><ul class="right"><li><a href="#">link</a></li><li><a href="#">link</a></li><li><a href="#">link</a></li><li><a href="#">link</a></li></ul></body></html>
-
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en"><head><meta http-equiv="Content-Type" content="text/html;charset=iso-8859-1" /><style type="text/css">ul{display:inline;float:left;list-style: none;margin: 0;}ul.right{float:right;}li{margin-top:3px;}a{text-decoration: none;display: block;width: 100px;height: 25px;background-color:white;line-height: 23px;font-size: .65em;font-weight: bold;color: black;padding-left: 3px;}a:link{text-decoration:none;}a:visited{text-decoration:none;}a:hover{text-decoration:none;background-color:black;color:white;}a:active{text-decoration:none;}</style><body><ul><li><a href="#">link</a></li><li><a href="#">link</a></li><li><a href="#">link</a></li><li><a href="#">link</a></li></ul><ul class="right"><li><a href="#">link</a></li><li><a href="#">link</a></li><li><a href="#">link</a></li><li><a href="#">link</a></li></ul></body></html> You can mess about with the heights,widths, colours etc. until its right for you.
-
do you mean like this?
-
Theres hope for me still then. Started at 23 now 26 still a lot to learn.
-
I used this tutorial form mine until a learn a bit more about server side scripting.
-
This is the site million dollar homepageand an article from the bbc.
-
Its been done. Some one here in England sold off each pixel for advertising and is now a millionaire.
-
I prefer the green looks very good, orange would probably work well also.
-
as i suspected but surely in the cas on that page it would be easier to just use that image as the background of a <div> then position the <p> inside it.
-
Instead of the first <style> you want <style type="text/css">
-
Is it possible to use images as borders? I had a quick search and it looks it'll be a css3 thing. Does anyone know any better?
-
Sorry to go a bit off topic but on the site it would be nice to see the new t-shirt when you change its colour. I like the kate and pete one but don't want it in white. I'm sure this links to your image problem somehow.
-
Have a look here to fix your character encoding.
-
I findbody{margin: 0;}sorts it out
-
I suggest no.4 is correct. Any advances on no.4
-
As far as I am aware <span> is used for styling sections of text. Where a <div> contains text and images other divs etc. span is for text only. e.g if you want part of a paragraph to have a different style you use <span>. I'm sure someone else will correct me on that.
-
Surely the title would go in the <title>tags. But I think I'll go for number 2.
-
So i was right wow thats a first. Alternatively you could make a div called link, give it all the properties and just put the link inside that.
-
try line-height:60px; i think that'll do it.In fact that is a bad suggestion. Just had a look at some of my links and they seem to be ok with just height and width as you have put them. maybe put the links into a <ul> call it #nav or something and use #nav a {} in the css. As seen here
-
Just noticed you are using an image for the read line if i have read the code correctly. instead of this you could put the whole top section in a div and give it a red bottom border.something like this. <html><head><style type="text/css">#top{width:1024px;height:150px;border-bottom:red solid 2px;}</style></head><body><div id="container"><div id="top"><!--Insert banner and navigation here--></div><!--insert rest of page here--></div></body></html> You could also put the bottom section in a similar div. I don't know if this is correct practice but i like to think it tidies things up.
-
You might want to get rid of some of that absolute positioning. as someone said on smaller browser windows it goes all funny, but if you don't mind that i guess its ok. On a side note as you like comics you might like this amatuer comic adventure www.skullcopica.co.uk (its not a cheap plug for any of my sites).
-
The clock works fine in IE6, thats all i can check it in at the moment.
-
Thanks for that i was missing the ;