alle Texte übereinander

von **Barbara42** » 10.05.2009, 15:02

Hallo!!
Ich versuche ganz verzweifelt in einer Box meine verlinkten Seiten einfach nur nebeneinander darzustellen:
.blackbox {
width:740px;
height:60px;
background-color:#000000;
position:absolute;
padding-top:0px;
padding-left:30;
padding-top:100;
padding-right:30px;
border-left-width:2px;
border-left-style:dotted;
border-color:#f89904;
}

.button {
width:150px;
height:60px;
position:absolute;
}

In meiner index.html habe ich folgendes geschrieben:

<div class="container">
<div class="oben"></div>
<div class="blackbox"></div>
<div>
<a href="html/uebermich.html" <span class="button">Über mich</span></a>
<a href="html/schule.html" <span class="button">Schule</span></a>
<a href="html/wuensche.html" <span class="button">Wünsche</span></a>
<a href="html/lebenslauf.html" <span class="button">Lebenslauf</span></a>
</div>
</div>

leider stehen alle Texte übereinander - UND- der schwarze Balken läuft noch über meine eigentliche Rahmengröße hinaus.
Habe ich mcih verständlich ausgedrückt?? Ich kriege noch die Krise...

Vielen Dank im voraus schon mal für Eure Hilfe :coffey:

von **the_fan** » 11.05.2009, 08:07

zunächst einmal muss du natürlich alle <a>-elemente auch schließen.

<a href="..">--</a>

das nächste ist, dass span ausserhalb des <a>-tag stehen sollte.

<span class=".."><a href="..">..</a>

dazu kommt, dass span ein inline-element ist und feste höhen/breiten nicht versteht. dazu müsstest du es in ein blockelement umwandeln - was deinem eigentlichen nutzen aber nichts bringt.

ich habe nun mal versuche deinen quelltext zu interpretieren und folgendes für dich zusammengestellt:

Code: Alles auswählen: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <html> <head> <title>test</title> <style type="text/css"> #blackbox{ width:740px; height:60px; background:#000000; border-left:1px dotted #f89904; position:absolute; padding:30px 30px 0px 30px; } #navi{ border:1px solid #ffffff; } .button{ line-height:30px; padding-left:15px; } </style> </head> <body> <div id="blackbox"> <div id="navi"> <span class="button"><a href="uebermich.html">Über mich</a></span> <span class="button"><a href="ueberdich.html">Über dich</a></span> <span class="button"><a href="ueberihn.html">Über ihn</a></span> <span class="button"><a href="ueberuns.html">Über uns</a></span> </div> </div> </body> </html>

leg am besten eine neue datei an - meinetwegen test.html und kopiere den quelltext dort hinein.
schau es dir bitte an und sag bescheid, ob es für dich so in ordnung ist.

von **Barbara42** » 10.07.2009, 16:08

herzlichen Dank!!

Ich war lange Zeit krank und danach zur Kur und konnte mich vorher nicht melden. SORRY

Ich probiere es aus.

Nochmals vielen Dank für die schnelle Hilfe!!

von **Onkel_Achim** » 15.07.2009, 22:02

hallo barbara,

hast du eine URL wo man sich das mal anschauen kann?

alle Texte übereinander

alle Texte übereinander

Re: alle Texte übereinander

Re: alle Texte übereinander

Re: alle Texte übereinander

Ähnliche Beiträge zu "alle Texte übereinander"

Wer ist online?