Ich bin gerade dabei meine Onlinerechner grafisch zu bewerben und hab hierfür Kreise mit Bilder kreiiert .... nun möchte ich die Kreise anordnen ...
Es sollen immer fünf Kreise in einer Reihe stehen. Bei zwanzig kreisen sind das vier Reihen ....
Hier ein Auszug aus meiner Programmierung:
HTML
<div class="all-circels">
<div class="circel-1"><a href="http://www.schwaben-consult.de/?p=576"><img src="http://www.schwaben-consult.de/wp-content/uploads/2015/10/Fotolia_58795064_XS_2-e1443699009996.jpg" alt="Unfallversicherungsrechner" /></a></div>
Unfallversicherung
<div class="circel-2"><a href="http://www.schwaben-consult.de/?p=257"><img src="http://www.schwaben-consult.de/wp-content/uploads/2015/10/Fotolia_2964588_S-e1443698994409.jpg" alt="Privathaftpflichtrechner" /></a></div>
Privathaftpflicht
<div class="circel-3"><a href="http://www.schwaben-consult.de/?p=574"><img src="http://www.schwaben-consult.de/wp-content/uploads/2015/10/Fotolia_51827007_S-e1443698979560.jpg" alt="Tierhalterhaftpflichtrechner" /></a></div>
Tierhalterhaftpflicht
<div class="circel-4"><a href="http://www.schwaben-consult.de/?p=570"><img src="http://www.schwaben-consult.de/wp-content/uploads/2015/10/Fotolia_69218555_S-e1443698948420.jpg" alt="Rechtsschutzrechner" /></a></div>
Rechtsschutzversicherung
<div class="circel-5"><a href="http://www.schwaben-consult.de/?p=564"><img src="http://www.schwaben-consult.de/wp-content/uploads/2015/10/Fotolia_82042072_S-e1443699668603.jpg" alt="Unfallversicherungsrechner" /></a></div>
Hausratversicherung
<div class="circel-6"><a href="http://www.schwaben-consult.de/?p=578"><img src="http://www.schwaben-consult.de/wp-content/uploads/2015/10/Fotolia_55289985_S-e1443702870637.jpg" alt="Wohngebäudeversicherungsrechner" /></a></div>
Wohngebäudeversicherung
<div class="circel-7"><a href="http://www.schwaben-consult.de/?p=568"><img src="http://www.schwaben-consult.de/wp-content/uploads/2015/10/Fotolia_61813185_S-e1443701189515.jpg" alt="Photovoltaikversicherungsrechner" /></a></div>
Photovoltaikversicherung
<div class="circel-8"><a href="http://www.schwaben-consult.de/?p=562"><img src="http://www.schwaben-consult.de/wp-content/uploads/2015/10/Fotolia_72863262_S-e1443705394418.jpg" alt="Grundbesitzerhaftpflichtrechner" /></a></div>
Haus- und Grundbesitzerhaftpflicht
<div class="circel-9"><a href="http://www.schwaben-consult.de/?p=566"><img src="http://www.schwaben-consult.de/wp-content/uploads/2015/10/Fotolia_52665175_XS-e1443705765429.jpg" alt="Öltankhaftpflichtrechner" /></a></div>
Öltankhaftpflicht
<div class="circel-10"><a href="http://www.schwaben-consult.de/?p=559"><img src="http://www.schwaben-consult.de/wp-content/uploads/2015/02/Handwerker-e1443703428106.jpg" alt="Bauversicherungsrechner" /></a></div>
Bauversicherung
</div>
Alles anzeigen
Des weiteren soll die Beschriftung darunter mitwandern und möglichst zentriert unter dem Kreis stehen ...
man kann das ganze auch nochmal unter http://www.schwaben-consult.de/onlinerechner einsehen ....