Suche im Forum:
Suchen


Autor Nachricht
Beitrag07.04.2010 um 12:28 (UTC)    
Titel: [Erledigt]Frage

Brauche hilfe beim Header bei mir ist es nicht mittig undso und ich möchte es gerne mittig haben und nicht so wie es jetzt ist.


Zuletzt bearbeitet von intrauer am 13.04.2010, 11:43, insgesamt 2-mal bearbeitet
Beitrag07.04.2010 um 14:15 (UTC)    
Titel:

zeig mir ma dein code
Beitrag10.04.2010 um 12:52 (UTC)    
Titel: der code

Das ist der Code wer weiter helfen kann meldet sich per PN. Danke
Code:
 -->
    </style>
    <center>
    <style type="text/css">
    <!--

    /* Nullformatierung für alle Browser */
    * {margin:0px; padding:0px;}

    /* Hintergrund hinter Design */
    body {
    background-color: #6f8ac4;
    background-image: url();
    background-repeat: repeat-x; }

    /* Hintergrund-Container */
    #container {
    width: 980px;
    margin: auto;
    background-color: #222222;
    background-image: url();
    border: 2px solid #c9c9c9;
    -moz-border-radius-topleft: 10px;
    -moz-border-radius-topright: 10px;
    -moz-border-radius-bottomleft: 10px;
    -moz-border-radius-bottomright: 10px;
    overflow: hidden; }

    /* Dein Header-Banner oben */
    #header_container {
    margin-top: 10px;
    width: 940px;
    height: 80px;
    background-image: url(http://i41.tinypic.com/2q37z0g.gif);
    border: 1px solid #898989;
    -moz-border-radius-topleft: 7px;
    -moz-border-radius-topright: 7px;
    -moz-border-radius-bottomleft: 7px;
    -moz-border-radius-bottomright: 7px; }

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

    /* Feld Navi-Buttons */
    li.nav_element {
    display: inline-block;
    list-style-type: none;
    text-align: center;
    margin-right: 10px;
    margin-left: 10px;
    width: 85px !important;
    padding: 5px;
    background-color: #000000;
    background-image: url(http://img.webme.com/pic/g/grafik-werkstatt/blacky.jpg);
    border: 1px solid #999999;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
    -moz-border-radius-bottomleft: 5px;
    -moz-border-radius-bottomright: 5px; }

    /* Linkfarbe und Linkgröße im Navi-Button */
    li.nav_element a {
    font-size:15px;
    color: #FFFFFF;
    font-family: arial; }

    /* Hover-Effekt bei Mauskontakt */
    li.nav_element:hover {
    background-color:#800000;
    background-image:url(); }

    /* gerade besuchte Seite */
    li.checked_menu {
    background-color:;
    background-image: url(http://img.webme.com/pic/g/grafik-werkstatt/animated.gif);
    border: 1px solid #222222; }

    /* Textfeld / Seiteninhalt */
    #content {
    margin-top: 10px;
    margin-bottom: 20px;
    width: 900px;
    padding: 20px;
    color: #000000;
    font-size: 14px;
    font-family: arial;
    text-align: left;
    background-color: #FFFFFF;
    border: 1px solid #c9c9c9;
    -moz-border-radius-topleft:7px;
    -moz-border-radius-topright:7px;
    -moz-border-radius-bottomleft:7px;
    -moz-border-radius-bottomright:7px; }

    /* Linkfarbe und Größe im Textfeld */
    #content a {
    font-size: 14px;
    color: #000080;
    font-family: arial; }

    /* Balken unter dem Design */
    #unten {
    width: 960px;
    color: #FFFFFF;
    font-family: arial;
    padding: 10px;
    margin-top: 10px;
    margin-bottom: 50px;
    background-color: #222222;
    border: 2px solid #c9c9c9;
    -moz-border-radius-topleft: 7px;
    moz-border-radius-topright: 7px;
    -moz-border-radius-bottomleft: 7px;
    -moz-border-radius-bottomright: 7px; }



    /*unnötige Elemente entfernt */
    #sidebar_container {display:none; }
    #sidebar_heading {display: none;}
    #nav_heading {display:none;}
    h1#header {display:none;}
    h2#title {display:none;}
    #pre_content {display: none;}
    #pre_header {display:none;}
    div.header{display: none;}
    #post_header {display:none;}
    #post_content {display:none;}
    #below_content{display: none;}
    #extraDiv2, #extraDiv3, #extraDiv4, #extraDiv5, #extraDiv6 {display:none;}
    #counter {display:none;}
Beitrag12.04.2010 um 11:16 (UTC)    
Titel:

Sieht ja nicht so aus als wenn man schnell antworten bekommt.
Beitrag12.04.2010 um 13:02 (UTC)    
Titel:

Naja, was heißt Header zentrieren? Der wird mehrmals dargestellt, da gibt es
nichts zu zentrieren. Man könnte ihn höchstens einmal anzeigen lassen
und anschließend zentrieren oder wie meinste das?

Wenn ich richtig lag, dann ersetz deinen #header_container mit folgendem:

Code:
    /* Dein Header-Banner oben */
    #header_container {
    margin-top: 10px;
    width: 940px;
    height: 80px;
    background-image: url(http://i41.tinypic.com/2q37z0g.gif);
    background-repeat: no-repeat;
    background-position: center center;
    border: 1px solid #898989;
    -moz-border-radius-topleft: 7px;
    -moz-border-radius-topright: 7px;
    -moz-border-radius-bottomleft: 7px;
    -moz-border-radius-bottomright: 7px; }

______________
Spendet jetzt für den User -Name entfernt - , damit er sich ein Duden kaufen kann, da seine Schreibkünste die einens 11-jährigen sehr stark ähneln. Smile
Beitrag13.04.2010 um 10:43 (UTC)    
Titel: Danke

Genau so habe ich es gemeint danke Smile sieht zwa ungewohnt aus aber werde es noch bissl bearbeiten danke für die hilfe^^
Beiträge der letzten Zeit anzeigen:   


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