Alright, sorry to bug you guys. Ive got two questions. Firstly, I'm building a navbar with a nested list at the bottom of the bar. How do I take the list to the bottom of the bar?
like:
div id="navbar"
div id="nestedlist"
/div
/div
I made a seperate div and just placed it over the bottom of the bar but this seems inefficient.
Secondly, how do I set it so that everything resizes when you resize the browser?
Thirdly, sorry for asking what I'm presuming are two retarded questions. I'm an html css newb. And...a moron.
2 questions
Hi
One thing that massively helps us is a live demo of what you are trying to describe, because words soemtimes aren't enough, as in your case.
Can you provide a live url?
Trevor
sorry bout that
Sorry about that. I shouldve made things a little clearer.
Anyway, I'm trying to take the text "nuclear-rabbit" over on the right side of the screen and bump it up so that its on the same line as the word "tom selleck," keeping the right alignment.
http://www.geocities.com/razingreason/tomselleck.JPG
Also I'm trying to take the links in that navbar and bump them over a few pixels to the right.
Any help would be appreciated.
And sorry for my ignorance. Im a newb.
[/url]
also
Also, does anyone know how to set it up so that the page automatically adjusts it's size when the browser size changes.
Re: also
Also, does anyone know how to set it up so that the page automatically adjusts it's size when the browser size changes.
Use a percentage for your width.
2 questions
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/xhtml; charset=iso-8859-1" /> <meta name="description" content="DISCRIPTION" /> <meta name="keywords" content="KEYWORDS" /> <meta name="robots" content="index,follow" /> <title> TITLE </title> <style type="text/css"> div.container { width: 100%; } h1 { background-color: #999; color: #fff; margin: 0; padding: 0; } p { background-color: #ccc; text-align: right; margin: 0; padding: 0; } ul { background-color: #ccc; list-type: none; text-align: right; margin: 0; padding: 0; } li { display: inline; } </style> </head> <body> <div class="container"> <h1>Tom Selleck</h1> <p>Hello nuclear-rabbit</p> <ul> <li>item_01</li> <li>item_02</li> <li>item_03</li> <li>item_04</li> </ul> </div> </body> </html>
This is a really basic version of what you are trying to doing.