Bereiche
News
Rewind
Tipps & Berichte
Forum
Galerie
Journals
Events
Umfragen
Themenwoche
Kleinanzeigen
Interaktiv
Anmelden
Registrierung
Zu allen empfangenen Nachrichten
Suche...
Zur erweiterten Suche
Push-Nachrichten von MacTechNews.de
Würden Sie gerne aktuelle Nachrichten aus der Apple-Welt direkt über Push-Nachrichten erhalten?
Forum
>
Software
>
CSS - Was mach ich falsch? Positionierung eines Bildes
CSS - Was mach ich falsch? Positionierung eines Bildes
Tomino
03.01.08
21:03
Hallo!
ich möchte via CSS ein Bild in einer Website einbinden und poistionieren.
So tendenziell gibt es doch zwei Möglichkeiten, das
ganze am Anfang zu deklarieren und dann via div anzuzeigen (über eine ID Zuweisung) oder das andere dann über einen html tag.
Wenn ich nun mit dem Befehl margin diese in der Mitte zentrieren möchte, bekomm ich es einfach nicht hin :'(
Also mit margin:auto; schon aber ich möchte, dass es auch im IE Ver.6 so aussieht und dass geht meines Wissens nicht soo reibungslos.
Wenn man jetzt zum Beispiel margin-left: 1%; und margin-right:1%; verwendet musste das bild dann doch zentriert sein oder?
Wo ist bitte gerade mein Denkfehler?
was ist geschickter, div oder html objekt?
"Script"1:
________________________________
<style type="text/css"><!--
/*Ausrichtung des Logos:*/
#logo
{
background-image:url(images/logo.gif);
width:315px;
height:95px;
}
//
</style>
</head>
<body>
<div id="logo" style="margin:10% auto;"></div>
</body>
</html>
____________________________________
"Script"2:
_____________________________
<style type="text/css"><!--
#logo2
{
margin-left:1%;
margin-right:1%;
}
//
</style>
</head>
<body>
<img src="images/logo.gif" alt="logo" name="logo2" width="315" height="95" id="logo2" />
</body>
</html>
______________________
Danke soweit!
ich bin schon ganz wirr im Kopf, geh mal was trinken>:-(
bis dann
euer Tomino
„>> Wissen bringt neues Unwissen hervor <<“
Hilfreich?
0
Kommentare
Mr. Krabs
03.01.08
21:21
Nimm doch einfach
text-align: center
das funktioniert, da ein bild ein Inline-Element ist. Dann bindest du das Bild aber mit dem IMG-Tag ein.
„Deux Strudel!“
Hilfreich?
0
Tomino
03.01.08
21:46
ähm
danke soweit aber ich packs gerade nicht
<img src="images/mr.gif" alt="human" name="human2" id="human2" style="text-align:center" />
danke
„>> Wissen bringt neues Unwissen hervor <<“
Hilfreich?
0
Mr. Krabs
03.01.08
23:05
Nein, das text-align muss einem übergeordneten Element zugewiesen werden.
Also entweder:
CSS: body {text-align: center}
HTML: <img src="schlachmichtot.jpg" alt="" />
Oder zur Vervollständigung kannst du auch aus dem Bild ein Block-Element machen, dann funktionieren auch margin: 0 auto; und Konsorten wieder.
„Deux Strudel!“
Hilfreich?
0
iJo
03.01.08
23:07
Schau mal hier
Das geht zwar weit über die eigentliche Frage hinaus, aber es findet bestimmt jeder noch was neues in den Tutorials. Man lernt ja nie aus
Hilfreich?
0
tomthecat
04.01.08
08:28
ich würde:
<img src="images/mr.gif" alt="human" name="human2" id="human2" style="
position:absolute;
left:50%;
width:100px;
margin-left:-50px;" />
Dabei aber die Weite definieren des Bildes. Der margin-left-Wert halbiert von der Bildbreite.
Hilfreich?
0
tomthecat
04.01.08
08:28
Das gleiche funktioniert auch in der Höhe. Un das Beste: alle Browser verstehens...
Hilfreich?
0
Tomino
04.01.08
13:54
tomthecat!
Vielen Dank!
Der Tipp ist klasse!
Funktioniert einwandfrei
„>> Wissen bringt neues Unwissen hervor <<“
Hilfreich?
0
Tomino
04.01.08
13:55
iJo
interesanter Link
und Mr. Crap
danke! Das hat mir auch weitergeholfen
„>> Wissen bringt neues Unwissen hervor <<“
Hilfreich?
0
Kommentieren
Diese Diskussion ist bereits mehr als 3 Monate alt und kann daher nicht mehr kommentiert werden.