<br /> a:after ?

[rufus]

how can I add a <br /> after each link which are image containers ?

with
<a href="#"><img src="" alt="" /></a>

i want to get
<a href="#"><img src="" alt="" /><br /></a>

I have tried with :after but I cannot get it

thank you for helping

[Medyman]

set the images to a class

replace

<a href="#"><img src="" alt="" /></a>

with

<a href="#"><img src="" alt="" class="img_link" /></a>

and add the following CSS code to your stylesheet (changing the margin height to your needs):

.img_link { margin-bottom:20px; }

[Twey]

You can't. :after is not supported by IE. You can do:

a img {
  display: block;
}

... but this will also "add a linebreak" before the image.

Beware those XHTML-like slashes: they probably don't mean what you think they mean. Read: http://www.webdevout.net/articles/beware-of-xhtml, http://www.hixie.ch/advocacy/xhtml.

[rufus]

set the images to a class

replace

<a href="#"><img src="" alt="" /></a>

with

<a href="#"><img src="" alt="" class="img_link" /></a>

and add the following CSS code to your stylesheet (changing the margin height to your needs):

.img_link { margin-bottom:20px; }

thank you Medyman but that wasn't my question

[rufus]

You can't. :after is not supported by IE. You can do:

a img {
  display: block;
}

... but this will also "add a linebreak" before the image.

Beware those XHTML-like slashes: they probably don't mean what you think they mean. Read: http://www.webdevout.net/articles/beware-of-xhtml, http://www.hixie.ch/advocacy/xhtml.

thanks but I am trying to add a br and no matter if IE cant understand it, it will in its 2008 version

[tech_support]

Does that really matter? People will still be using IE7 and even IE6.