set a class for the image, and then set the class in the stylsheet with “{border:none;}”
S’all there is to it 🙂
Thread Starter
reuss
(@reuss)
Sorry – I am an absolut beginner here:
I’ve put:
#imgraw {
border: none;
…in the style.css
And in the html (through the WP-editor I put:
<div class=”#imgraw”><p align=”left”><img src=”http://address.com/image.jpg” border=”0″ width=”110″ height=”110″ align=”left” /></div>
…but I can’t seem to get the syntax correctly – the frame (specified else where in style.css) is still there. Does anyone see what I do wrong?
Try this:
In the CSS, make that:
.imgraw {
border: none;
}
(If you use “#”, you’re making it an ID not a class)
<img class="imgraw" src="http://address.com/image.jpg" border="0" width="110" height="110" align="left" />
Don’t put the “#” in the code.
The “#” doesn’t go in the tag
Thread Starter
reuss
(@reuss)
Thanks a lot for the effort LesBessant. However right it looks to me I still can’t get the darn thing to work out…:(
I did excately what you told me – but still the properties of the ‘#content img’, seems to have the last say.
Change your CSS to:
.imgraw {
border-width: 0;
}
I don’t think you can have none
for a border value, although I may be wrong.
If that still doesn’t work, try
.imgraw {
border-width: 0 !important;
}
Or you could just take the easy route:
<img src="http://wordpress.org/style/header-logo.png" alt="" style="border: none;" />
Thread Starter
reuss
(@reuss)
Thanks a lot for all you inconvenience and effort. I solved the issue by simply adding
style=”border: none;” to the img tag (no changes to the style.css). That did the job:)
Regards
Reuss
Thread Starter
reuss
(@reuss)
…excately as I now notice that Viper007Bond suggest:) Thanks a lot!
Reuss
@reuss
First you put the img in a container (div) with no border. But this has no effect on the img.
You have to format the img directly.
To late…
Then could you, please, mark this thread as resolved?