Suche im Forum:
Suchen


Autor Nachricht
Beitrag07.08.2009 um 20:18 (UTC)    
Titel: [noch offen] Design CSS: Header verschoben

Moin.Ich habe eben auf meine Seite geschaut und festgestellt das der Header nach unten gerutscht ist.Hab versucht ihn wieder nach oben zu bekommen,hat aber nicht geklappt.Wie bekomm ich den wieder an die richtige Position???
______________


Zuletzt bearbeitet von boehse-freunde am 07.08.2009, 22:28, insgesamt einmal bearbeitet
Beitrag07.08.2009 um 21:11 (UTC)    
Titel: ...

Das liegt scheinbar an der Werbung,
schiebe doch einfach alle anderes Divs noch ein welnig anch unten, wenn das geht.

Gruß,
Ben


P.s.: Wenn der Header noch höher kommt, verdeckst du die Werbung, wa snicht erlaubt ist!
Beitrag07.08.2009 um 21:23 (UTC)    
Titel:

Was sind Divs und wie verschiebe ich das???? Embarassed
______________


Zuletzt bearbeitet von boehse-freunde am 07.08.2009, 22:32, insgesamt einmal bearbeitet
Beitrag07.08.2009 um 21:36 (UTC)    
Titel: ...

Wenn du möchtest, kann ich dir das machen Wink

Divs sind die vershciedenen elemente deines Designes.
Beitrag07.08.2009 um 21:41 (UTC)    
Titel:

Das wäre nett!!!!Sag mir was ich machen soll!!! Very Happy
______________
Beitrag07.08.2009 um 21:48 (UTC)    
Titel: ...

Ersetze einfach den text, den du im moment bei "Css code ohne style tags" hast durch diesen:

Code:
<style type="text/css">
         <!--
                  #extraDiv1 {display: none;}
            #extraDiv2 {display: none;}
            #extraDiv3 {display: none;}
            #extraDiv4 {display: none;}
            #extraDiv5 {display: none;}
            #extraDiv6 {display: none;}
            #pre_header {display: none;}
            #post_header {display: none;}
            #pre_content {display: none;}
            #nav_heading{display: none;}
            div.header{display: none;}
            h1#title{display: none;}
            h2#title span {display: none;}

a{
            color:#4A9AF6;
            text-decoration: none;
            font-size:13px;}
            a:hover {
            color: #4A9AF6;
            font-size: 13px;
            text-decoration: none;}
            a:link {
            color: #4A9AF6;
            font-size: 13px;
            text-decoration: none;}
            a:active {
            color: #4A9AF6;
            font-size: 13px;
            text-decoration: none;}
            a:visited {
            color: #4A9AF6;
            font-size: 13px;
            text-decoration: none;}

body {
            background-color:#000000;}
            *{ padding: 0; margin: 0; }
            #Mein_Bild {
            margin: 0 auto;
            width: 980px;
            height:500px;
            background-image:url(HIER DEINE BILD-URL);}

#header_container {
            position: absolute;
            left: 50%;
            margin-left:-491px;
            width: 973px;
            height:104px;
            background-color:#343434;
            background-image:url(http://s3.directupload.net/images/090730/t9fpbeh9.jpg);
            color:#FFFFFF;
            font-size:13px;
            border: 2px solid #000000;}

#content {
            position: absolute;
            left: 50%;
            top: 215px;
            margin-left:-336px;
            width: 605px;
            height: 1630px;
            padding:10px;
            color: #F2F2F2;
            font-size:13px;
            background-color:#;
            background-image:url(http://img.webme.com/pic/m/micha1985/csscondentgu4.png);
            border: 2px solid #000000;
            overflow:auto;}

#sidebar_container{
            position:absolute ;
            left:50%;
            top:215px;
            margin-left:297px;
            width: 185px;
            height:1650px;
            background-color:#;
            background-image:url(http://img.webme.com/pic/m/micha1985/csscondentgu4.png);
            border:2px solid #000000;
            color:#000000;
            overflow:;}
#nav_container{
            position: absolute;
            left: 50%;
            top:215px;           
            margin-left:-491px;
            width: 147px;
            height:1650px;
            border:2px solid #000000;
background-image:url(http://img.webme.com/pic/m/micha1985/csscondentgu4.png);}
            overflow:;}
            ul#nav{
            width: 160px;
            padding: 0px;
            margin: 0px;}
            li.nav_element{
            list-style-type: none;
            position: relative;
            padding:3px;
            width: 135px;}
            li.nav_element a{
            display: block;
            width: 135px;         
            padding:1px;
            font-weight: bold;
            text-decoration: none;
            text-align: left;
            color:#F2F2F2;
            background-color:#343434;
            background-image:url(http://s3b.directupload.net/images/090510/xk2vblld.jpg);
            border:2px solid #000000;}
            li.nav_element a:hover{
            color: #000000;
            background-color:#C9C9C9;
            background-image:url(http://s2b.directupload.net/images/090510/j8jtjzyt.jpg);}
           
-->
</style>

<div align="center"><table><tr><td>
<style type="text/css">


Mach aber am besten davor eine Sicherheitskopie, ich hab den Code aus deinem Quelltext und nur ein welnig modifiziert, es ist also nicht sicher, dass das alles ist Wink


Zuletzt bearbeitet von vernox am 07.08.2009, 22:51, insgesamt einmal bearbeitet
Beitrag07.08.2009 um 21:56 (UTC)    
Titel:

ok ich werd das mal versuchen!!!!Danke erstmal für deine Hilfe!!! Very Happy
______________
Beitrag07.08.2009 um 21:58 (UTC)    
Titel: ...

BitteBitte, gern geschehen Wink
Beitrag07.08.2009 um 23:56 (UTC)    
Titel:

Sieht ganz gut aus.Kannst du mir den Code noch so schreiben das ein wenig Platz ist zwischen dem header unt dem unteren Teil ist???Der Spalt sollte so dick sein wie zwichen Navi und dem Mittelteil!!!!Was hast du da eigentlich umgeschrieben???? Laughing
______________


Zuletzt bearbeitet von boehse-freunde am 08.08.2009, 00:59, insgesamt einmal bearbeitet
Beitrag08.08.2009 um 00:03 (UTC)    
Titel:

[size=16]Hallo,

der Code müsste dann in etwa wie folg aussehen.
Mache aber wie schon vorher wieder ein kleines Backup deines alten Codes, falls der folgende aus mysteriösen Gründen doch nicht gehen sollte o_O

Müsste aber.


Liebe Grüße,

Jan aka "Asgar"

Code:
#extraDiv1 {display: none;}
            #extraDiv2 {display: none;}
            #extraDiv3 {display: none;}
            #extraDiv4 {display: none;}
            #extraDiv5 {display: none;}
            #extraDiv6 {display: none;}
            #pre_header {display: none;}
            #post_header {display: none;}
            #pre_content {display: none;}
            #nav_heading{display: none;}
            div.header{display: none;}
            h1#title{display: none;}
            h2#title span {display: none;}

a{
            color:#4A9AF6;
            text-decoration: none;
            font-size:13px;}
            a:hover {
            color: #4A9AF6;
            font-size: 13px;
            text-decoration: none;}
            a:link {
            color: #4A9AF6;
            font-size: 13px;
            text-decoration: none;}
            a:active {
            color: #4A9AF6;
            font-size: 13px;
            text-decoration: none;}
            a:visited {
            color: #4A9AF6;
            font-size: 13px;
            text-decoration: none;}

body {
            background-color:#000000;}
            *{ padding: 0; margin: 0; }
            #Mein_Bild {
            margin: 0 auto;
            width: 980px;
            height:500px;
            background-image:url(HIER DEINE BILD-URL);}

#header_container {
            position: absolute;
            left: 50%;
            margin-left:-491px;
            width: 973px;
            height:104px;
            background-color:#343434;
            background-image:url(http://s3.directupload.net/images/090730/t9fpbeh9.jpg);
            color:#FFFFFF;
            font-size:13px;
            border: 2px solid #000000;}

#content {
            position: absolute;
            left: 50%;
            top: 222px;
            margin-left:-336px;
            width: 605px;
            height: 1630px;
            padding:10px;
            color: #F2F2F2;
            font-size:13px;
            background-color:#;
            background-image:url(http://img.webme.com/pic/m/micha1985/csscondentgu4.png);
            border: 2px solid #000000;
            overflow:auto;}

#sidebar_container{
            position:absolute ;
            left:50%;
            top:222px;
            margin-left:297px;
            width: 185px;
            height:1650px;
            background-color:#;
            background-image:url(http://img.webme.com/pic/m/micha1985/csscondentgu4.png);
            border:2px solid #000000;
            color:#000000;
            overflow:;}
#nav_container{
            position: absolute;
            left: 50%;
            top:222px;           
            margin-left:-491px;
            width: 147px;
            height:1650px;
            border:2px solid #000000;
background-image:url(http://img.webme.com/pic/m/micha1985/csscondentgu4.png);}
            overflow:;}
            ul#nav{
            width: 160px;
            padding: 0px;
            margin: 0px;}
            li.nav_element{
            list-style-type: none;
            position: relative;
            padding:3px;
            width: 135px;}
            li.nav_element a{
            display: block;
            width: 135px;         
            padding:1px;
            font-weight: bold;
            text-decoration: none;
            text-align: left;
            color:#F2F2F2;
            background-color:#343434;
            background-image:url(http://s3b.directupload.net/images/090510/xk2vblld.jpg);
            border:2px solid #000000;}
            li.nav_element a:hover{
            color: #000000;
            background-color:#C9C9C9;
            background-image:url(http://s2b.directupload.net/images/090510/j8jtjzyt.jpg);}

______________
Beitrag08.08.2009 um 11:21 (UTC)    
Titel:

Besten Dank hat super funktioniert.Eine frage hab ich noch.Was hast du verändert das es jetzt so ist????
______________
Beitrag09.08.2009 um 09:29 (UTC)    
Titel: ...

Wir haben beide die Angabe "Top" angepasst, die angabe top sagt, wieweit das Element vom oberemmSeitenrand entfernt ist Wink
Beiträge der letzten Zeit anzeigen:   


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