5 replies [Last post]
nuclear-rabbit
Offline
newbie
Last seen: 16 years 4 weeks ago
Joined: 2005-11-07
Posts: 3
Points: 0

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.

ClevaTreva
ClevaTreva's picture
Offline
Guru
A hilly place, UK
Last seen: 3 years 4 weeks ago
A hilly place, UK
Joined: 2004-02-05
Posts: 2902
Points: 0

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

nuclear-rabbit
Offline
newbie
Last seen: 16 years 4 weeks ago
Joined: 2005-11-07
Posts: 3
Points: 0

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]

nuclear-rabbit
Offline
newbie
Last seen: 16 years 4 weeks ago
Joined: 2005-11-07
Posts: 3
Points: 0

also

Also, does anyone know how to set it up so that the page automatically adjusts it's size when the browser size changes.

n8gz4ez
n8gz4ez's picture
Offline
Leader
Last seen: 12 years 44 weeks ago
Timezone: GMT-6
Joined: 2005-06-13
Posts: 802
Points: 0

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. Smile

This is my big chance . . . yep, I blew it . . .

n8gz4ez
n8gz4ez's picture
Offline
Leader
Last seen: 12 years 44 weeks ago
Timezone: GMT-6
Joined: 2005-06-13
Posts: 802
Points: 0

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.

This is my big chance . . . yep, I blew it . . .