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

Header in eine Zeile

Hansii

Mitglied
HTML CODE :

HTML:
<div id="header">
<img src="fussball.png"></img>
<h1>Bundesliga Saison 2012/2013</h1>
<img src="fussball.png"></img>
</div>

CSS CODE :

Code:
#header{
height: 100px;
background: #000000;
}

Wie bekomme ich alles in eine Zeile ( Fussball - TEXT - Fussball ) ?

Hier das Bild :Unbenannt.jpg
 
Werbung:
Werbung:
Je nach dem, wie dus haben willst. Wenn alles einfach nur nebeneinander sein soll, dann musst du in alle drei Elemente flot:left einfügen. Und nach dem Header clearen
(<div style="clear:both">&nbsp;</div>)

oder wenn es zentriert sein soll: ein Bild nach links, eins nach rechts floaten und dann die Überschrift zentrieren (wichtig: erst di beiden Bilder, danach erst die Überschrift; und danach clearen!)
HTML:
<div id="header">
  <img src="fussball.png" style="float:left"></img>
  <img src="fussball.png" style="float: right"></img>
  <h1 style="text-align: center;>Bundesliga Saison 2012/2013</h1>
</div>
<div style="clear:both;">&nbsp;</div>
 
Die Fußbälle sind richtig. Nur ist der Text weg :

HTML :

HTML:
<div id="header" style="clear:both;">
   <img src="fussball.png" style="float:left"></img>
   <img src="fussball.png" style="float: right"></img>
   <h1 style="text-align: center;>Bundesliga Saison 2012/2013</h1>
</div>

CSS :

Code:
#header{
height: 100px;
background: #ffffff;
}

Wo ist den jetzt mein Text ?

Danke :D
 
Hallo,

ohne den gesamten Quelltext läßt sich nur raten. Schwarze Schrift vor schwarzem Hintergrund oder umgekehrt?

Gruss

MrMurphy
 
Werbung:
Erst dachte ich auch, das Schwarz auf Schwarz ist. Jetzt habe ich den Background auf weiß gemacht, und die Schwarze Schrift ist auch weg.

HTML :

HTML:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
 <title>Bundesliga Saison 2012/2013</title>
 <link rel="stylesheet" type="text/css" href="mmm.css">
</head>
<body>
 <div id="wrapper">
  <div id="header" style="clear:both;">
   <img src="fussball.png" style="float:left"></img>
   <img src="fussball.png" style="float:right"></img>
   <h1 style="text-align: center;>Bundesliga Saison 2012/2013</h1>
  </div>
  <div id="navi"></div>
  <div id="content"></div>
  <div id="box"></div>
 </div>
</body>
</html>

CSS Code:

Code:
html, body{
 width: 100%;
 height: 100%;
 font-family: Arial;
 background: #555555;
}

/*************************Header*************************/

#header{
 height: 100px;
 background: #ffffff;
}
 
Hallo,

dann würde ich mal bei

HTML:
<h1 style="text-align: center;>Bundesliga Saison 2012/2013</h1>

die schließenden Anführungszeichen hinzufügen

HTML:
<h1 style="text-align: center;">Bundesliga Saison 2012/2013</h1>

Gruss

MrMurphy
 
Werbung:
Zurück
Oben