Ergebnis 1 bis 4 von 4

Thema: Firefox Logo zentrieren v-align text-align

  1. #1
    Azubi(ne)
    Registriert seit
    22.05.2009
    Beiträge
    62
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard Firefox Logo zentrieren v-align text-align

    Hallo,
    ich möchte gerne das Firefox Logo von der Vertikalen als auch der
    horizontalen zentrieren. Leider werden die Stylebefehle nicht angenommen.


    HTML-Code:
    <html>
    
    <head>
    <title>Testlayout</title>
    </head>
    
    <body>
    
    
    <div style="background-color:#B4B4B4; height:350px; width:100px; color:#FFFFFF; font-family:Calibri; float:left; margin:10px; padding:10px;">
    Testnachricht, dies ist ein Test.
    </div>
    <div style="background-color:#3F3F3F; height:370px; width:600px; color:#FFFFFF; font-family:Calibri; padding:10px;">
        
        <div style="background-color:#B4B4B4; height:100px; width:100px; color:#FFFFFF; font-family:Calibri; float:right; margin:10px; padding:5px; border:2px dotted #FCFCFC;">
        <img src="firefox_huge.png" border="0" title="Firefox" height="50px" width="50px" style="vertical-align:middle; text-align:center;">
        </div>
        Hallo dies ist ein Text. Hallo dies ist ein Text. Hallo dies ist ein Text. Hallo dies ist ein Text. Hallo dies ist ein Text. Hallo dies ist ein Text. Hallo dies ist ein Text. Hallo dies ist ein Text. Hallo dies ist ein Text. Hallo dies ist ein Text. Hallo dies ist ein Text. Hallo dies ist ein Text. Hallo dies ist ein Text. Hallo dies ist ein Text. Hallo dies ist ein Text. Hallo dies ist ein Text. Hallo dies ist ein Text. Hallo dies ist ein Text. Hallo dies ist ein Text. Hallo dies ist ein Text. Hallo dies ist ein Text. Hallo dies ist ein Text. Hallo dies ist ein Text. Hallo dies ist ein Text. Hallo dies ist ein Text. Hallo dies ist ein Text. Hallo dies ist ein Text.  Hallo dies ist ein Text. Hallo dies ist ein Text. Hallo dies ist ein Text. Hallo dies ist ein Text. Hallo dies ist ein Text. Hallo dies ist ein Text. Hallo dies ist ein Text. Hallo dies ist ein Text. Hallo dies ist ein Text. Hallo dies ist ein Text. Hallo dies ist ein Text. Hallo dies ist ein Text. Hallo dies ist ein Text. Hallo dies ist ein Text. Hallo dies ist ein Text. Hallo dies ist ein Text. Hallo dies ist ein Text. Hallo dies ist ein Text. Hallo dies ist ein Text. Hallo dies ist ein Text. Hallo dies ist ein Text. Hallo dies ist ein Text. Hallo dies ist ein Text. 
    
    </div>
    
    </body>
    
    </html>
    Danke
    Achtung: Dies ist ein alter Thread im HTML und Webmaster Forum
    Diese Diskussion ist älter als 90 Tage. Die darin enthaltenen Informationen sind möglicherweise nicht mehr aktuell. Erstelle bitte zu deiner Frage ein neues Thema im Forum !!!!!

  2. #2
    Macrosdesign
    Gast

    Standard AW: Firefox Logo zentrieren v-align text-align

    geb dem bild eine feste breite und eine feste höhe und dann mach mal :

    margin: auto auto;

  3. #3
    König(in) Avatar von chris90night
    Registriert seit
    09.09.2006
    Ort
    <?php echo $_SERVER['PHP_SELF']; ?>
    Beiträge
    1.096
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard AW: Firefox Logo zentrieren v-align text-align

    Hey,

    das text-align:center; musst du als Eigenschaft des div-Containers angeben.
    Die vertikale Zentrierung funktioniert leider nicht so ohne Weiteres.
    Aber da gibt es auch ein paar Tricks, z.B. hier: http://www.ohne-css.gehts-gar.net/0002.php

    MfG, Chris


    Denk immer daran: auch am anderen Ende der Leitung sitzt ein Mensch!

  4. #4
    Kaiser(in)
    Registriert seit
    24.04.2006
    Ort
    Ludwigshafen
    Beiträge
    2.720
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard AW: Firefox Logo zentrieren v-align text-align

    Für diesen speziellen Einzelfall geht's auch so:
    Code:
    <img src="firefox_huge.png" border="0" title="Firefox" height="50px" width="50px" style="margin-top: 25px; margin-left: 25px;">
    Oder:
    <div style="line-height: 100px; text-align: center; background-color:#B4B4B4; height:100px; width:100px; color:#FFFFFF; font-family:Calibri; float:right; margin:10px; padding:5px; border:2px dotted #FCFCFC;">

Ähnliche Themen

  1. vertical-align?
    Von skokes im Forum HTML & CSS Forum
    Antworten: 6
    Letzter Beitrag: 11.07.2008, 17:41
  2. Seite zentrieren - Wo kommt mein text-align:center hin?
    Von Martin1977 im Forum HTML & CSS Forum
    Antworten: 2
    Letzter Beitrag: 03.11.2007, 21:07
  3. vertical-align
    Von giacomo84 im Forum HTML & CSS Forum
    Antworten: 1
    Letzter Beitrag: 24.09.2007, 13:29
  4. text-align:center
    Von mixmastertobsi im Forum HTML & CSS Forum
    Antworten: 0
    Letzter Beitrag: 10.01.2007, 14:48
  5. CSS: BODY { text-align:center; }
    Von Knüps im Forum HTML & CSS Forum
    Antworten: 4
    Letzter Beitrag: 25.09.2006, 16:14

Stichworte

Berechtigungen

  • Neue Themen erstellen: Nein
  • Themen beantworten: Nein
  • Anhänge hochladen: Nein
  • Beiträge bearbeiten: Nein
  •