Skip navigation
braico
braico
Currently Being Moderated

why my images stay over my text?

Apr 22, 2012 6:27 PM

On my site

 

http://www.dorff.nl/villa%20nickerie.html

 

you see that the images are all over my text? how can i fix this problem??

 

Thank you

 

Brian

815 Views   11 Replies   Latest reply: braico, Apr 23, 2012 7:35 AM
 
Replies
  • adninjastrator
    Currently Being Moderated
    1. adninjastrator,
    Apr 22, 2012 9:30 PM   in reply to braico
    Report

    For one thing you have height of #breadcrumbs set to 40px:

    #breadcrumbs {

        background: url("images/outset_breadcrumbs.gif") repeat-x scroll center bottom #F9F9F9;

        color: #AAAAAA;

        height: 40px;

    }

    Then you have a whole bunch of

    <p class="breadcrumb"> </p>

    I assume you are trying to use those for spacing??

    So when you remove the set height, there is a lot of empty space caused by all those empty <p>s and images are pushed down below all those <p>s

    Adninjastrator

     
    |
    Mark as:
  • Sudarshan Thiagarajan
    3,731 posts
    Oct 15, 2010
    Currently Being Moderated
    2. Sudarshan Thiagarajan,
    Apr 22, 2012 11:04 PM   in reply to braico
    Report

    Find this line in your CSS

    #primary_full, #primary, #secondary{position:relative;overflow:hidden;}

     

    and change it as follows:

     

    #primary_full, #primary, #secondary{position:relative;overflow:hidden;margin-top:80px;}

     

    In your HTML, find and remove  lines 94 till line 99:

     

    <p class="breadcrumb"> </p>

    <p class="breadcrumb"> </p>

    <p class="breadcrumb"> </p>

    <p class="breadcrumb"> </p>

    <p class="breadcrumb"> </p>

    <p class="breadcrumb"> </p>

     

    This should fix the issue as follows:

     

    Screen Shot 2012-04-23 at 11.33.53 AM.png

     

    Message was edited by: Sudarshan Thiagarajan to add image screenshot

     
    |
    Mark as:
  • braico
    Currently Being Moderated
    3. braico,
    Apr 23, 2012 5:25 AM   in reply to Sudarshan Thiagarajan
    Report

    Hi thank you it worked.. But now ive got the next problem

     

    as you can see on  http://www.dorff.nl/villa%20nickerie.html

     

    the images are no longer over my text. But now below the text ther is a grey colour.

     

    Ive tried to lower it because that look nicer. But i can manage. Ive tried some with breadcrumbs but that didnt work either. even page properties background wont work.

     

    Can you tell me how to put the lightgrey box a bit lower or make it white?

     

     

    regards Brian

     

     

    Date: Mon, 23 Apr 2012 00:02:21 -0600

    From: forums@adobe.com

    To: braico@live.nl

    Subject: Re: why my images stay over my text? why my images stay over my text?

     

     

     

     

     

     

          

               

               

               

        Re: why my images stay over my text?

     

     

        created by Sudarshan Thiagarajan in Dreamweaver - View the full discussion

     

     

     

    Find this line in your CSS#primary_full, #primary, #secondary and change it as follows: #primary_full, #primary, #secondary In your HTML, find and remove  lines 94 till line 99:

     

     

     

     

     

     

    This should fix the issue.

     

     

         Replies to this message go to everyone subscribed to this thread, not directly to the person who posted the message. To post a reply, either reply to this email or visit the message page: Re: why my images stay over my text?

         To unsubscribe from this thread, please visit the message page at Re: why my images stay over my text?. In the Actions box on the right, click the Stop Email Notifications link.

          

         Start a new discussion in Dreamweaver by email or at Adobe Forums

      For more information about maintaining your forum email notifications please go to http://forums.adobe.com/message/2936746#2936746.

     
    |
    Mark as:
  • Ben Pleysier
    Currently Being Moderated
    4. Ben Pleysier,
    Apr 23, 2012 6:03 AM   in reply to braico
    Report

    De kleur komt van style.css op regel 252

     

    #breadcrumbs a {

         color: #bbbbbb;

    }

     

    Gramps

     
    |
    Mark as:
  • braico
    Currently Being Moderated
    5. braico,
    Apr 23, 2012 6:11 AM   in reply to Ben Pleysier
    Report

    Beste Gramps,

     

    Dat is de kleur van de tekst in de gele balk. Ik bedoel de lichtgrijze kleur. Die begint door de platte tekst en die ook achter de foto zit.

     

    Groet Brian

     

    Date: Mon, 23 Apr 2012 07:03:40 -0600

    From: forums@adobe.com

    To: braico@live.nl

    Subject: Re: why my images stay over my text? why my images stay over my text?

     

     

     

     

     

     

          

               

               

               

        Re: why my images stay over my text?

     

     

        created by Altruistic Gramps in Dreamweaver - View the full discussion

     

     

     

    De kleur komt van style.css op regel 252 #breadcrumbs a Gramps

     

     

         Replies to this message go to everyone subscribed to this thread, not directly to the person who posted the message. To post a reply, either reply to this email or visit the message page: Re: why my images stay over my text?

         To unsubscribe from this thread, please visit the message page at Re: why my images stay over my text?. In the Actions box on the right, click the Stop Email Notifications link.

          

         Start a new discussion in Dreamweaver by email or at Adobe Forums

      For more information about maintaining your forum email notifications please go to http://forums.adobe.com/message/2936746#2936746.

     
    |
    Mark as:
  • Ben Pleysier
    Currently Being Moderated
    6. Ben Pleysier,
    Apr 23, 2012 6:48 AM   in reply to braico
    Report

    Add the paragraph start tag as follows

    <div id="breadcrumbs">

        <div class="inner">

        <p><a href="index.html">Home</a><span class="breadarrow"> / <a href="company.html">Portfolio</a><span class="breadarrow"> / </span><span class='current_crumb'></span></p>

    <p class="breadcrumb">De villa is te huur voor: vakantiegangers, overwinteraars en stagiaires. De villa is voorzien van alle gemakken en luxe en zorgt voor een onvergetelijke vakantiesfeer. De villa is centraal gelegen en bevindt zich in een rustige en veilige omgeving.<br />

          De vakantiewoning waar de gast koning is!</p>

    </div>

        <!-- inner -->

    </div><!-- breadcrumbs -->

    Gramps

     
    |
    Mark as:
  • braico
    Currently Being Moderated
    7. braico,
    Apr 23, 2012 6:54 AM   in reply to Ben Pleysier
    Report

    Ive change it but the background is still grey as you can see.. i like to see it white..

     

    http://www.dorff.nl/villa%20nickerie.html

     

    Date: Mon, 23 Apr 2012 07:48:48 -0600

    From: forums@adobe.com

    To: braico@live.nl

    Subject: Re: why my images stay over my text? why my images stay over my text?

     

     

     

     

     

     

          

               

               

               

        Re: why my images stay over my text?

     

     

        created by Altruistic Gramps in Dreamweaver - View the full discussion

     

     

     

    Add the paragraph start tag as follows

    / Portfolio /

    De villa is te huur voor: vakantiegangers, overwinteraars en stagiaires. De villa is voorzien van alle gemakken en luxe en zorgt voor een onvergetelijke vakantiesfeer. De villa is centraal gelegen en bevindt zich in een rustige en veilige omgeving.
    De vakantiewoning waar de gast koning is!

        <!-- inner ></div><! breadcrumbs -->Gramps

     

     

         Replies to this message go to everyone subscribed to this thread, not directly to the person who posted the message. To post a reply, either reply to this email or visit the message page: Re: why my images stay over my text?

         To unsubscribe from this thread, please visit the message page at Re: why my images stay over my text?. In the Actions box on the right, click the Stop Email Notifications link.

          

         Start a new discussion in Dreamweaver by email or at Adobe Forums

      For more information about maintaining your forum email notifications please go to http://forums.adobe.com/message/2936746#2936746.

     
    |
    Mark as:
  • Sudarshan Thiagarajan
    3,731 posts
    Oct 15, 2010
    Currently Being Moderated
    8. Sudarshan Thiagarajan,
    Apr 23, 2012 7:12 AM   in reply to braico
    Report

    Do you mean you'd like your breadcrumbs to be in white?

     

    This is how it looks like to me. It doesn't look grey.

     

    Screen Shot 2012-04-23 at 7.41.27 PM.png

     
    |
    Mark as:
  • braico
    Currently Being Moderated
    9. braico,
    Apr 23, 2012 7:28 AM   in reply to Sudarshan Thiagarajan
    Report

    No its hard to see but behind the text and the pictures there is a background colour. and its light grey.. i cant change this into white?

    Do you know how i can do this?

     

    regards

     

    Date: Mon, 23 Apr 2012 08:12:13 -0600

    From: forums@adobe.com

    To: braico@live.nl

    Subject: Re: why my images stay over my text? why my images stay over my text?

     

     

     

     

     

     

          

               

               

               

        Re: why my images stay over my text?

     

     

        created by Sudarshan Thiagarajan in Dreamweaver - View the full discussion

     

     

     

    Do you mean you'd like your breadcrumbs to be in white? This is how it looks like to me. It doesn't look grey.  http://forums.adobe.com/servlet/JiveServlet/downloadImage/2-4354578-18 6771/266-42/ScreenShot2012-04-23at7.41.27+PM.png

     

     

         Replies to this message go to everyone subscribed to this thread, not directly to the person who posted the message. To post a reply, either reply to this email or visit the message page: Re: why my images stay over my text?

         To unsubscribe from this thread, please visit the message page at Re: why my images stay over my text?. In the Actions box on the right, click the Stop Email Notifications link.

          

         Start a new discussion in Dreamweaver by email or at Adobe Forums

      For more information about maintaining your forum email notifications please go to http://forums.adobe.com/message/2936746#2936746.

     
    |
    Mark as:
  • Sudarshan Thiagarajan
    3,731 posts
    Oct 15, 2010
    Currently Being Moderated
    10. Sudarshan Thiagarajan,
    Apr 23, 2012 7:32 AM   in reply to braico
    Report

    style.css line 147

     

    body {min-width:960px;background-color:#f9f9f9;}

    Change the color to #ffffff

     
    |
    Mark as:
  • braico
    Currently Being Moderated
    11. braico,
    Apr 23, 2012 7:35 AM   in reply to Sudarshan Thiagarajan
    Report

    Great!! thank you very much! It worked.. 

     

    Date: Mon, 23 Apr 2012 08:33:02 -0600

    From: forums@adobe.com

    To: braico@live.nl

    Subject: Re: why my images stay over my text? why my images stay over my text?

     

     

     

     

     

     

          

               

               

               

        Re: why my images stay over my text?

     

     

        created by Sudarshan Thiagarajan in Dreamweaver - View the full discussion

     

     

     

    style.css line 147 body {min-width:960px;background-color:#f9f9f9;}Change the color to #ffffff

     

     

         Replies to this message go to everyone subscribed to this thread, not directly to the person who posted the message. To post a reply, either reply to this email or visit the message page: Re: why my images stay over my text?

         To unsubscribe from this thread, please visit the message page at Re: why my images stay over my text?. In the Actions box on the right, click the Stop Email Notifications link.

          

         Start a new discussion in Dreamweaver by email or at Adobe Forums

      For more information about maintaining your forum email notifications please go to http://forums.adobe.com/message/2936746#2936746.

     
    |
    Mark as:
Actions

More Like This

  • Retrieving data ...

Bookmarked By (0)

Answers + Points = Status

  • 10 points awarded for Correct Answers
  • 5 points awarded for Helpful Answers
  • 10,000+ points
  • 1,001-10,000 points
  • 501-1,000 points
  • 5-500 points