Ergebnis 1 bis 2 von 2
  1. #1
    Kossy ist offline Eroberer
    registriert
    10-06-2012
    Beiträge
    51

    Ausrichtung von Text und Grafik mit CSS

    Hallo !

    Ich habe eine Art Formular, über den eine Art Login gesteuert wird. Werden dort ein falscher Name und / oder Kennwort eingegeben, so soll über den Eingabeformular ein Hinweistext für den User erscheinen, dass seine Eingaben nicht korrekt gewesen sind.

    Mein Eingabeformular ist exakt mittig auf der HTML seite positioniert und der Hinweistext soll darüber erscheinen. Das klappt auch funktional soweit ganz gut, aber allerdings wird wenn der Hinweistext erscheint, dass gesamte Formular nach unten gedrückt und das möchte ich verhindern. Das Eingabeform soll exakt mittig bleiben und der Hinweistext soll einfach nur darüber erscheinen. Ich tippe mal daruaf, dass mein CSS nicht ok ist, weshalb das nicht funktioniert. Hier der Code:

    Code:
    <html>
    <head></head>
    <title>Test</title>
    <body>
    
        <div id="in">				
             <p style="color:#CC0000; padding-top:20px; font-size:10px;"> Fehler !!</p>
        </div>
    
        <div id="header">
    
            //hier steht das Eingabeformular
    
        </div>
    </body>
    </html>
    Code:
    #in {
    	display: table-cell;
    	vertical-align: middle;
            position: absolute;
            width: 345px;
            height: 190px;
            left: 50%;
            top: 50%;
            margin-left: -171px;
            margin-top: -95px;
    	}
    
    #header {
                   display: block;
                   color: #333;
                   height: 30px;
                   float: left;
      }
    Was mache ich hier falsch?

    Danke für die Unterstützung !

    Gruß
    Kossy
    Geändert von Kossy (14-12-2012 um 07:44 Uhr)

  2. #2
    Avatar von kkapsner
    kkapsner ist offline Super Moderator
    registriert
    28-03-2008
    Beiträge
    17.757

    AW: Ausrichtung von Text und Grafik mit CSS

    #in ist doch im Zentrum des Fensters und nicht #header...

Ähnliche Themen

  1. Antworten: 11
    Letzter Beitrag: 25-03-2012, 19:18
  2. Text in Layer mit Grafik Scroller
    Von akdesign im Forum JavaScript
    Antworten: 0
    Letzter Beitrag: 29-03-2007, 13:04
  3. Text auf/über Grafik (Menübutton)
    Von shuser im Forum CSS und (X)HTML
    Antworten: 26
    Letzter Beitrag: 04-08-2006, 19:51
  4. Freier Text auf Grafik
    Von floppy im Forum JavaScript
    Antworten: 5
    Letzter Beitrag: 30-06-2006, 20:47
  5. Abstand einer Grafik zu Text
    Von pit im Forum CSS und (X)HTML
    Antworten: 3
    Letzter Beitrag: 23-02-2006, 21:33

Lesezeichen

Berechtigungen

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