SitePoint Sponsor

User Tag List

Results 1 to 4 of 4

Threaded View

  1. #1
    SitePoint Addict longroad's Avatar
    Join Date
    Mar 2004
    Location
    Australia
    Posts
    236
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    Need help position 3 images in a row

    I made a navbar with a drop shadow (so they're not in fashion, but it looks good with the rest of the site.)
    As it is with drop shadows, the left end side is different from the right. So I've cut the left and right into seperate images, and have a middle image which will be repeated.
    I cant get all 3 images to line up, even though in dreamweaver they are displayed together on the same line, when viewed in a browser, all 3 images are on seperate lines.
    I've attached the files which will make it easier to see what Im talking about.
    here is the html:
    Code:
    <div id="navredleft"></div>
    <div id="navredmiddle"></div>
    <div id="navredright"></div>
    and the CSS:
    Code:
    #navredleft
    {
    	width: 18px;
    	height: 37px;
    	background-image: url(navredleft.jpg);
    	background-repeat: none;
    	position: relative;
    	left: 13%;}
    
    #navredmiddle
    {
    	width: 60%;
    	height: 37px;
    	background-image: url(navredmiddle.jpg);
    	background-repeat: repeat-x;
    	position: relative;
    	left: 14%;}
    
    #navredright
    {
    	width: 23px;
    	height: 37px;
    	background-image: url(navredright.jpg);
    	background-repeat: none;
    	position: relative;
    	left: 73%;}
    I really would appreciate anyone who could spare a few minutes to dip their hand in this one.
    Thanks
    Attached Images Attached Images


Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •