Seite 1 von 1

div Container Frage Inhalt anordnen

Verfasst: 04.02.2010 13:08
von Huchinotte
Hi .........

ich bastel gerade an einem Layout welches einen Header, 3 Spalten und einen Footer hat. Habs das nun per css hinbekommen.
So nun möchte ich im Header Container links nen Text unterbringen und rechts ein Menue. Bekomme das aber absolut nicht hin.

Das wäre das Menue

Code: Alles auswählen

/* Menue*/
.menu2 a, .menu2 a:visited , .menu2 a:active {
color:#f7f7f7;
text-decoration:none ;
font-size: 14px;
margin: 22px 0px 0px 0px;
font-family: arial, helvetica, tahoma ,verdana, sans-serif;
padding-left: 8px; padding-right: 8px;padding-bottom: 0px; padding-top:0px;
border-left:solid 1px #b6b6b6;border-right:solid 0px #b6b6b6; border-top:solid 1px #b6b6b6;
line-height:37px;
text-align:center; 
background-color:#;
}

.menu2 a.active {
background:transparent;
background-image:url(images/bt1.gif);
}


.menu2 a:hover {
background:transparent;
background-image:url(images/bt2.gif);
background-repeat:repeat-x;
background-position:left top;
}
mit

Code: Alles auswählen

.header_left{
letter-spacing:2px;
font-family: Monotype Corsiva, sans-serif;
font-size: 28px;
color:#C0C0C0;
text-align:left;
}
Hab ne klassifizierung für den Text der links stehen soll angelegt. So nun versuche ich schon seit Stunden das Menue rechts hinein zu bekommen was mir aber absolut nicht gelingt.

Code: Alles auswählen

<div id="header">
<p class="header_left">Connor McGhee</p>
</div>
Mit diesem code funktioniert der Text. WIe bekomme ich jetzt in den gleichen Container noch das Menue rein?

Gruß Huch

Re: div Container Frage Inhalt anordnen

Verfasst: 20.02.2010 18:49
von JFooty
Huchinotte hat geschrieben:WIe bekomme ich jetzt in den gleichen Container noch das Menue rein?
Eine Möglichkeit wäre dem Menü einen eigenen div-Container zu spendieren.
Diesen platzierst du dann einfach im header-Container.
Etwa so von der Struktur:

Code: Alles auswählen

<div id="header">
	<p class="header_left">Connor McGhee</p>
	<div id="menu">Hier kommt dein Menü hinein</div>
</div>