css image and div aligning issues in html.

Question

When i use Dream Weaver to write code for my website, in the css file it won't respond to any changes that i make to the padding on any of my images. yesterday i saved it and it looked fine but that was because it wasn't actually responding to the padding changes that i made and it made everything i did wrong. i'm still unable to solve this issue.

Jon Fritz · Accepted Answer

do i take my original div classes links? and place these ones instead ? i'm confused how to do this because when i do it doesn't look right at all.

You would replace your "work" div and contents (designs, photographs and videos containers) with everything from inside the <body> tags of the example code (not including the <body> tags themselves). Then add the example code's css to the end of your stylesheet and delete the css you have for those items as well.

B i r n o u · Answer

an image is an inline element... so it doesn't have any padding vertically.. at least it doesn't interact with any siblings elements... it just have an horizontal padding... so if you want to add vertical padding to your image, you first will have to cast it to an inline-block, or a block element... depending on the main goal...

then your .wordthird class has some errors in it... you should remove the padding-left and padding-bottom that are negative... negative value are not allowed. The text-decoration should be applied to the anchor element and not to the container

your HTML contains some errors too, your anchor closing tag is above the closing DIV it should be after....

Sign up

To post, reply, or follow discussions, please sign in with your Adobe ID.

Sign in to Adobe Community

To post, reply, or follow discussions, please sign in with your Adobe ID.

Scanning file for viruses.

This file cannot be downloaded