Suche im Forum:
Suchen


Autor Nachricht
Beitrag27.11.2010 um 12:30 (UTC)    
Titel: Navigation Problem

Hallo Leute, Ich hab ein kleines Problem undzwar bei Navigation da hab ich in der Rechte Seite ein Linies die schon breit ist und cih möchte sie jetzt so bearbeiten wie bei der Linken seite, weil da hatte ich das gleiche problem und ich hab es später aufgehoben nun hab ich wieder das Problem auf der rechten seite.
Meine Codes

CSS Code ohne Style Tags
Code:
/*Ausgeblendet*/
h1#title{display: none;}
h2#title span {display: none;}
div.header{display: none;}
li.nav_element{list-style-type: none;}
li.nav_element checked_menu{display:none;}
li.nav_element subpage{display:none;}
li.nav_element{display:none;}
#counter{display:none;}


/*Background*/

body {
    background: url(http://img.webme.com/pic/0/008kenan008/schwarz.jpg) repeat;
    font-family: arial, sans-serif;
    font-size: .8em;
    padding: 0px;
    margin: 0px;}
   
#bg_top{
    background: url(http://img.webme.com/pic/p/poddi/bg_top.png) repeat-x;
    width: 100%;
    height: 300px;
    position: absolute;
    top: 0px;
    z-index: -1;}

/*Header*/

#logo{
    background: url(http://img.webme.com/pic/k/kenanmustafa/header3.png) no-repeat;
    width: 900px;
    height: 159px;
    margin-bottom: 10px;
    float: left;}

/*CONTENT*/

#content{
    width: 836px;
    min-height: 450px;
    background: url(http://img.webme.com/pic/p/poddi/content_bg.png) repeat-y;
    float: left;
    padding-top: 10px;
    padding-right: 30px;
    padding-bottom: 10px;
    padding-left: 30px;
    color: #646464;}

#content_top{
    background: url(http://img.webme.com/pic/p/poddi/content_top.png) no-repeat;
    width: 896px;
    height: 19px;
    float:left;}


#content_bottom{
    background: url(http://img.webme.com/pic/p/poddi/content_bottom.png) no-repeat;
    width: 896px;
    height: 19px;
    float: left;}

#content_box{
    background: #eeeeee;
    border: 1px solid #DDDDDD;
    padding: 10px;
    margin: 10px;}

#design_box{
    width: 175px;
    padding: 5px;
    background: #eeeeee;
    border: 1px solid #DDDDDD;
    margin: 5px;}

#design_thumb{
    width: 120px;
    padding: 5px;
    background: #eeeeee;
    border: 1px solid #DDDDDD;
    margin-right: 10px;}

#design_thumb:hover{
    background: #dafd90;
    color: #000;
    cursor: pointer;}

#design_box:hover{
    background: #dafd90;
    color: #000;
    cursor: pointer;}


#design_pre{
    width: 140px;
    padding: 5px;
    background: #eeeeee;
    border: 1px solid #DDDDDD;
    margin: 5px;
     float: left;
    text-align: center;}

#design_pre:hover{
    background: #dafd90;
    color: #000;
    cursor: pointer;}

/*NAVIGATION*/

#nav_container:before{
    content: url(http://img.webme.com/pic/p/poddi-designs/dream_navl.png);
    width: 20px;
    height: 43px;
    margin: 0px 0px 0px -20px;
    float: left;
    }

#nav_container:after{
    content: url(http://img.webme.com/pic/p/poddi-designs/dream_navr.png);
    width: 20px;
    height: 43px;
    margin: 0px 0px -20px 0px;
    float: right;
}
#nav_container{
    background: url(http://img.webme.com/pic/p/poddi-designs/dream_navbg.png) repeat-x;
    width: 875px;
    height: 43px;
    margin: 5px 0px 0px 12px;
    padding: 0px;
    float: left;
    clear:both;
    }

#nav_heading{
    display:none;}
    }

ul#nav{
    list-style-type: none;
}

 li.nav_element{
    float: left;
    display:block;
    color: #449100;
    margin: 5px 10px 0px 10px;
    }

li.checked_menu:before {
    content: url(http://img.webme.com/pic/p/poddi-designs/dream_tabl.png);
    height: 43px;
    width: 11px;
    margin: 0px 0px 0px -11px;
    float: left;
    }

 li.checked_menu:after{
    content: url(http://img.webme.com/pic/p/poddi-designs/dream_tabr.png);
    height: 43px;
    width: 11px;
    display:block;
    margin: 0px -10px 0px 0px;
    float: right;
    }

 li.checked_menu {
    background: url(http://img.webme.com/pic/p/poddi-designs/dream_tabbg.png) repeat-x;
    height: 43px;
    margin: -8px 10px 0px 10px;
    float: left;
    display:block;
    }

li.subpage a{
    font-style: italic;}

li.subpage a:before{
    content: "»  ";}

li.checked_menu a{
    font-weight: bold;
    color: #0028c0;
    font-size: 13px;
    margin: 15px 7px 0px 7px;
    }

li.checked_menu a:hover{
    text-decoration: none;
    color: #001a7c;
    }

a.menu{
    display:block;
    float: left;
    color: #fff;
    font-style: normal;
    text-decoration: none;
    padding: 2px
    }

a.menu:hover{
    text-decoration: underline;
    }

    /*NAVIGATION ENDE*/



Ich hoffe jemand kann mir helfen


Zuletzt bearbeitet von kenanmustafa am 27.11.2010, 13:39, insgesamt 2-mal bearbeitet
Beitrag27.11.2010 um 12:45 (UTC)    
Titel:

Hallo,
füge bitte mal folgenden CSS Code ein:
Zitat:
#nav_container:after{margin: -13px -20px 0px 0px!important;}
mfg Dominik
______________
Besucht die offizielle Hilfeseite vom Homepage-Baukasten:

Iceblue Generator | Red Generator | Butterfly Generator
Beitrag27.11.2010 um 13:41 (UTC)    
Titel:

Danke geht super Wink

Und noh was wie kann ich es machen das es gerade ist mit den content background
Beiträge der letzten Zeit anzeigen:   


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