Register

If this is your first visit, please click the Sign Up now button to begin the process of creating your account so you can begin posting on our forums! The Sign Up process will only take up about a minute of two of your time.

Page 1 of 2 1 2 LastLast
Results 1 to 10 of 11
  1. #1
    Member
    Join Date
    Dec 2008
    Posts
    52
    Member #
    17852
    The link to my test page is http://www.dulcela.com/test.htm
    I can't for the life of me figure out why there is space between my images...

    I've gone through all my css and html and I don't see it. I've tried setting all my margins and padding to 0, nothing wotks.

    Can you all help?

    Thanks so much!

  2.  

  3. #2
    Senior Member aeroweb99's Avatar
    Join Date
    Feb 2008
    Location
    Port Huron, Michigan
    Posts
    1,037
    Member #
    16468
    Liked
    1 times
    Right now it's not reading any stylesheet. I used the url for your stylesheet you have listed in the header and it get's a 404. Make sure it's uploaded and referenced correctly.

  4. #3
    Member
    Join Date
    Dec 2008
    Posts
    52
    Member #
    17852
    Oops. Ok, I uploaded it. Thanks.

  5. #4
    Senior Member aeroweb99's Avatar
    Join Date
    Feb 2008
    Location
    Port Huron, Michigan
    Posts
    1,037
    Member #
    16468
    Liked
    1 times
    In Firefox, I got rid of ALL the whitespace between your images in the code and that brought it all together. Like so...

    Code:
    <div id="header"><img height="138" width="196" src="images/Header_04.png" alt="Header img"/><img height="138" width="149" src="images/Header_05.png" alt="About"/><img height="138" width="155" src="images/Header_06.png"/><img height="138" width="142" src="images/Header_07.png"/><img height="138" width="76" src="images/Header_08.png"/>
      <!-- end #header --></div>

  6. #5
    Senior Member Dorky's Avatar
    Join Date
    Jun 2009
    Location
    Destin Florida
    Posts
    1,430
    Member #
    19103
    Liked
    4 times
    float: left;
    Attached Images Attached Images

    while($get_it !== true){ continue; }

  7. #6
    Senior Member aeroweb99's Avatar
    Join Date
    Feb 2008
    Location
    Port Huron, Michigan
    Posts
    1,037
    Member #
    16468
    Liked
    1 times
    Ahh yesss, float them, much better.

  8. #7
    Member
    Join Date
    Dec 2008
    Posts
    52
    Member #
    17852
    Wow, thanks guys. So, in other words, having spaces, or line breaks in the code causes spacing in the images as well?! Weird.

  9. #8
    Senior Member Dorky's Avatar
    Join Date
    Jun 2009
    Location
    Destin Florida
    Posts
    1,430
    Member #
    19103
    Liked
    4 times
    whitespace will cause some funkynes yes. was it the cause of your issue, maybe. even so, whenever you display things :inline; they will always have spacing unless you tell it otherwise, yes even with margin: 0px; . why? idk.

    you can get rid of white space with one easy trick, select all - ctrl x - ctrl v. thats right, a simple select all, cut and paste. the cut or copy doesnt preserve white spaces. whenever you use ftp for some reason it gets whitespace. for this reason i write my code directly to the file on the server. it saves me from the extra step of uploading and my results can be seen immediately. if you have ftp but not root, you can edit the server file thrue the ftp.

    while($get_it !== true){ continue; }

  10. #9
    Senior Member aeroweb99's Avatar
    Join Date
    Feb 2008
    Location
    Port Huron, Michigan
    Posts
    1,037
    Member #
    16468
    Liked
    1 times
    Get rid of all white space? Or am I misunderstanding you? We use white space to organize our code so I can't see doing that.

    whenever you use ftp for some reason it gets whitespace
    Not sure I get this either... can you explain?

  11. #10
    Senior Member Dorky's Avatar
    Join Date
    Jun 2009
    Location
    Destin Florida
    Posts
    1,430
    Member #
    19103
    Liked
    4 times
    <html>
    <head>
    <style>
    div.box { width: 916px; margin: 15px auto 25px auto; }
    div.head { }
    div.head img { float: left; margin: 0px; }
    div.head img.logo { margin-left: -15px; }
    </style>
    </head>
    <body>
    <div class='box'>
    <div class='head'>
    <img class='logo' src="http://www.dulcela.com/images/Dulce-page-logo_03.png" width="213px" height="202px" />
    <img src="http://www.dulcela.com/images/Header_04.png" width="196" height="138" alt="Header img" />
    <img src="http://www.dulcela.com/images/Header_05.png" width="149px" height="138px" />
    <img src="http://www.dulcela.com/images/Header_06.png" width="155px" height="138px" />
    <img src="http://www.dulcela.com/images/Header_07.png" width="142px" height="138px" />
    <img src="http://www.dulcela.com/images/Header_08.png" width="76px" height="138px" />
    </div>
    ...................Content Goes Here........................
    </div>
    </body>
    </html>
    http://www.studio378d.com/wdf/dulce.html

    Not sure I get this either... can you explain?
    yeah idk. i guess its storing the white space as a char or something. when i use ftp then edit it on the server it gets crazy out of wack for no reason. when i cut and paste it back, it fixes it.

    while($get_it !== true){ continue; }


Page 1 of 2 1 2 LastLast

Remove Ads

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •  
All times are GMT -6. The time now is 12:15 PM.
Powered by vBulletin® Version 4.2.3
Copyright © 2019 vBulletin Solutions, Inc. All rights reserved.
vBulletin Skin By: PurevB.com