Today's Posts Follow Us On Twitter! TFL Members on Twitter  
Forum search: Advanced Search  
Navigation
Marketplace
  Members Login:
Lost password?
  Forum Statistics:
Forum Members: 24,254
Total Threads: 80,792
Total Posts: 566,471
There are 1263 users currently browsing (tf).
 
  Our Partners:
 
  TalkFreelance     Design and Development     HTML/XHTML/DHTML/CSS :

coding problem

Thread title: coding problem
Closed Thread    
    Thread tools Search this thread Display Modes  
11-23-2006, 08:47 PM
#1
-NEO- is offline -NEO-
-NEO-'s Avatar
Status: Member
Join date: Oct 2005
Location: The Netherlands
Expertise:
Software:
 
Posts: 174
iTrader: 2 / 100%
 

-NEO- is on a distinguished road

Send a message via MSN to -NEO-

  Old  coding problem

i'm still a noob at coding, i dont know how to get those navigation images at the right position,
i can't use"position:Absolute;" because the the site will be left aligned..

site:
http://www.neoraw.com/Portfolio/Client1/html/

css:
Code:
/* CSS Document */

body{
background-color:#cccc99;
}

#container{
width:655px;
height:600px;
position:relative;
margin-right:auto;
margin-left:auto;

}

#header{
width:655px;
height:150px;
background-image:url(../afbeeldingen/pierrehtml_01.jpg);
background-repeat:no-repeat;
}

#navlinks{
width:125px;
height:42px;
background-image:url(../afbeeldingen/pierrehtml_02.jpg);
background-repeat:no-repeat;
}

#home{
width:58px;
height:42px;
background-image:url(../afbeeldingen/pierrehtml_03.jpg);
background-repeat:no-repeat;
float:left;
}

#over{
width:81px;
height:42px;
background-image:url(../afbeeldingen/pierrehtml_04.jpg);
background-repeat:no-repeat;
}

#producten{
width:94px;
height:42px;
background-image:url(../afbeeldingen/pierrehtml_05.jpg);
background-repeat:no-repeat;
}

#referenties{
width:100px;
height:42px;
background-image:url(../afbeeldingen/pierrehtml_06.jpg);
background-repeat:no-repeat;
}

#contact{
width:73px;
height:42px;
background-image:url(../afbeeldingen/pierrehtml_07.jpg);
background-repeat:no-repeat;
}

#navrechts{
width:124px;
height:42px;
background-image:url(../afbeeldingen/pierrehtml_08.jpg);
background-repeat:no-repeat;
}

#wit{
width:655px;
height:13px;
background-image:url(../afbeeldingen/pierrehtml_09.jpg);
background-repeat:no-repeat;
}

#header1{
width:266px;
height:37px;
background-image:url(../afbeeldingen/pierrehtml_10.jpg);
background-repeat:no-repeat;
}

#cont{
width:389px;
height:141px;
background-image:url(../afbeeldingen/pierrehtml_11.jpg);
background-repeat:no-repeat;
}

#text{
width:266px;
height:317;
background-image:url(../afbeeldingen/pierrehtml_12.jpg);
background-repeat:no-repeat;
}

#header2{
width:389px;
height:37;
background-image:url(../afbeeldingen/pierrehtml_13.jpg);
}

#text2{
width:389px;
height:176px;
background-image:url(../afbeeldingen/pierrehtml_14.jpg);
background-repeat:no-repeat;
}

#footer{
width:655px;
height:98px;
background-image:url(../afbeeldingen/pierrehtml_15.jpg);
background-repeat:no-repeat;
}

help would be verry appreciated!

11-23-2006, 09:08 PM
#2
Garyrae is offline Garyrae
Status: Request a custom title
Join date: Dec 2005
Location: Colchester, UK
Expertise:
Software:
 
Posts: 4,625
iTrader: 16 / 100%
 

Garyrae is on a distinguished road

Send a message via MSN to Garyrae Send a message via Skype™ to Garyrae

  Old

Whoah! That's what's called "div-itis". Your code isn't semantic at all.

You should be using anchors for the navigation, instead of lots and lots of <div>s.

11-23-2006, 09:24 PM
#3
Jeff Andersen is offline Jeff Andersen
Status: Superstar
Join date: Apr 2005
Location:
Expertise:
Software:
 
Posts: 4,449
iTrader: 10 / 100%
 

Jeff Andersen is on a distinguished road

  Old

You should look into using some headings and lists to alleviate your div soup.

Closed Thread    


Currently Active Users Viewing This Thread: 1 (0 members and 1 guests)
 

  Posting Rules  
Smilies are On
[IMG] code is On
HTML code is Off
Forum Jump:
 
  Contains New Posts Forum Contains New Posts   Contains No New Posts Forum Contains No New Posts   A Closed Forum Forum is Closed