zurück zur Startseite
  


Zurück XHTMLforum > (X)HTML und CSS > CSS
Seite neu laden margin: 0 auto

Antwort
 
LinkBack Themen-Optionen Ansicht
  #1 (permalink)  
Alt 13.05.2008, 10:46
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 13.06.2005
Ort: Stuttgart
Beiträge: 18
Frika befindet sich auf einem aufstrebenden Ast
Standard 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>
So gehts aber nicht... Vielleicht kann mir jemand erklären warum, und wie es alternativ zu lösen wäre.
Vielen Dank
Frika
Mit Zitat antworten
Sponsored Links
  #2 (permalink)  
Alt 13.05.2008, 11:11
Erfahrener Benutzer
XHTMLforum-Kenner
 
Registriert seit: 28.01.2005
Beiträge: 11.775
fricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz sein
Standard

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
Mit Zitat antworten
Sponsored Links
  #3 (permalink)  
Alt 13.05.2008, 12:06
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 13.06.2005
Ort: Stuttgart
Beiträge: 18
Frika befindet sich auf einem aufstrebenden Ast
Standard

Ahhh klar ... inline Element, na klar. Sorry für den Codeschnipsel. War nur schnell beispielhaft runtergeschrieben.
Danke nochmal für die schnelle Antwort
Frika
Mit Zitat antworten
Antwort

Stichwörter
blockelemente, zentrieren

Themen-Optionen
Ansicht

Forumregeln
Es ist Ihnen nicht erlaubt, neue Themen zu verfassen.
Es ist Ihnen nicht erlaubt, auf Beiträge zu antworten.
Es ist Ihnen nicht erlaubt, Anhänge hochzuladen.
Es ist Ihnen nicht erlaubt, Ihre Beiträge zu bearbeiten.

BB-Code ist an.
Smileys sind an.
[IMG] Code ist an.
HTML-Code ist aus.
Trackbacks are an
Pingbacks are an
Refbacks are aus


Ä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


Alle Zeitangaben in WEZ +2. Es ist jetzt 11:00 Uhr.