thomas: Ausrichten einer Header Grafik

SELF-Forum

Ausrichten einer Header Grafik

thomas Homepage des Autors
– Informationen zu den Bewertungsregeln

Hallo Ihrs,

langsam jeh ich kapott... ich möchte drei grafiken ausrichten...
eine links, eine inner mitte und eine rechts...
ich dachte eigentlich, ich pack die drei in ein div, sage der einen align=left, der anderen align=center und der dritten align=right und alles wäre okay.... schade...

wenn ihr euch die seite http://divecrewservice.de mal anschaut, fehlt oben rechts die grafik.. klickt ihr mal auf onlineshop oder service oder so, taucht sie auf.

der einzige unterschied ist, dass ich auf der index. html mit align gearbeitet habe, etwa so:

HTML:
<div id="divHeader">
   <img src="PIX\HeaderleftComp.jpg" width="314" height="146" alt="DIVE" align="left">
   <img src="PIX\DIVECREWSERVICE_ONLYWORDS.jpg" width="356" height="146" alt="CREW" align="center">
   <img src="PIX\HeaderRightComp.jpg"  width="314" height="146" alt="SERVICE" align="right">
</div>

CSS:
#divHeader
{
 height: 146px;
 overflow: hidden;
}

auf den anderen seiten habe ich das align weggelassen und er reiht die bilder dann natürlich einfach nebeneinander an..

WIE KANN ICH SO ETWAS LÖSEN??? HÜLFE!!

Beitrag melden
–
Informationen zu den Bewertungsregeln

  1. Ausrichten einer Header Grafik

    Zeromancer
    – Informationen zu den Bewertungsregeln

    Hallo thomas,

    Bilder sind per default Inline-Elemente und reihen sich aneinander.

    Packst du sie in ein Blockelement, kannst du mit CSS noch ausrichten.

    Ich verstehe dein Problem nicht ganz, wenn du weißt, dass es an einem align="right" liegt. Wobei das align="right" auf die alte Formatierungsweise in Blockelementen abzielt:

    <p align="right">Ein rechtsbündiger Text</p>

    Mit freundlichen Grüßen,
    André

    --
    Es geht weiter!
    Beitrag melden
    –
    Informationen zu den Bewertungsregeln

  2. Ausrichten einer Header Grafik

    Ingo Turski Homepage des Autors
    – Informationen zu den Bewertungsregeln

    Hi,

    ich dachte eigentlich, ich pack die drei in ein div, sage der einen align=left, der anderen align=center und der dritten align=right und alles wäre okay.... schade...

    Das (veraltete) Attribut align hat für img keinen Wert "center", siehe http://de.selfhtml.org/html/referenz/attribute.htm#img. left und right entsprechen den Werten für die CSS-Eigenschaft float und ein auf Block-Elemente angewandtes text-align:center könnte die enthaltenen inline-Inhalte, also auch ein img, zentrieren.

    wenn ihr euch die seite http://divecrewservice.de mal anschaut, fehlt oben rechts die grafik..

    Nein, da fehlen sämtliche Grafiken:

    Broken Images - http://divecrewservice.de/
    http://divecrewservice.de/PIX%5CHeaderleftComp.jpg
    http://divecrewservice.de/PIX%5CDIVECREWSERVICE_ONLYWORDS.jpg
    http://divecrewservice.de/PIX%5CHeaderRightComp.jpg

    Mag sein, dass der IE die ungültigen Backslashes nicht url-kodiert.

    klickt ihr mal auf onlineshop oder service oder so, taucht sie auf.

    Nö:

    http://divecrewservice.de/Shop%5CShop.html
    http://divecrewservice.de/Service%5CService.html
    -> Error 404: Datei nicht gefunden!
       Das angegebene Dokument konnte auf diesem Server leider nicht gefunden werden.

    freundliche Grüße
    Ingo

    --
    [barrierefreie Webseitenerstellung » Suchmaschinenoptimierung | em?] (Hommingberger Gepardenforelle;-)
    Beitrag melden
    –
    Informationen zu den Bewertungsregeln