Suche im Forum:
Suchen


« Vorheriges Thema anzeigen :: Nächstes Thema anzeigen »  
Autor Nachricht
Beitrag17.06.2012 um 17:27 (UTC)    
Titel: [CSS Design]Probleme mit Design und Code

[Es handelt von einem CSS Design!!]

Hallo

Ich komm sofort zum Punkt

Code:


#counter
{
        left:100px;
        position:relative;
        top:98px;
}

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

table[height="102"]
{
        position: absolute;
        left: 50%;
        top: 8px;
        margin-left: -255px;
}

body
{
        background-color: #FFFFFF;
        font-family: arial;
        font-size: 14px; color: #000000;
}

#container
{
        width: 962px;
        margin: 10px auto;
        overflow: hidden;
}

#header_container
{
        width: 210px;
        height: 100px;
        margin-bottom: 10px;
        background-color: #FFFFFF;
        background-image: url(http://www.loaditup.de/files/709640_aw6nwveud2.png);
        border: 2px solid #000000;
}

h1#header
{
        display: none;
}

#nav_container
{
        width: 960px;
        height: 40px;
        margin-bottom: 10px;
        background-color: #c9c9c9;
        background-image: url();
        border: 2px solid #000000;
}

#nav_heading
{
        display: none;
}

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

li.nav_element
{
        width: 118px;
        height: 40px; float: left;
        text-align: center;
        border-right: 2px solid #000000;
        background-color: #FFFFFF;
        background-image: url(http://img.webme.com/pic/t/turbopage/buttonyelloweins.png);
}

li.nav_element:hover
{
        background-image: url(http://img.webme.com/pic/t/turbopage/buttonorangeeins.png);
}

li.nav_element a
{
        display: block;
        font-size: 15px;
        color: #000000;
        line-height: 40px;
        text-decoration: none;
}

li.nav_element a:hover
{
        color: #FFFFFF;
}

#pre_content
{
        width: 956px;
        height: 140px;
        margin-bottom: 10px;
        background-color: #FFFFFF;
        background-image: url(http://www.Privatdaten.square7.ch/images/header.png);
        border: 2px solid #000000;
}

#content
{
        float:right;
        width: 665px;
        min-height: 200px;
        padding: 20px 20px 20px 20px;
        background-color: #FFE189;
        background-image: url();
        border: 2px solid #000000;
        overflow: hidden;
}

h2#title , #sidebar_heading
{
        padding: 5px 0px 5px 20px;
        margin: -20px -20px 15px -20px;
        background-color: #eeeeee;
        background-image: url(http://www.Privatdaten.square7.ch/images/head.png);
        color: #FFFFFF;
        font-size: 14px;
        font-weight: normal;
}

#content a
{
        color: #000080;
}

#content a:hover
{
        color: #008080;
}

#sidebar_container
{
        float: left;
        width: 200px;
        min-height: 200px;
        padding: 20px 20px 20px 20px;
        background-color: #FFE189;
        background-image: url();
        border: 2px solid #000000;
        overflow: hidden;
}

#sidebar_content ul
{
        list-style-type: square;
        margin: 15px 0px 15px 25px;
}

#sidebar_content ul li a
{
        color: #000000;
        font-size: 14px;
        background-image: url(http://www.Privatdaten.square7.ch/images/head.png);
        text-decoration: none;
}

#sidebar_content ul li a:hover
{
        color: blue;
}

#footer
{
        width: 920px;
        padding: 20px 20px 20px 20px;
        margin: auto; background-color: #FFFFFF;
        background-image: url(http://img.webme.com/pic/m/mrquirinho-test/2012-05-26_192909.jpg);
        border: 2px solid #000000;
}


Die navigation oben [http://www.thekillerboysdemo.de.tl]
ich nicht "vollständig" also am schluss fählt dieser strich der eigentlich in der grafik wäre

dazu steht die navi auch ein wenig über den header und den rest

ich hoffe einer kann mir dabei helfen


Edit:


Ich habe noch ein Problem
Nähmlich mit dem Counter

Code:


#counter
{
        left:100px;
        position:relative;
        top:98px;
}


diesen Code habe ich ins Design Eingefügt

Jedoch ist jetzt zwschen Header und Rechte box ein abstand der bei der mitte nicht ist

wie fixxe ich dieses problem?


Zuletzt bearbeitet von thekillerboysdemo am 17.06.2012, 18:46, insgesamt 2-mal bearbeitet
Beiträge der letzten Zeit anzeigen:   


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