Jak zrobić żeby banner był w kolejności

Question

Jak zrobić żeby banner jeden pod drugim był.Bo jak wstawiam kod banneru to są obok siebie a chcę zrobić żeby był jeden pod drugim:

<a target="_blank" href="http://zidbux.com/?ref=pasiak300"><img src="http://zidbux.com/images/zidbux.png" border="0" width="468" height="60" /></a>
<a target="_blank" href="http://r2bux.com/?ref=pasiak300"><img src="http://r2bux.com/images/banner.gif" border="0" width="110" height="110" /></a>    
<a target="_blank" href="http://meryclix.me/?ref=pasiak300"><img src="http://meryclix.me/banner125x125.png" border="0" width="125" height="125" /></a>
<a target="_blank" href="http://www.trustclix.com/?ref=pasiak300"><img src="http://www.trustclix.com/images/banner.gif" border="0" width="125" height="125" /></a>
<a target="_blank" href="http://multiganhos.xyz/?ref=pasiak300"><img src="http://multiganhos.xyz//banner/banner1.gif" border="0" width="468" height="60" /></a>
<a target="_blank" href="http://www.undeca.it/?ref=pasiak300"><img src="http://www.undeca.it/images/banner1.gif" border="0" width="468" height="60" /></a>
<a target="_blank" href="http://autostop4clix.com/?ref=pasiak300"><img src="http://autostop4clix.com/banners/AS4C-Promotional-Banner-01.gif" border="0" width="468" height="60" /></a>
<a target="_blank" href="http://www.neterlinx.com/?ref=pasiak300"><img src="http://www.neterlinx.com/banner1.gif" border="0" width="468" height="60" /></a>

 

Answer 1

Ponadawaj klasy tym elementom <a> oraz obrazkom <img> i styluj po klasach, nie używaj przestarzałych atrybutów html. Od layoutu jest CSS, nie html.

Można np. zrobić dla <a> display block.

Comments

https://codepen.io/webix23/pen/YYVLPz

Answer 2

Dodaj na końcu każdego <br>

Comments

https://codepen.io/webix23/pen/YYVLPz

Answer 3

Każdemu daj classe np. baner i w css dodaj display:block; albo czego tam wolisz.

Comments

https://codepen.io/webix23/pen/YYVLPz

---

i jak masz <a href="http://catshare.net/bc4Rsb8EFS88ITnR"><img src="https://dabuttonfactory.com/button.png?t=Download&f=Calibri-Bold&ts=24&tc=fff&tshs=1&tshc=000&hp=20&vp=8&c=5&bgt=gradient&bgc=3d85c6&ebgc=073763" alt="tekst alternatywny" /></a>

dodaj do a klase np.

<a href="http://catshare.net/bc4Rsb8EFS88ITnR" class="baner"><img src="https://dabuttonfactory.com/button.png?t=Download&f=Calibri-Bold&ts=24&tc=fff&tshs=1&tshc=000&hp=20&vp=8&c=5&bgt=gradient&bgc=3d85c6&ebgc=073763" alt="tekst alternatywny" /></a>

 

i w css dodaj
.baner{
display:block;

}

---

Dzięki

 

A jaki kod pod rozmieszczenie takiego czegoś:

http://www.pewneuzywane.pl/samochod/sosnowiec/samochody-kompaktowe/ford/focus/id/72557#

http://moto.gratka.pl/tresc/volkswagen-golf-vii-comfortline-1-6tdi-cr-110km-23005625.html

https://www.otomoto.pl/oferta/bmw-seria-5-ID6zopyV.html

 

https://www.autogielda.pl/

 

A drugie pytanie to rozmieszczenie zdjęcia obok siebie i pod nim button lub odnośnik jaki kod

---

A jaki kod pod rozmieszczenie takiego czegoś:

http://www.pewneuzywane.pl/samochod/sosnowiec/samochody-kompaktowe/ford/focus/id/72557#

http://moto.gratka.pl/tresc/volkswagen-golf-vii-comfortline-1-6tdi-cr-110km-23005625.html

https://www.otomoto.pl/oferta/bmw-seria-5-ID6zopyV.html

 

https://www.autogielda.pl/

 

A drugie pytanie to rozmieszczenie zdjęcia obok siebie i pod nim button lub odnośnik jaki kod