Jump to content


navigation help - css

Started by Stu, Sep 29 2005 04:10 PM

3 replies to this topic

#1 Stu

    Retired P2L Staff

  • Publishing Betazoids
  • PipPipPipPip
  • 1,761 posts
  • Gender:Male

Posted 29 September 2005 - 04:10 PM

HTML:

<body>
<div id="container">

<div id="header"><img src="images/header.jpg"></div>

<div id="nav">
<img src="images/nav_left.jpg" border="0">
<a href="#"><img src="images/nav_home.jpg" border="0"></a>
<a href="#"><img src="images/nav_living_stone.jpg" border="0"></a>
<a href="#"><img src="images/nav_events.jpg" border="0"></a>
<a href="#"><img src="images/nav_find_us.jpg" border="0"></a>
<a href="#"><img src="images/nav_links.jpg" border="0"></a>
<a href="#"><img src="images/nav_contact_us.jpg" border="0"></a>
<img src="images/nav_right.jpg" border="0">
</div>


</div>
</body>

CSS:
body{
background-color: #BFAF95;
}

#container{
margin: auto;
width: 715px;
height: 100%;
background-color: black;
}

#header{
width: 100%;
height: 134px;
}

#nav{
width: 100%;
height: 42px;
}

would anyone be in the know about whats causing my problem in the image attached below of the black spaces between my images?

edit: once again my mighty images get past the auto resizer thing :)

Attached Files


#2 rc69

    PHP Master PD

  • P2L Staff
  • PipPipPipPip
  • 3,827 posts
  • Gender:Male
  • Location:Here
  • Interests:Web Development

Posted 29 September 2005 - 06:18 PM

My guess would be the spaces in the HTML (IE has been pickey like that before). Try it out in Firefox, or give a link to the page so somebody else can.
Also, try change #nav to this:
#nav{
width: 100%;
height: 42px;
margin:0;
}
No garantees though.

p.s. You made the browser break the template, Jay's not gonna be happy about that :P

p.s.s. I highly doubt anybody will actually care, but i felt like saying that anyway :)

#3 coolaid

    P2L Jedi Master

  • Members
  • PipPipPipPip
  • 1,435 posts
  • Gender:Male
  • Interests:i wonder..

Posted 29 September 2005 - 06:20 PM

uhhhhhhhhhhhhhhhhhhh

dont leave white space.

e.g.

dont do:
<a href="#">Bleh</a>
<a href="#">Bleh</a>

instead, do:
<a href="#">Bleh</a><a href="#">Bleh</a>

#4 Stu

    Retired P2L Staff

  • Publishing Betazoids
  • PipPipPipPip
  • 1,761 posts
  • Gender:Male

Posted 30 September 2005 - 04:32 AM

thanks guys, was the white spaces. i can honestly say ive never seen anything like that before and i usually have loads of them ... thanks.
Back to Programming and General Web Design · Next Unread Topic →


1 user(s) are reading this topic

0 members, 1 guests, 0 anonymous users

  1. Pixel2Life Forum
  2. → Help Section
  3. → Programming and General Web Design