Kartei Menü

gollum1990 · 25 März 2007

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:

<style type="text/css">

 #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;
 }
</style>

MFG gollum1990

matibaski · 25 März 2007

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:

<html>

<head>
<title>Registerkarten</title>
<style type="text/css">
#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;
}

</style>
</head>

<body>

<div id="top">
 <div id="button1"></div>
 <div class="abstand"></div>
 <div id="button2"></div>
</div>
<div id="register">
 <div id="divid"></div>
 <div id="divpd"></div>
</div>
</body>

</html>

MfG, matibaski

Kartei Menü

gollum1990

Neues Mitglied

Anhänge

matibaski

Guest

Neueste Beiträge