1. Welcome to NikonCafe.com—a friendly Nikon camera & photography discussion forum!

    If you are thinking of buying a camera or need help with your photos, you will find our forum members full of advice! Click here to join for free!

I could use some HTML help

Discussion in 'General Discussion' started by StL_Don, May 21, 2007.

  1. This stuff drives me nuts sometimes!
    Here's the page: http://hoof-pics.com

    The image at the top is in a table. I cannot for the life of me get ride of the extra space in the table cell in which it resides. I don't want the look of the black border around the image.
    I'm trying out DreamWeaver CS and must admit I'm struggling a bit, but not any more than when I used FrontPage. I've tried to achieve the results I want in the design area and also editing the code.
    Nothing works... no matter what I do it won't get any smaller!!!:mad: 

    If someone could have a look and tell me what stupid thing I'm doing wrong I'd really appreciate it.

    Don
     
  2. Leonardo

    Leonardo

    32
    Dec 19, 2006
    Not sure if I understand what you want but try this anyway.
    Code:
    <td rowspan="3" bgcolor="#02021e" width="584"><div align="center"><img src="Hoof%20Pics%20Equestrian%20Photography%20-%20Home%20Page_arquivos/hoofpics_banner.jpg" alt="Header image" [color="Red"][b]align="left"[/b][/color] border="0" height="135" hspace="0" vspace="0" width="563"></div></td>
    [COLOR="Red"]<!--  [b]REMOVE THIS LINE[/b]  <td id="logo" bgcolor="#02021e" height="24" valign="bottom" width="367">&nbsp;</td> -->[/COLOR]
     
  3. Are you looking at the very top pic?

    Picture is 135 px, and the code is 159 px
    table width="950" height="159" border="0" align="center" cellpadding="0" cellspacing="0">
    <tr>
     
  4. Don, I would take out the height tag as mentioned above...something wants that table to be bigger than the picture...if you take out the height restrictions and let it be driven by the height of the picture.

    That said, I kind of like the black border...
     
  5. jcovert

    jcovert Guest

    include the attributes 'vspace=0 hspace=0' within your image tag, as well as the attributes for cell spacing and padding as stated above (also at 0).

    Hope that helps.
     
  6. jcovert

    jcovert Guest

    also this tag "rowspan="3"" shouldn't be there at all. Maybe you meant colspan? That could be causing it also.
     
  7. I tried that and will go back and try it again... they seem to keep reappearing.

    LOL - you know the more I've looked at it while wrestling with the code the more I'm liking the border too.
    I still want to win this battle, but may end up putting it back.

    Don
     
  8. Thanks, but it is spanning 3 rows x 1 column.

    Don
     
  9. cgrab

    cgrab

    341
    Jan 3, 2007
    France
    I think phecksel is right, the table height is 159 pixels, but the picture only 135. So try setting the table height to 135.
    But maybe setting the table background color to the same dark grey you use for the rest of the page would be another option.

    Great photos, btw.

    Best regards
     
  10. jcovert

    jcovert Guest

    Yeah, sorry about that. I did take a look at the code, but it looked a little too far gone for a fix from me. I'm not sure what progs you use, but I'd check out Dreamweaver. But the page you want could also be done with a rather simpe table, so maybe by hand would be easiest of all? Sorry I couldn't be more help.
     
  1. This site uses cookies to help personalise content, tailor your experience and to keep you logged in if you register.
    By continuing to use this site, you are consenting to our use of cookies.