Suche im Forum:
Suchen


Autor Nachricht
Beitrag28.11.2010 um 12:31 (UTC)    
Titel: Header funktioniert nicht

Hi Leute,

Bei mir fuktioniert nicht mein Header.
Ich poste mal meine Codes

Text über dem Design
Code:
<style type="text/css">
<!--
div#DesignContainer{
margin: 0 auto!important;
width: 900px;}
-->
</style>
<div id="DesignContainer">


Text unter dem Design
Code:
</div>


CSS Code ohne Style Tags
Code:
#nav_container:after{margin: -13px -20px 0px 0px!important;}

/*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/k/kenanmustafa/bg5.jpg) repeat;
    font-family: arial, sans-serif;
    font-size: .8em;
    padding: 0px;
    margin: 0px;}
   
#bg_top{
    background: url() 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/k/kenanmustafa/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/k/kenanmustafa/content_top.png) no-repeat;
    width: 896px;
    height: 19px;
    float:left;}


#content_bottom{
    background: url(http://img.webme.com/pic/k/kenanmustafa/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/k/kenanmustafa/dream_navl.png);
    width: 20px;
    height: 43px;
    margin: 0px 0px 0px -20px;
    float: left;
    }

#nav_container:after{
    content: url(http://img.webme.com/pic/k/kenanmustafa/dream_navr.png);
    width: 20px;
    height: 43px;
    margin: 0px 0px -20px 0px;
    float: right;
}
#nav_container{
    background: url(http://img.webme.com/pic/k/kenanmustafa/dream_navbg.png) repeat-x;
    width: 872px;
    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: #000000;
    margin: 5px 10px 0px 10px;
    }

li.checked_menu:before {
    content: url(http://img.webme.com/pic/k/kenanmustafa/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/k/kenanmustafa/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/k/kenanmustafa/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: #000000;
    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*/


Und ich möchte diesen Header als Header http://img.webme.com/pic/k/kenanmustafa/header3.png

Ich hoffe jemand kann mir helfen Wink
Beitrag28.11.2010 um 12:49 (UTC)    
Titel:

sehe ich das richtig, dass der header erstmal entfernt ist?

Code:
div.header{display: none;}
Beitrag28.11.2010 um 12:52 (UTC)    
Titel:

6p-iceblue hat Folgendes geschrieben:
sehe ich das richtig, dass der header erstmal entfernt ist?

Code:
div.header{display: none;}


gruss gringo


Ja also ich diesen Code von meinen Codes entfernt aber der Header gahtimmer noch nicht
Beitrag28.11.2010 um 13:06 (UTC)    
Titel:

Hallo,
es gibt im CSS Design leider kein ID "logo",
darum kann auch kein Header angezeigt werden Wink

Du musst den Code wie folgt ändern:
Zitat:
#header{
background: url(http://img.webme.com/pic/k/kenanmustafa/header3.png) no-repeat;
width: 900px;
height: 159px;
margin-bottom: 10px;
float: left;}
mfg Dominik
______________
Besucht die offizielle Hilfeseite vom Homepage-Baukasten:

Iceblue Generator | Red Generator | Butterfly Generator
Beitrag28.11.2010 um 13:23 (UTC)    
Titel:

der-bielefeld-club hat Folgendes geschrieben:
Hallo,
es gibt im CSS Design leider kein ID "logo",
darum kann auch kein Header angezeigt werden Wink

Du musst den Code wie folgt ändern:
Zitat:
#header{
background: url(http://img.webme.com/pic/k/kenanmustafa/header3.png) no-repeat;
width: 900px;
height: 159px;
margin-bottom: 10px;
float: left;}
mfg Dominik


anke es geht sehr gut, nur ich hab noch ein problem wie kan ich es einstellen das es genau in der mitte ist?
Beitrag28.11.2010 um 14:00 (UTC)    
Titel:

Hallo,
dazu musst du folgenden Code einfügen:
Zitat:
#header{
margin-left:6px!important;}
mfg Dominik
______________
Besucht die offizielle Hilfeseite vom Homepage-Baukasten:

Iceblue Generator | Red Generator | Butterfly Generator
Beitrag28.11.2010 um 14:14 (UTC)    
Titel:

Danke geht auch sehr gut jetzt noch mein letztes problem wie mache ich auch den Footer in der Mitte?

Mfg
Kenan
Beiträge der letzten Zeit anzeigen:   


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