|
|||
link icons zentrieren
Hallo
Wie kann ich diese Reihe zentrieren? Danke für eure Antworten: html5 code: <div id="quicklinks"> <a href="objekte.html"><div class="iconpopout"><img class="icon" src="bilder/buttonobjekte.png" alt="Icon Objekte"/></a></div> <a href="websites.html"><div class="iconpopout"><img class="icon" src="bilder/buttonwebsites.png" alt="Icon Websites"/></a></div> <a href="bewegteBilder.html"><div class="iconpopout"><img class="icon"src="bilder/buttonbewegtebilder.png" alt="Icon bewegte Bilder"/></a></div> <a href="fotografie.html"><div class="iconpopout"><img class="icon" src="bilder/buttonfotografie.png" alt="Icon Fotografie"/></a></div> <a href="grafiken.html"><div class="iconpopout"><img class="icon" src="bilder/buttongrafiken.png" alt="Icon Grafiken"/></a></div> </div> <!-- ende div Quicklinks--> </div> CSS Code: #center{ } #quicklinks { } .icon { max-width: 100%; height: auto; margin: 10px; float: left; webkit-transition: all ease 0.5s; moz-transition: all ease 0.5s; o-transition: all ease 0.5s; ms-transition: all ease 0.5s; transition: all ease 0.5s; } .iconpopout img { border-radius: 100%; margin: 8px; width: auto; webkit-transition: all ease 0.5s; moz-transition: all ease 0.5s; o-transition: all ease 0.5s; ms-transition: all ease 0.5s; transition: all ease 0.5s; } .iconpopout img:hover { margin: 0px; box-shadow: 6px 6px 4px 4px rgba(0,0,0,0.3); } |
Sponsored Links |
|
|||
In diesem Guide findest du eine passende Möglichkeit zum Zentrieren:
https://css-tricks.com/centering-css-complete-guide/ Du solltest den HTML-Code aber überarbeiten, z.B. eine ungeordnete Liste (ul) verwenden. |
Themen-Optionen | |
Ansicht | |
|
|
Ähnliche Themen | ||||
Thema | Autor | Forum | Antworten | Letzter Beitrag |
Link mit Icon - Icon in IE falsch angezeigt bei zweizeiligem Link | jorainbo | CSS | 4 | 02.07.2008 18:00 |
Link im zweiten LI verschwindet (IE6) | ven | CSS | 1 | 16.04.2008 13:59 |
Problem mit komplexem Menü | Chellisa | CSS | 2 | 09.01.2007 17:16 |
Link mit Hg-Bild und variabler Breite zentrieren | lona | CSS | 3 | 22.09.2006 11:27 |
Link markieren bei Auswahl | Anonymous | CSS | 2 | 17.06.2003 14:32 |