Kartei Menü

html.de-Forum HTML, XHTML & CSS
1

Hallo Forum,

könntent ihr mir vielleicht bei etwas helfen, ich versuche ein solches Menü wie bei Wikipedia zu erstellen aber dabei stoße ich auf probleme, wie im angehängten Bild sehen, ich will das das auf gleicher eBENE IST UND DIE bORDER da weg, wei mach ich sowas?
Code:
[html]

#divid { width: 300px; height: 100px; background-color: blue; left: 25; top: 25; border: 1px solid black; float: left; display: block; } #divpd { width: 300px; height: 100px; background-color: red; top: 0; left: 325; border: 1px solid black; float: top; display: block; } #button1 { width: 100px; height: 25; background-color: blue; border: 1px solid black; top: 0; left: 100; float: top; display: block; } #button2 { width: 100px; height: 25; background-color: red; border: 1px solid black; top: 0; left: 350; float: top; display: block; }

[/html]

MFG gollum1990

2

Hier, hab dir’s mal bearbeitet.
Doch was ich nicht schaffte, ist dass es den Abstand zwischen den Reigsterkarten und den Inhaltskarten macht.
Wieso es nicht geht, kann ich auch nicht sagen.
Ich versuchet es schon mit margin-top/bottom, doch wollte nicht.

Vielleich kann jemand helfen.
Hab leider nicht soo viel Zeit, darüber nachzudenken.

Hier der Code:
[html]

Registerkarten #top { margin-bottom:0px; }

#button1 {
width:100px;
height:25px;
background:yellow;
float:left;
border:1px solid black;
}

.abstand {
width:200px;
height:25px;
float:left;
background:transparent;
}

#button2 {
width:100px;
height:25px;
background:yellow;
float:left;
border:1px solid black;
}

#register {
margin-top:0px;
clear:left;
}

#divid {
width:300px;
height:100px;
background-color:blue;
border:1px solid black;
float:left;
}

#divpd {
width:300px;
height:100px;
background-color:red;
border:1px solid black;
float:left;
}

[/html] MfG, matibaski