website help!

Discussion in 'HTML & Website Design' started by moler772, Dec 9, 2009.

  1. #1
    hi ive been trying to get a spacing between two div tags to go away, i haven't been successful :( please help if you can

    html : <div id="wholesite">
    <div id="mainbar">
    <div id="gmlogo" onclick="location.href='http://www.gmcanada.com';" style="cursor:pointer;">
    </div>
    <div id="topbar">
    <img src="sr2.jpg" border="0">
    </div>
    <div id="topright" onclick="location.href='index.php';" style="cursor:pointer;">
    <div id="logoname">
    </div>
    <div id="logo1" >
    </div>
    </div>
    </div>
    <div id="menubar">
    <div id="gmlogobottom" onclick="location.href='http://www.gmcanada.com/';" style="cursor:pointer;">
    </div>
    <div id="flashmenu">
    </div>
    <div id="bottomleftpipe">
    </div>
    </div>

    CSS: * {
    margin:0; padding:0;
    }
    a:link {
    text-decoration: none;
    }
    a:visited {
    text-decoration: none;
    color: #FF9900;
    }
    a:hover {
    text-decoration: underline;
    color: #666666;
    }
    a:active {
    text-decoration: underline;
    color: #666666;
    }
    #wholesite {
    height: 100%;
    width: 100%;
    background-color:#000563;
    margin:0;
    }
    #menubar {
    height: 100%;
    width: 25%;
    background-image:url('stretchl.gif');
    background-repeat:repeat-y;
    margin:0;
    }
    #mainbar {
    background-image:url('stretcht.gif');
    background-repeat:repeat-x;
    width: 100%;
    float:left;
    margin:0;
    }
    #gmlogo {
    background-image:url('sr1_1.jpg');
    background-repeat:no-repeat;
    width: 118px;
    height: 108px;
    float:left;
    display: block;
    padding: 0;
    margin: 0;
    border: 0;

    }
    #topbar {
    background-image:url('sr2.jpg');
    background-repeat:no-repeat;
    float:left;
    margin:0;
    }
    #topright {
    width: 343px;
    height: 108px;
    float:right;
    margin:0;
    }
    #logoname {
    background-image:url('sr3.jpg');
    width: 158px;
    height: 108px;
    float:left;
    }
    #logo1 {
    background-image:url('logo1.jpg');
    width: 185px;
    height: 108px;
    float:right;
    margin:0;
    }
    #gmlogobottom {
    background-image:url('sr1_2.jpg');
    background-repeat:no-repeat;
    width:118px;
    height:66px;
    display: block;
    padding: 0;
    margin: 0;
    border: 0;
    }


    Thanks a lot
     
    moler772, Dec 9, 2009 IP
  2. wounded1987

    wounded1987 Well-Known Member

    Messages:
    2,914
    Likes Received:
    60
    Best Answers:
    0
    Trophy Points:
    150
    #2
    <img src="sr2.jpg" border="0"> has bad closing tag should be />

    also, there are 11 opeping div tags, while only 10 closing tags, something is surly missing here.

    what do you mean by space?
     
    wounded1987, Dec 9, 2009 IP
  3. moler772

    moler772 Peon

    Messages:
    4
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #3
    well there is another close div tag on another page, because i got them merged together with php code. And like the two images i want to put together, there's a small space in between them


    -------
    img1
    -------
    space
    -------
    img2
    -------
     
    moler772, Dec 10, 2009 IP
  4. bradrap

    bradrap Peon

    Messages:
    39
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #4
    If you can zip the site to email to me or PM me a link to the live site I can have a look for you. I unfortunately don't have time to create a local version at this time of day.
     
    bradrap, Dec 10, 2009 IP
  5. FinalHuntMedia

    FinalHuntMedia Peon

    Messages:
    180
    Likes Received:
    1
    Best Answers:
    0
    Trophy Points:
    0
    #5
    which images are you having the spacing on?... - - could you send a url so that we can see please....

    Also what browser(s) are you having the issue with?
     
    FinalHuntMedia, Dec 10, 2009 IP
  6. moler772

    moler772 Peon

    Messages:
    4
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #6
    www.sabrerobotics.com

    its for a school team, im using IE8 right now but ive also checked with firefox and google chrome.
     
    moler772, Dec 10, 2009 IP
  7. moler772

    moler772 Peon

    Messages:
    4
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #7
    the space is at the gm logo on the top left of the page
     
    moler772, Dec 10, 2009 IP
  8. jtaylo49

    jtaylo49 Peon

    Messages:
    66
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #8
    I don't see a space but the page is completely jumbled in FireFox. I tend to design in for FireFox first then go back and check for problems with IE6, 7, and 8 because IE never renders properly.
     
    jtaylo49, Dec 10, 2009 IP
  9. bradrap

    bradrap Peon

    Messages:
    39
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #9
    did you get this sorted out? cause I don't see any problems in IE8 and Firefox.
     
    bradrap, Dec 10, 2009 IP