Posted 3 years ago #
I insert an image using the icon in the posting window. The HTML code reads:
<img class="alignright" src="http://redacted.org/images/redacted.jpg" alt="redacted" />
When I flip to the Visual mode, the image is aligned right and word wrapped.
Then I go to "View Site".
I image is aligned left and in not wrapped.
This happens in both IE and FF and on different machines miles apart of different connections.
Why does it seem to work while posting but not when published?
Because the stylesheets are different..
Image alignment and text wrap is a fucntion of your CSS. If you happen to be using a them that doesnt take advantage of the classes that are assigned -- then you need to edit the stylesheet.
Posted 3 years ago #
Thank you for your response. Sounds like what I need. my I ask you help in going forward?
I get two things from your response.
1) If I was using one of the default themes, I would not have this problem (true / false?
2) Can you tell me what code to insert in the CSS of the theme I am using? Or if it's needed for a good answer, may I PM you the site access and ask that you look at it?
Thanks again for your help.
Posted 3 years ago #
wait - more
fwiw - I just rolled through the themes.
1) the image align doesn't work is in my custom theme.
2) also it doesn't work in the WordPress Classic theme
3) but it works fine in the basic WP Kubrick.
So is there a simple clean 3 column theme for 2.5.1 that I can tweak so it will act as well as Kubrick acts?
if you like your custom theme -- just do some reading and fix the css:
Posted 3 years ago #
That's more learning than I can handle in the deadline (Tuesday noon, NY time - today is Monday)
Can someone please provide the code and tell me where to insert it in the style.css?
Thank you
Posted 3 years ago #
Just switch to html mode and change to <img class="right" (or left) ...etc. Then it works.
Posted 3 years ago #
I've just been sticking an align="left" (or right) in my image tags in html mode.
ie: <img src="http://www.x.com/x.jpg" title="x" width="300" height="212" class="xxxxxxx" align="right" />
Seems to work fine also.
Posted 3 years ago #
http://weblogtoolscollection.com/archives/2004/04/12/image-alignment-drop-shadows/
Fine, it works, but now I don't see the result in the editor.
It's not a big problem, but I'd like to know where I can apply the style to it.
Posted 3 years ago #
To fix this you just need to add the lines applying to .img from style.css from the default wp theme to the style.css in your theme. Here are the lines I had from wp 2.5 default theme:
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;
}
.alignright {
float: right;
}
.alignleft {
float: left
}
Posted 3 years ago #
also make sure you clear your cache and refresh after doing this ... wp caches a lot of stuff
geeeees bmearns that's the most efficient response i have ever read in a designers forum. you are cool! hope you get a wish made true today. i thought i was going to spent other night paying for being an amateur :) thanks!
You could have read it in the "sticky" post about Image problems:
http://wordpress.org/support/view/all-topics
This topic has been closed to new replies.
