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

Text auf Hintergrund

Status
Für weitere Antworten geschlossen.
S

Sandfee<3

Neues Mitglied
Hallo

Ich habe ehrlich gesagt keine Ahnung von HTML und von CSS erst recht nicht ^^ bringe es mir aber gerade bei... leider komm ich nicht weiter. Mein Problem ist, dass ich ein Hintergrundbild in css gemacht habe ich es aber nich hinbekomme den Text an die Stelle zu bekommen wo ich ihn haben möchte... Also sogesagt an den Hintergrund binden... kann ich das mit css oder mit html machen? und wie?

Ich möchte den Text "Halloooo" so recht mittig auf dem Hintergrund und naja =) Vielleicht kann mir ja einer helfen...

vlg Sandfee


Code: 
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "[URL]http://www.w3.org/TR/html4/loose.dtd[/URL]">
<html>
<head>
<link href="navigation.css" type="text/css" rel="stylesheet" />
<title>Willkommen</title>
<meta name="keywords" content="willkommen">
<meta name="author" content="Nina Christine">
<meta name="editor" content="html-editor phase 5">
</head>
<body>
<br>
<body id="willkommenseite">
<ul id="navibereich">
  <li id="navi01"><a href="willkommen.html">Willkommen</a></li>
  <li id="navi02"><a href="bildnachweis.html">Bildnachweist</a></li>
  <li id="navi03"><a href="rechtliches.html">Impressum</a></li>
  <li id="navi04"><a href="ueber_uns.html">Über uns</a></li>
  <li id="navi05"><a href="das_gestuet.html">Das Gestüt</a></li>
</ul>
 
<br>
<p align="center">
<table width="499" border="1" bordercolor="#CCE5FF" bgcolor="#AABFD4" cellpadding="0" cellspacing="0">
 <tr>
  <th scope="col">Halloooooo <br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br></th>
 </tr>
</table></p>
 
 
</body>
</html>

Code: 
   body
{
background-image: url([URL]http://www.oyla13.de/userdaten/93569615/bilder/wintertoll.jpg[/URL]);
background-attachment: fixed;
background-repeat: no-repeat;
background-position: center;
 
}
 
Werbung:
Lass mal die Tabelle weg, bevor sich morgen Efchen wieder aufregt.
Ich habe dir mal eine Lösung gebastelt, die zugegeben noch einige Tücken beinhaltet und nur deinem Beispiel entspricht (hoffentlich):

Code: 
<body>

<ul id="navibereich">
  <li id="navi01"><a href="willkommen.html">Willkommen</a></li>
  <li id="navi02"><a href="bildnachweis.html">Bildnachweist</a></li>
  <li id="navi03"><a href="rechtliches.html">Impressum</a></li>
  <li id="navi04"><a href="ueber_uns.html">Über uns</a></li>
  <li id="navi05"><a href="das_gestuet.html">Das Gestüt</a></li>
</ul>

<div style="margin: 0 auto; text-align: center; line-height: 350px;width:499px; height: 350px; border: 1px solid #CCE5FF; background: #AABFD4;">
Hallo
</div>

</body>
Das soll aber nur eine Hilfe "auf die Schnelle" sein, klappt auch nur, wenn eine Zeile im Kasten steht.
Besser wäre es, wenn du dich ernsthaft mit HTML und CSS beschäftigst und dies dir aneignest. Ist etwas aufwendig, lohnt sich aber allemal.
 
Werbung:
Vielen Dank an alle =)

Ich bin ja dabei mir das anzueignen allerdings ist das nicht so einfach und hab auch nicht so ganz viel Zeit usw ;-)
Und ich ich finde das mittige gut =)


vlg Sandfee
 
Status
Für weitere Antworten geschlossen.

Neueste Beiträge

Zurück
Oben