Find everything you need for your baby!


Here is where the first block of text will go.

bella photography kc
Here is the second set of text.

1212
[allowsmilie] => 1 [showsignature] => 0 [ipaddress] => [iconid] => 0 [visible] => 1 [attach] => 0 [infraction] => 0 [reportthreadid] => 0 [isusenetpost] => 1 [msgid] => [ref] => [htmlstate] => on_nl2br [postusername] => ArtsyAndi [ip] => webforumsuser@m [isdeleted] => 0 [usergroupid] => [membergroupids] => [displaygroupid] => [password] => [passworddate] => [email] => [styleid] => [parentemail] => [homepage] => [icq] => [aim] => [yahoo] => [msn] => [skype] => [showvbcode] => [showbirthday] => [usertitle] => [customtitle] => [joindate] => [daysprune] => [lastvisit] => [lastactivity] => [lastpost] => [lastpostid] => [posts] => [reputation] => [reputationlevelid] => [timezoneoffset] => [pmpopup] => [avatarid] => [avatarrevision] => [profilepicrevision] => [sigpicrevision] => [options] => [akvbghsfs_optionsfield] => [birthday] => [birthday_search] => [maxposts] => [startofweek] => [referrerid] => [languageid] => [emailstamp] => [threadedmode] => [autosubscribe] => [pmtotal] => [pmunread] => [salt] => [ipoints] => [infractions] => [warnings] => [infractiongroupids] => [infractiongroupid] => [adminoptions] => [profilevisits] => [friendcount] => [friendreqcount] => [vmunreadcount] => [vmmoderatedcount] => [socgroupinvitecount] => [socgroupreqcount] => [pcunreadcount] => [pcmoderatedcount] => [gmmoderatedcount] => [assetposthash] => [fbuserid] => [fbjoindate] => [fbname] => [logintype] => [fbaccesstoken] => [newrepcount] => [vbseo_likes_in] => [vbseo_likes_out] => [vbseo_likes_unread] => [temp] => [field1] => [field2] => [field3] => [field4] => [field5] => [subfolders] => [pmfolders] => [buddylist] => [ignorelist] => [signature] => [searchprefs] => [rank] => [icontitle] => [iconpath] => [avatarpath] => [hascustomavatar] => 0 [avatardateline] => [avwidth] => [avheight] => [edit_userid] => [edit_username] => [edit_dateline] => [edit_reason] => [hashistory] => [pagetext_html] => [hasimages] => [signatureparsed] => [sighasimages] => [sigpic] => [sigpicdateline] => [sigpicwidth] => [sigpicheight] => [postcount] => 1 [islastshown] => [isfirstshown] => 1 [attachments] => [allattachments] => ) --> > > > > > > > > > > > > > > BabyBumps.net - Resources for Pregnant Moms > > > > > > >
> > > > > > > > >
> > >
/> alt="" > width="18" height="145" />
> height="26" > /> /> src="images/tiles/HP_Ad_Tile.gif" alt="" width="150" height="150" /> width="18" height="145" />
> height="26" > /> />
>
>

Find everything you need for your baby!

> >
> Here is where the first block of text will go. >
>
> src="images/banners/ad_index_b1.gif" alt="bella photography kc" > width="425" > height="150" /> src="images/tile_shadow_right.gif" alt="" width="18" height="145" />
> height="26" > /> /> > > Here is the second set of text. > >
>
> src="images/placeholders/HP_Ad_Banner.gif" alt="" width="425" height="150" > /> alt="" > width="18" height="145" />1 width="425" height="26" />2 width="18" height="26" /> height="150" /> src="images/tile_shadow_right.gif" alt="" width="18" height="145" /> src="images/tile_shadow_bottom.gif" alt="1" width="425" height="26" /> src="images/tile_shadow_corner.gif" alt="2" width="18" height="26" />
> >
>
> > > > > >
> > > > >[/ref] [allowsmilie] => 1 [showsignature] => 0 [ipaddress] => [iconid] => 0 [visible] => 1 [attach] => 0 [infraction] => 0 [reportthreadid] => 0 [isusenetpost] => 1 [msgid] => [ref] => [htmlstate] => on_nl2br [postusername] => Murray [ip] => forums@HAHAgrea [isdeleted] => 0 [usergroupid] => [membergroupids] => [displaygroupid] => [password] => [passworddate] => [email] => [styleid] => [parentemail] => [homepage] => [icq] => [aim] => [yahoo] => [msn] => [skype] => [showvbcode] => [showbirthday] => [usertitle] => [customtitle] => [joindate] => [daysprune] => [lastvisit] => [lastactivity] => [lastpost] => [lastpostid] => [posts] => [reputation] => [reputationlevelid] => [timezoneoffset] => [pmpopup] => [avatarid] => [avatarrevision] => [profilepicrevision] => [sigpicrevision] => [options] => [akvbghsfs_optionsfield] => [birthday] => [birthday_search] => [maxposts] => [startofweek] => [referrerid] => [languageid] => [emailstamp] => [threadedmode] => [autosubscribe] => [pmtotal] => [pmunread] => [salt] => [ipoints] => [infractions] => [warnings] => [infractiongroupids] => [infractiongroupid] => [adminoptions] => [profilevisits] => [friendcount] => [friendreqcount] => [vmunreadcount] => [vmmoderatedcount] => [socgroupinvitecount] => [socgroupreqcount] => [pcunreadcount] => [pcmoderatedcount] => [gmmoderatedcount] => [assetposthash] => [fbuserid] => [fbjoindate] => [fbname] => [logintype] => [fbaccesstoken] => [newrepcount] => [vbseo_likes_in] => [vbseo_likes_out] => [vbseo_likes_unread] => [temp] => [field1] => [field2] => [field3] => [field4] => [field5] => [subfolders] => [pmfolders] => [buddylist] => [ignorelist] => [signature] => [searchprefs] => [rank] => [icontitle] => [iconpath] => [avatarpath] => [hascustomavatar] => 0 [avatardateline] => [avwidth] => [avheight] => [edit_userid] => [edit_username] => [edit_dateline] => [edit_reason] => [hashistory] => [pagetext_html] => [hasimages] => [signatureparsed] => [sighasimages] => [sigpic] => [sigpicdateline] => [sigpicwidth] => [sigpicheight] => [postcount] => 4 [islastshown] => [isfirstshown] => [attachments] => [allattachments] => ) --> White spaces under images... - Macromedia Dynamic HTML

White spaces under images... - Macromedia Dynamic HTML

Ok... I am still working on my site, have loaded the browsers and am having a browser issue which I can't seem to figure out. I have the page on a test site at http://www.babybumps.net/testsite/index2.shtml The problem is that in Safari and Mozilla there is a small white line under each of my images that have a "editable region" tag on them. I can't seem to figure out what I should be doing to correct the issue. Any suggestions? The code is attached. Also, does anyone see any other issues that I may not be noticing? I want to make ...

Sponsored Links
  1. #1

    Default White spaces under images...

    Ok... I am still working on my site, have loaded the browsers and am having a
    browser issue which I can't seem to figure out. I have the page on a test site
    at http://www.babybumps.net/testsite/index2.shtml

    The problem is that in Safari and Mozilla there is a small white line under
    each of my images that have a "editable region" tag on them. I can't seem to
    figure out what I should be doing to correct the issue. Any suggestions? The
    code is attached.

    Also, does anyone see any other issues that I may not be noticing? I want to
    make sure that the code on this page is really tight and clean before I move on
    as it is the basis for the majority of the site.

    Thanks so much for all of your help. I have been struggling to muddle through
    and learn CSS and SSI with a book and the internet over the couple of months.
    I'm hoping that my questions don't make me seem like to much of an amateur. ;)

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"><!--
    InstanceBegin template="/Templates/index_master.dwt"
    codeOutsideHTMLIsLocked="false" -->

    <head>

    <meta name="Description" content="Your guide to pregnancy and baby resources
    in KC. Find local businesses, health information, activities and more in Kansas
    City." />
    <meta name="Keywords" content="Kansas City, parent, family, education, event,
    calendar, kids, moms, baby, pregnant, expectant, gifts, babies, shower, doctor,
    hospital, stores, health, nutrition, maternity, photographer, ultrasound,
    breastfeeding, announcements, nannies, childcare, toys, books, diapers" />
    <meta http-equiv="Content-Type" content="text/html; cht=iso-8859-1" />
    <meta name="Distribution" content="Global" />
    <meta name="Author" content="Andrea Osiek - net" />
    <meta name="Robots" content="index,follow" />
    <meta name="Revisit-after" content="1 days" />

    <link rel="stylesheet" href="images/BabyBumps.css" type="text/css" />
    <!-- InstanceBeginEditable name="doctitle" -->
    <title>BabyBumps.net - Resources for Pregnant Moms</title>
    <!-- InstanceEndEditable -->
    <!-- InstanceBeginEditable name="head" --><!-- InstanceEndEditable -->
    </head>


    <body>
    <div id="wrap">



    <!--#include file="header.html" -->


    <div id="nav">
    <!--#include file="navigation.html" -->
    </div>

    <div id="content-wrap" class="three-col" >

    <div id="sidebar"><!-- InstanceBeginEditable name="EditRegion1" --><img
    src="images/banners/marchbanner.gif" alt="march of dimes march for babies
    donate now" width="150" height="300" /><!-- InstanceEndEditable --><img
    src="images/tile_shadow_right.gif" alt="" width="18" height="295" /><br /><img
    src="images/tile_shadow_bottom.gif" alt="" width="150" height="26" /><img
    src="images/tile_shadow_corner.gif" alt="" width="18" height="26" /><br />
    <!-- InstanceBeginRepeat name="RepeatRegion1" --><!--
    InstanceBeginRepeatEntry --><!-- InstanceBeginEditable name="EditRegion2"
    --><img src="images/tiles/HP_Ad_Tile.gif" alt="" width="150" height="150"
    /><!-- InstanceEndEditable --><img src="images/tile_shadow_right.gif" alt=""
    width="18" height="145" /><br />
    <img src="images/tile_shadow_bottom.gif" alt="" width="150" height="26"
    /><img src="images/tile_shadow_corner.gif" alt="" width="18" height="26" /><!--
    InstanceEndRepeatEntry --><!-- InstanceBeginRepeatEntry --><!--
    InstanceBeginEditable name="EditRegion2" --><img
    src="images/tiles/HP_Ad_Tile.gif" alt="" width="150" height="150" /><!--
    InstanceEndEditable --><img src="images/tile_shadow_right.gif" alt=""
    width="18" height="145" /><br />
    <img src="images/tile_shadow_bottom.gif" alt="" width="150" height="26"
    /><img src="images/tile_shadow_corner.gif" alt="" width="18" height="26" /><!--
    InstanceEndRepeatEntry --><!-- InstanceEndRepeat --><br />
    </div>
    <div id="rightcolumn"><!-- InstanceBeginRepeat name="RepeatRegion2" --><!--
    InstanceBeginRepeatEntry --><!-- InstanceBeginEditable name="EditRegion4"
    --><img src="images/tiles/HP_Ad_Tile.gif" alt="" width="150" height="150"
    /><!-- InstanceEndEditable --><img src="images/tile_shadow_right.gif" alt=""
    width="18" height="145" /><br />
    <img src="images/tile_shadow_bottom.gif" alt="" width="150" height="26"
    /><img src="images/tile_shadow_corner.gif" alt="" width="18" height="26" /><!--
    InstanceEndRepeatEntry --><!-- InstanceBeginRepeatEntry --><!--
    InstanceBeginEditable name="EditRegion4" --><img
    src="images/tiles/HP_Ad_Tile.gif" alt="" width="150" height="150" /><!--
    InstanceEndEditable --><img src="images/tile_shadow_right.gif" alt=""
    width="18" height="145" /><br />
    <img src="images/tile_shadow_bottom.gif" alt="" width="150" height="26"
    /><img src="images/tile_shadow_corner.gif" alt="" width="18" height="26" /><!--
    InstanceEndRepeatEntry --><!-- InstanceEndRepeat --></div>
    <div id="main">
    <h1 class="style2">Find everything you need for your baby!</h1>

    <br />
    Here is where the first block of text will go.
    <br />
    <br />
    <!-- InstanceBeginEditable name="EditRegion3" --><img
    src="images/banners/ad_index_b1.gif" alt="bella photography kc" width="425"
    height="150" /><!-- InstanceEndEditable --><img
    src="images/tile_shadow_right.gif" alt="" width="18" height="145" /><br />
    <img src="images/tile_shadow_bottom.gif" alt="" width="425" height="26"
    /><img src="images/tile_shadow_corner.gif" alt="" width="18" height="26" />

    Here is the second set of text.

    <br />
    <br />
    <!-- InstanceBeginRepeat name="RepeatRegion3" --><!-- InstanceBeginRepeatEntry
    --><!-- InstanceBeginEditable name="EditRegion5" --><img
    src="images/placeholders/HP_Ad_Banner.gif" alt="" width="425" height="150"
    /><!-- InstanceEndEditable --><img src="images/tile_shadow_right.gif" alt=""
    width="18" height="145" /><img src="images/tile_shadow_bottom.gif" alt="1"
    width="425" height="26" /><img src="images/tile_shadow_corner.gif" alt="2"
    width="18" height="26" /><!-- InstanceEndRepeatEntry --><!--
    InstanceBeginRepeatEntry --><!-- InstanceBeginEditable name="EditRegion5"
    --><img src="images/placeholders/HP_Ad_Banner.gif" alt="" width="425"
    height="150" /><!-- InstanceEndEditable --><img
    src="images/tile_shadow_right.gif" alt="" width="18" height="145" /><img
    src="images/tile_shadow_bottom.gif" alt="1" width="425" height="26" /><img
    src="images/tile_shadow_corner.gif" alt="2" width="18" height="26" /><!--
    InstanceEndRepeatEntry --><!-- InstanceEndRepeat --><br />

    </div>
    </div>


    <div id="footer-wrap">
    <!--#include file="footer.html" -->
    </div>


    </div>

    </body>

    <!-- InstanceEnd --></html>

    Sponsored Links
    ArtsyAndi Guest

  2. #2

    Default Re: White spaces under images...

    Oh... and someone had mentioned that when you increase text size on the page it distorts the layout a bit. Is there really any way to avoid this?
    ArtsyAndi Guest

  3. #3

    Default Re: White spaces under images...

    Only by building the page using vertically flexible containers and a layout
    that accommodates that flex.

    http://apptools.com/examples/pagelayout101.php


    --
    Murray --- ICQ 71997575
    Adobe Community Expert
    (If you *MUST* email me, don't LAUGH when you do so!)
    ==================
    http://www.projectseven.com/go - DW FAQs, Tutorials & Resources
    http://www.dwfaq.com - DW FAQs, Tutorials & Resources
    ==================


    "ArtsyAndi" <com> wrote in message
    news:fvbiu4$70n$macromedia.com... 

    Murray Guest

  4. #4

    Default Re: White spaces under images...

    You already got the answer once, no? Add this to your CSS -

    img { vertical-align:bottom; }

    See, what you are seeing is what you *should* see. The <img> tag is an
    inline tag. Inline tags are rendered within a virtual "text box". A text
    box has space reserved for text glyph descenders, like on a "g" or "q". The
    gap you are seeing is that reserved space. Adding this rule to your CSS
    forces images to the bottom of the text box....

    --
    Murray --- ICQ 71997575
    Adobe Community Expert
    (If you *MUST* email me, don't LAUGH when you do so!)
    ==================
    http://www.projectseven.com/go - DW FAQs, Tutorials & Resources
    http://www.dwfaq.com - DW FAQs, Tutorials & Resources
    ==================


    "ArtsyAndi" <com> wrote in message
    news:fvbic4$6g2$macromedia.com... 

    Murray Guest

  5. #5

    Default Re: White spaces under images...

    I will do some research on that.

    Any other suggestions? Any advice is appreciated. Is what I am doing good?
    bad? totally the wrong way to go about it? on the right track?

    Feelings will not be hurt as long as comments are productive. :)

    ArtsyAndi Guest

  6. #6

    Default Re: White spaces under images...

    > Any other suggestions?

    Why don't you try and comment on the suggestions you have already been
    given? Is there something about them you don't understand?

    --
    Murray --- ICQ 71997575
    Adobe Community Expert
    (If you *MUST* email me, don't LAUGH when you do so!)
    ==================
    http://www.projectseven.com/go - DW FAQs, Tutorials & Resources
    http://www.dwfaq.com - DW FAQs, Tutorials & Resources
    ==================


    "ArtsyAndi" <com> wrote in message
    news:fvdanc$5gs$macromedia.com... 

    Murray Guest

  7. #7

    Default Re: White spaces under images...

    I thik you have taken the wrong page intentation. That makes you to ghet the whie spaces under the images.
    Brian Guest

  8. #8

    Default Re: White spaces under images...

    I thik you have taken the wrong page intentation. That makes you to ghet the whie spaces under the images.
    Brian Guest

Similar Threads

  1. White spaces around cells
    By DavidConner in forum Macromedia Dynamic HTML
    Replies: 3
    Last Post: August 12th, 12:17 PM
  2. Repetitive white spaces in string
    By d.acha in forum Macromedia ColdFusion
    Replies: 2
    Last Post: June 22nd, 09:37 PM
  3. Scanned Graphics / Screen Shots / White Spaces
    By Shirley_Zaknich@adobeforums.com in forum Adobe Acrobat Windows
    Replies: 2
    Last Post: April 29th, 08:34 AM
  4. Adding white spaces
    By Jakob Kofoed in forum PERL Beginners
    Replies: 3
    Last Post: January 7th, 09:45 AM

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
  •