Suche im Forum:
Suchen


« Vorheriges Thema anzeigen :: Nächstes Thema anzeigen »  
Autor Nachricht
Beitrag11.01.2010 um 09:49 (UTC)    
Titel: CSS Profi Design / Navi senkrecht statt unterm Header

Hallo,ich habe gesucht aber nichts passendes gefunden!

Ich möchte meine Navi links neben dem Content haben,also senkrecht und nicht unter dem Header.

Ich habe leider keine Ahnung vom Coden!Wäre nett wenn jemand helfen könnte!

Hier mein CSS Code

Code:
<style type="text/css">
         <!--
                  -->
-->
</style>
<center>
<style type="text/css">
<!--

*{margin:0px; padding:0px;}

body {
    background-color:#556b2F;
    background-image:url();
    text-align:center;}

/* Container Hintergrund */
#container {
    margin-top:10px;
    width:980px;
    margin: auto;
    background-color:#808000;
background-image:url();
    border: 2px solid #c9c9c9;
    overflow: hidden; }

/* Header oben */
#header_container {
    margin-top:10px;
    width:940px;
    height:80px;
    background-image: url();
    border: 0px solid #ffffff;}

/* Feld der Navigation */
#nav_container {
    width:940px;
    text-align: center;
    margin-top:10px;
    margin-bottom:10px;
    border: 0px solid #ffffff; }

/* Navi-Buttons */
li.nav_element {
    list-style-type: none;
    display: inline-block;
    text-align: center;
    margin-left:2px; /*Button-Abstand nach Links */
    margin-right:2px; /* Button-Abstand nach Rechts */
    width:80px !important;
    padding:5px;
    background-color: ;
    background-image:url();
    border: 0px solid #898989; }

/* Navi Buttons Hover-Effekt */
li.nav_element:hover {
    background-color: ;
    background-image: url(); }

/* Navi Textlinks */
li.nav_element a {
    font-size:10px;
    color: #FFFFFF;
    font-family: arial;
    text-decoration: none;}

/* aktuell besuchte Seite */
li.checked menu {
    background-color:#E54C00;
    background-image: url();}

#content {
    margin-top: 10px;
    margin-bottom: 20px;
    width:900px;
    padding: 20px;
    color: #000000;
    font-size:12px;
    font-family: arial;
    text-align: left;
    background-color:#ffffff;
    background-image: url();}
    border: 1px solid #c9c9c9; }
   

/* Linkfarbe + Linkgröße im Textfeld */
#content a {
    color: #E54C00;
    font-size: 12px;
    font-family: arial; }

/* nicht verwendete Box entfernt mit */
#sidebar_container {display: none; }

/* Balken unten (Footer) */
#unten {
    width: 960px;
    color: ffffff;
    font-size: 11px;
    padding: 10px;
    margin-top: 5px;
    margin-bottom: 50px;
    background-color: #808000;
    background-image:url();
    border: 2px solid #c9c9c9; }

#counter {display:show;}
/*unnötige Elemente entfernt */
#pre_content {display:none;}
#pre_header {display:none;}
div.header{display: none;}
#post_header {display:none;}
#post_content {display:none;}
#below_content {display:none;}
#extraDiv1 {display:none;}
#extraDiv2 {display:none;}
#extraDiv3 {display:none;}
#extraDiv4 {display:none;}
#extraDiv5 {display:none;}
#extraDiv6 {display:none;}
#counter {display:show;}
h1#header {display:none;}
h2#title {display:none;}
#nav_heading {display:none;}
#sidebar_heading {display:none;}


Vielen Dank schon mal
Beitrag12.01.2010 um 15:29 (UTC)    
Titel:

Hat sich erledigt,habe ein anderes Navigationsmenu!
Thema kann geschlossen werden!
Beitrag12.01.2010 um 15:33 (UTC)    
Titel:

feili hat Folgendes geschrieben:
Thema kann geschlossen werden!


danke für die Rückmeldung, werde ich mal machen.


lg
Jonas
______________
Updates:
http://twitter.com/JonasKaufmann

Danke dass ich im Baukasten so viel lernen & erfahren durfte!

Beiträge der letzten Zeit anzeigen:   


Powered by phpBB © 2001, 2005 phpBB Group
Deutsche Übersetzung von phpBB.de