• Jetzt anmelden. Es dauert nur 2 Minuten und ist kostenlos!

Foto in die Mitte positionieren !

Status
Für weitere Antworten geschlossen.
Samba

Samba

Neues Mitglied
Werbung:
Hallo Börn,

das Foto ist zwar in die Mitte gerutscht, aber jetzt steht unten links neben dem Foto der code style="margin:auto;"

Was ist da passiert ?

Gruß
Horst
 
Werbung:
Dann wirds wohl an der falschen Stelle stehen ;)

So müsste es aussehen:
Code: 
[noparse]<img src="http://i251.photobucket.com/albums/gg318/de_Samba/Sambas%20Gifs/LichtmeerfrmehrToleranz.gif" style="border:0;margin:auto;" alt="Lichtmeer f&amp;uuml;r mehr Toleranz">[/noparse]
 
Werbung:
Ich denke, ich mache da etwas falsch !

Wo wird der Code (align="center") eingesetzt ??


Horst
 
Ich kapier das nicht, es geht immer noch nicht, bin zu doof !

Ich habe das jetzt so eingesetzt;

<a href="http://www.msplinks.com/MDFodHRwOi8vczI1MS5waG90b2J1Y2tldC5jb20vYWxidW1zL2dnMzE4L2RlX1NhbWJhL1NhbWJhcyUyMEdpZnMvP2FjdGlvbj12aWV3JmN1cnJlbnQ9TGljaHRtZWVyZnJtZWhyVG9sZXJhbnouZ2lm" align="center" /><img src="http://i251.photobucket.com/albums/gg318/de_Samba/Sambas%20Gifs/LichtmeerfrmehrToleranz.gif" border="0" alt="Lichtmeer f&amp;uuml;r mehr Toleranz"></a>


Ist immer noch links am Rand
 
Werbung:
Das ist der Code !

<a href="http://s251.photobucket.com/albums/gg318/de_Samba/Sambas%20Gifs/?action=view&current=LichtmeerfrmehrToleranz.gif" target="_blank"><img src="http://i251.photobucket.com/albums/gg318/de_Samba/Sambas%20Gifs/LichtmeerfrmehrToleranz.gif" border="0" alt="Lichtmeer f&amp;uuml;r mehr Toleranz"></a>
 
Zeige mal den Code mit dem Element um das a-Tag herum.
Vielleicht passt es sich automatisch an die Breite des Inhalts an (Inline-Element).
Ohne Breite keine Zentrierung.
Das a-Tag ist nur so breit wie sein Inhalt. In deinem Fall also wie das img.
Also muß a zentriert werden oder a braucht eine Breite die größer als img ist.
 
Zuletzt bearbeitet:
<a href="Url" target="_blank"><img src="Url" border="0" alt="Lichtmeer f&amp;uuml;r mehr Toleranz"></a>


Also mit dem Code im ersten Post war das Gif in der Mitte, aber es stand der Code links unten daneben !

Kann ja sein das ich da etwas an die falsche Stelle eingefügt habe....

Gruß,

Horst
 
Werbung:
Ich weiß nicht wie der restliche Quelltext aussieht.
Aber so sollte es gehen:
Code: 
<a href="Url" target="_blank" style="display: block; text-align: center;">
<img src="bild-url.jpg" alt="Lichtmeer f&amp;uuml;r mehr Toleranz" width="400" height="300" />
</a>
width und height anpassen.
 
Hier der Quelltext....

und wo solls jetzt rein...

ohh man...gibts da ein Programm, ist nicht so einfach diese Sprache...


<a href="http://s251.photobucket.com/albums/gg318/de_Samba/Sambas%20Gifs/?action=view&current=LichtmeerfrmehrToleranz.gif" target="_blank"><img src="http://i251.photobucket.com/albums/gg318/de_Samba/Sambas%20Gifs/LichtmeerfrmehrToleranz.gif" border="0" alt="Lichtmeer f&amp;uuml;r mehr Toleranz"></a>
 
Einfach deinen Quelltext gegen den hier austauschen:
Code: 
<a href="http://s251.photobucket.com/albums/gg318/de_Samba/Sambas%20Gifs/?action=view&current=LichtmeerfrmehrToleranz.gif" target="_blank" style="display: block; text-align: center;">
<img src="http://i251.photobucket.com/albums/gg318/de_Samba/Sambas%20Gifs/LichtmeerfrmehrToleranz.gif" border="0" alt="Lichtmeer f&amp;uuml;r mehr Toleranz" width="128" height="160">
</a>
Ich kenne tatsächlich zwei gute Designerinnen, die kaum html/css beherschen und mit Dreamweaver Webseiten gestalten.
Allerdings ist die Software teuer und die fehlenden css-Kenntnisse muß man mit einer guten Programmbedienung ausgleichen können.
Die Meißten können das nicht und liefern deshalb keine guten Ergebnisse.
 
Zuletzt bearbeitet:
Werbung:
Samba schrieb:
Ich kenne Dreamweaver, ich denke ist schwer zu bedienen...?
Zum Vergrößern anklicken....
Eigentlich nicht. Nur wenn man professionelle Ergebnisse möchte, ist es sicher einfacher html und css zu lernen. Ich weiß nicht wie es manche Designer schaffen, mit so einem Programm gute Webseiten zu erstellen.
Ich weiß nur, daß sie es irgendwie (mit wenig html und css-Kenntnissen) können.
Ps: ich weiß ja nicht, ob das hier verboten ist,
Zum Vergrößern anklicken....
Will nicht hoffen, daß sowas hier verboten ist.
 
Moin,

statt das Attribut "align" zu benutzen, sollte man das lieber mit CSS machen. Der Hinweis mit margin funktioniert nur bei Block-Elementen. Ein Inline-Element zentriert man, indem man dem Parent-Element "text-align:center" mitgibt. "text-align" ist hier leider missverständlich gewählt, dient aber zum zentrieren von Inline-Elementen.

Gruß,
-Efchen
 
Werbung:
Efchen schrieb:
..
.
statt das Attribut "align" zu benutzen, sollte man das lieber mit CSS machen. Der Hinweis mit margin funktioniert nur bei Block-Elementen. Ein Inline-Element zentriert man, indem man dem Parent-Element "text-align:center" mitgibt. "text-align" ist hier leider missverständlich gewählt, dient aber zum zentrieren von Inline-Elementen...
Zum Vergrößern anklicken....
Hm,
Ich habe doch text-align als css-Anweisung geschrieben.

a habe ich display:block gegeben und hat damit eine feste Breite (100%).
Es ist damit als Blockelement zu behandeln.

Bis auf, daß img eine definierte Höhe haben kann, verhält es sich wie ein Inlineelement.

Ist doch alles ok.
Oder was meinst du?
 
neuroleptika schrieb:
Ich habe doch text-align als css-Anweisung geschrieben.
Zum Vergrößern anklicken....

Hmmm...ja, stimmt. Dann habe ich das wohl als Antwort auf jemand anders geschrieben...keine Ahnung mehr. Das lässt sich ja in einem Forum ohne richtige Threads leider nicht mehr nachvollziehen.

Bis auf, daß img eine definierte Höhe haben kann, verhält es sich wie ein Inlineelement.
Zum Vergrößern anklicken....

Das wird daran liegen, dass img ein Inline-Element ist. ;-)

Gruß,
-Efchen
 
Status
Für weitere Antworten geschlossen.

Neueste Beiträge

Zurück
Oben