• Status: Solved
  • Priority: Medium
  • Security: Public
  • Views: 278
  • Last Modified:

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?)

Thanks,
fskilnik

----- 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;
}
21Mai13-1.jpg
0
fskilnik
Asked:
fskilnik
  • 3
  • 3
1 Solution
 
Scott Fell, EE MVEDeveloper & EE ModeratorCommented:
You really should just post your code.  I have highlighted the vertical items you would want to play with.

   padding-top: 15px;
      padding-right: 5px;
      padding-bottom: 10px;
      padding-left: 25px;
      display: block;
      float: right;
      margin-bottom: 10px;
0
 
fskilnikAuthor Commented:
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!

Regards,
fskilnik.
0
 
fskilnikAuthor Commented:
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,
fskilnik.
0
Industry Leaders: We Want Your Opinion!

We value your feedback.

Take our survey and automatically be enter to win anyone of the following:
Yeti Cooler, Amazon eGift Card, and Movie eGift Card!

 
Scott Fell, EE MVEDeveloper & EE ModeratorCommented:
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.
0
 
fskilnikAuthor Commented:
I see. You are right, and I will remember that next time. Thanks!
0
 
Scott Fell, EE MVEDeveloper & EE ModeratorCommented:
Great
0

Featured Post

Hire Technology Freelancers with Gigs

Work with freelancers specializing in everything from database administration to programming, who have proven themselves as experts in their field. Hire the best, collaborate easily, pay securely, and get projects done right.

  • 3
  • 3
Tackle projects and never again get stuck behind a technical roadblock.
Join Now