outline around png image

Unless you provide a link to a page demonstrating the problem, no one will be able to offer much in the way of assistance.

If you mean you have it like:

<img src=”images/logo.png”>
or
<img src=”https://uploadedimage.com&gt;

You need to add border=”0″ after the src, so:

<img src=”images/logo.png” border=”0″>
or
<img src=”https://uploadedimage.com&#8221; border=”0″>

Or, if you have done it in CSS, do the same, but: #id {background-image:url(images/logo.png); border:none;}

Think thats what you mean!

That’s partially incorrect! The border=0 attribute is deprecated and should not be used. Sites should use CSS instead.

i didn’t want to publish it, but here is the link to the problem:

https://tammyjez.com/resume

Edit style.css remove border: 1px solid #000; from:

.entry img {
    border: 1px solid #000;
    padding: 0.3em;
}

I’d also strongly recommend that you reconsider posting your resume as an image. Google can’t index text that is embedded in a graphic, so – from an SEO perspective – an image is just about the worst option you can use.

i tried your suggestion aliasell, but it didn’t work ??

any other ideas?? thanks ??

index text? you mean like searchable?? (sorry i’m a web-design newbie fresh from the womb)

yeah, i thought i would rather it not be an image, but i didn’t like the font and couldn’t see how to change it. haha. can you tell me how?

you mean like searchable??

Exactly! Since Google can’t “see” the text in the image, it can’t store that text in its index when it spiders (catalogues) your site and won’t ever return that page when someone searches for your particular qualifications/experience. And that pretty much negates the reason for having a Resume page in the first place.

i didn’t like the font and couldn’t see how to change it. haha. can you tell me how?

You can change the fonts used on your site by editing your theme’s stylesheet. Like the edit I posted above. Once the text was actually on the page (as opposed to an image), we might be able to help you to determine exactly what bits you need to change in the stylesheet

ok thanks esmi!!

believe it or not, i paid someone else to create the site for me ??

i just need to update. ok, will mess around for a bit and see what i come up with.

thanks again!!

Very often, a paid developer will only install WordPress and create a theme to your specifications. S/he won’t add the actual content for you unless this has been negotiated separately.

Have a play with the site and see what you can do. If you hit problems, you can always ask for help on the forums again.

I’m having a similar issue, but with a grey outline. I thought I’d found the problem in my style.css here:

#content img {
	border: #BBBBBB 1px solid;
	padding: 2px;
}

but I tried removing the “border” line completely, changing it to “0px”, and then changing the color to “#000000”, none of which worked. Any help would be appreciated. Here’s the page that I’m having the problem with. Thanks…

https://kevinkwalter.com/?p=232

Hey Kevin,

In your theme stylesheet on line 231 you have the following:

#content img {
border: 1px solid #BBB;
padding: 2px;
}

If you wanted to make this change global, change that code to the following:

#content img {
border: 0;
padding: 2px;
}

Cheers

Oh, and mine is a .jpg image (not .png), but I don’t see why that would make a difference.

It won’t. Both are embedded using the HTML img tag.

Worked great. I found the same thing in both my style.css and my style.php, so I changed both. That shouldn’t be a problem, right?