Mon, 2005-11-07 19:00
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.
Mon, 2005-11-07 19:17
#1
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
Tue, 2005-11-08 15:22
#2
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]
Tue, 2005-11-08 15:26
#3
also
Also, does anyone know how to set it up so that the page automatically adjusts it's size when the browser size changes.
Tue, 2005-11-08 15:31
#4
Re: also
nuclear-rabbit wrote:
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. 
Tue, 2005-11-08 15:48
#5
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.