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

Header in eine Zeile

H

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
 
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
 
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
 
Du musst dich einloggen oder registrieren, um hier zu antworten.

Neueste Beiträge

Zurück
Oben