Site Reference Forums

laurie_m · 2007-11-26 01:53:36

G'day.

I have some css code which gives a border on all images on the page:

Code:

img {

        padding: 0px;

        display: inline;

        border: solid black 1px;

        }

Code:

p.right_350 {

        float: right;

        text-align: center;

        width: 350px;

        margin: 0 0 2px 7px;

        color: #666666;

        }

Code:

<p class="350_right"></p>

Works like a charm.

Trouble is, now I need to add some logos to the pages and I can't stop the borders. See Sapphire Coast News link in my signature.

I've tried a few things including:

Code:

img noborder_200: {

        padding: 0px;

        margin: 0 7px;

        border: 0;

        width: 200px;

        }

Code:

<img noborder_200 src='http://www.sapphirecoastnews.com/wp-content/uploads/2007/11/mission_logo_01.jpg' alt='Mission Australia Logo' />

<img noborder_200 src='http://www.sapphirecoastnews.com/wp-content/uploads/2007/11/mission_logo_02.jpg' alt='Mission Statement' />

Doesn't work. Any help, please? roll

Thanks,
Laurie.

Last edited by laurie_m (2007-11-26 01:55:02)

Northie · 2007-11-26 02:21:39

Code: html

<img src='logo.png' alt='' title='' style='border:0px none;' />

laurie_m · 2007-11-26 02:52:24

Thanks Northie. Works like a charm. You're a lifesaver. storstark

Regards,
Laurie.

Northie · 2007-11-26 04:01:01

As with a lot of CSS stuff; the 0px part will fix it in some browsers and the none part will fix most of the rest

nybc · 2007-11-26 04:06:20

Northie wrote:

Code: html

<img src='logo.png' alt='' title='' style='border:0px none;' />

but this code adds css styles inside the html-tags.

The mistake is, you didn´t define classes.

<img class="noborder_200" ... would work, and for the css:

img.noborder_200: {

that´s my advice.

laurie_m · 2007-11-26 04:37:01

Aah! So there's where my mistake was:

Code:

img.noborder_200: {

I left the dot out.

Thanks nybc.

Regards,
Laurie.

Last edited by laurie_m (2007-11-26 04:37:33)

Sponsored Results

Site Reference Forums

#1 2007-11-26 01:53:36

Image Without Border

Code:

Code:

Code:

Code:

Code:

#2 2007-11-26 02:21:39

Re: Image Without Border

Code: html

#3 2007-11-26 02:52:24

Re: Image Without Border

#4 2007-11-26 04:01:01

Re: Image Without Border

#5 2007-11-26 04:06:20

Re: Image Without Border

Northie wrote:

Code: html

#6 2007-11-26 04:37:01

Re: Image Without Border

Code:

Active Discussions

Review Requests and Introductions

Board footer