Solved

CSS specific image property

Posted on 2013-05-21
6
269 Views
Last Modified: 2013-05-22
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
Comment
Question by:fskilnik
  • 3
  • 3
6 Comments
 
LVL 52

Accepted Solution

by:
Scott Fell,  EE MVE earned 500 total points
ID: 39187629
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
 

Author Comment

by:fskilnik
ID: 39187807
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
 

Author Comment

by:fskilnik
ID: 39188120
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
Highfive Gives IT Their Time Back

Highfive is so simple that setting up every meeting room takes just minutes and every employee will be able to start or join a call from any room with ease. Never be called into a meeting just to get it started again. This is how video conferencing should work!

 
LVL 52

Expert Comment

by:Scott Fell, EE MVE
ID: 39188252
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
 

Author Comment

by:fskilnik
ID: 39188311
I see. You are right, and I will remember that next time. Thanks!
0
 
LVL 52

Expert Comment

by:Scott Fell, EE MVE
ID: 39188333
Great
0

Featured Post

How to run any project with ease

Manage projects of all sizes how you want. Great for personal to-do lists, project milestones, team priorities and launch plans.
- Combine task lists, docs, spreadsheets, and chat in one
- View and edit from mobile/offline
- Cut down on emails

Join & Write a Comment

Suggested Solutions

Styling your websites can become very complex. Here I'll show how SASS can help you better organize, maintain and reuse your CSS code.
Browsers only know CSS so your awesome SASS code needs to be translated into normal CSS. Here I'll try to explain what you should aim for in order to take full advantage of SASS.
In this tutorial viewers will learn how to position overlapping items using z-index in CSS. They will also learn the restrictions on the z-index property.  Create a new HTML document with an internal stylesheet.: Create a div in CSS and name it Red.…
In this tutorial viewers will learn how to style transparent/translucent elements using alpha transparency in CSS Start with a normal styled element, such as a div.: Define its "background-color" property as "rgba (255, 255, 255, .5): The numbers in…

760 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question

Need Help in Real-Time?

Connect with top rated Experts

20 Experts available now in Live!

Get 1:1 Help Now