Thread Starter
ta100
(@ta100)
The text is justified. Please look at the site, thanks.
actually….in your css…. #main covers the width of the content area
it is set at 551px
the picture is also 551px wide
but the picture is inside a paragraph
p, dl { padding: 10px; margin: 0; }
is adding padding to your paragraphs
so the pic+its padding is actually 571px, making it bust out of its containing element….
use pics that are 531px, or adjust the paragraph padding
You’re missing the alignment classes that WordPress relies on to position images.
http://codex.ww.wp.xz.cn/CSS#WordPress_Generated_Classes
Your images have alignment classes on them, but no CSS to accompany them. That image on the page you linked to for example has the class aligncenter which currently does nothing because no such class exists in your stylesheet.
Not sure it will totally fix the problem, but it would be a place to start.
Thread Starter
ta100
(@ta100)
Thanks, RVoodoo. These are the changes I made to the padding in p, dl , and to width in #main. My question now is, while it looks OK, is everything worked out so the pic is properly within its containing element, and the sidebar and everything else is properly positioned so nothing is thrown off, busting out where it isn’t supposed to be? Hard to explain but simply asking if “everything is OK” now with the code, even though it looks OK on the site. Thanks for your time.
p, dl { padding: 10px 0px 10px 10px;
#main { width: 561px;
Thread Starter
ta100
(@ta100)
just read your reply t310s_ after I wrote my last reply, will check into that.
Thread Starter
ta100
(@ta100)
Just read your reply t310s_ after I wrote my last reply.
I addded the following under “alignment classes” in my css. This by itself did not correct the problem. But just put it there for good measure, if you say it needs to be there.
.aligncenter,
div.aligncenter {
display: block;
margin-left: auto;
margin-right: auto;
}
Thread Starter
ta100
(@ta100)
I just took that .align center css out. W3C CSS Validator said it was an error. As the code was orignally for the alignment classes, CSS validator said it was fine.
I know what you are saying, though, I think.
if you want to put the image stuff into your theme (not sure what you have vs. what you don’t) just check into the default theme….. here’s the default image handling stuff I always include
img.centered {
display: block;
margin-left: auto;
margin-right: auto;
}
img.alignright {
padding: 4px;
margin: 0 0 2px 7px;
display: inline;
}
img.alignleft {
padding: 4px;
margin: 0 7px 2px 0;
display: inline;
}
.alignleft {
float:left;
padding:2px 0 0 10px;
}
.alignright {
float:right;
padding:2px 10px 0 5px;
}
.wp-caption.alignleft {
float:left;
margin-left:0;
margin-right:5px;
}
.wp-caption.aligncenter {
margin-left:auto;
margin-right:auto;
}
.wp-caption.alignright {
float:right;
margin-left:5px;
margin-right:0;
}
also, took a peek at your site….just kinda glossed over it real quick with the IE developer toolbar… everything seems cool. Your text and img line up in their containers and all….
Thread Starter
ta100
(@ta100)
I’d be happy to hear anything more anyone says about this thread.
I consider the problem “resolved,” but haven’t checked that in case for some reason it prevents any more posts being made to this thread.
clicking resolved just adds the word resolved in front of the title, it doesn’t close down the thread
glad you got things sorted !
Thread Starter
ta100
(@ta100)
Me too, with your help! Thanks very much, R Voodoo. I will check into that list of css and play with it.
sure, it’s just the standard img handling stuff that should be in any theme. That way when adding pics (especially smaller ones) and selecting center, left or right, they actually go center, left or right
