|
|||
margin: 0 auto
Hallo und guten Morgen,
ich steh grad auf der Leitung. Es ist doch richtig das man ein Element durch "margin:0 auto;" mittig im nächsthöheren Element ausrichten kann welches positioniert ist. Richtig? Ich versuche das gerade mit einem Listenelement in dem ein Bild zentriert werden soll. Hier beispielhaft der code: Code:
<head> <style type="css/text"> ul{width:530px; height:300px; border: dashed 1px #faad0e; list-style-type: none;} .mid{position:relative; width: 400px; border: 1px solid #a20200;} .mid img{margin: 0 auto; background-color: #faad0e;} </style> </head> <body> <ul> <li class="mid"><img src="#" alt="" height="32" width="32" border="0" /></li> </ul> </body> </html> Vielen Dank Frika |
Sponsored Links |
|
|||
Mit margin:0 auto werden Blockelemente zentriert. Ein img ist ein Inline-Element.
Entweder display:block für das Bild oder text-align:center für li. Bitte poste immer vollständigen (Doctype!) validen Code und teste ihn selbst, bevor du ihn postest. <style type="css/text"> -> keiner meiner Browser zeigt deine Styles. Siehe auch: http://xhtmlforum.de/40080-f-r-frage...twortende.html |
Sponsored Links |
Stichwörter |
blockelemente, zentrieren |
Themen-Optionen | |
Ansicht | |
|
|
Ähnliche Themen | ||||
Thema | Autor | Forum | Antworten | Letzter Beitrag |
Brauche Hilfe: Schwarzes Nichts | Zwox | CSS | 10 | 19.11.2010 17:53 |
z-index hoch, dennoch grafik nicht ganz oben | bergg | CSS | 6 | 27.10.2010 17:02 |
Problem mit einem 3D-Effekt | moep0710 | CSS | 12 | 12.06.2010 15:30 |
rätselhafter Leerraum zwischen Content und Footer im IE | jhonnybravo | CSS | 5 | 04.03.2010 12:47 |
Problem mit CSS in Joomla 1.5 | noobilicius | CSS | 6 | 25.09.2008 21:24 |