Link to home
Start Free TrialLog in
Avatar of fskilnik
fskilnikFlag for Brazil

asked on

CSS specific image property

Hi there,

In the image attached, you see (above) the dreamweaver design screen and (below) the way the image, in the browser, (unfortunately) goes over the inferior limit provided "for her".

Question:  which CSS image property should I remove/alter/include in the code below, so that the image will always appear "inside" its proper place?  (In other words, the proper place limit will be - say - 10 pixels below the end of the image?)


----- code (CSS properties) ---

#outside_question img {
      padding-top: 15px;
      padding-right: 5px;
      padding-bottom: 10px;
      padding-left: 25px;
      display: block;
      float: right;
      margin-bottom: 10px;
Avatar of Scott Fell
Scott Fell
Flag of United States of America image

Link to home
This solution is only available to members.
To access this solution, you must be a member of Experts Exchange.
Start Free Trial
Avatar of fskilnik


Dear padas,

Thank you for your reply, but changing these items does not help (otherwise the problem would be really easy)...

I believe it´s something related to the overflow (or clear) property (ies) but, even trying some inclusions of them, I could not change the situation presented at the image provided!

Perhaps now you have another suggestion... I hope you do!

Ops... I´ve tried the "padding-bottom" of the CSS property of the "previous node" (in terms of "hierarchy") and it worked as expected.

(Sorry for not being able to use the proper vocabulary, but I am not a professional programmer, as you certainly realized from the question itself.)

Thank you,
Like I said, post your code.  Even better make it easy for us, just upload your page to your site and give us the link to look at. Too hard to tell from your image.
I see. You are right, and I will remember that next time. Thanks!