Suche im Forum:
Suchen


« Vorheriges Thema anzeigen :: Nächstes Thema anzeigen »  
Autor Nachricht
Beitrag28.08.2010 um 15:13 (UTC)    
Titel: Header nach unten verschieben ?!

Hallo,

kann mit bitte jemand sagen, wo was verändern muss, damit mein Header weiter nach unten kommt und so etwas Luft darüber entsteht ?

Mein Code:
/*
Dieses Design wurde erstellt von: www.born-woot.de.tl
Dieses Design wurde gecodet von: www.nuo-designs.de.tl
Das Design darf ausschließlich auf: www.heller-schmuckdesign.de / www.heller-schmuckdesign.de.tl verwendet werden.
*/
#header_container {display:none; }
#nav_container {display:none; }
#counter {display:none; }
#pre_content {display:none; }
h1, h2, h3, h4, h5, h6 {display:none; }

input, textarea, select {
margin: 0;
padding: 2px;
font-size: 1em;
color: #666666;
background: #F5F5F5;
border: 1px solid #ccc;
margin: 5px 0;
}

input:focus, textarea:focus, select:focus {
border: 1px solid #999;
background-color: #FFFFFF;
}



p {margin: 0; padding: 0 0 18px 0;}

ul {list-style: none; margin: 0; padding: 0;}

blockquote {
font-family: Georgia, "Times New Roman", Times, serif;
font-style: italic;
color: #666;
margin: 10px 20px;
display: block;
}

blockquote span.open {
background: url() no-repeat left top;
padding: 0 0 0 15px;
}

blockquote span.close {
background: url() no-repeat bottom right;
padding: 0 15px 0 0;
}

code {
display: block;
background-color: #F5F4F3;
border: #E2DBD8 1px solid;
color: #666666;
padding: 3px 5px;
margin: 10px 15px;
font-size: 1.2em;
}

pre {
padding: 1em;
border: 1px dashed #2f6fab;
color: black;
background-color: #f9f9f9;
line-height: 1.1em;
}

small {font-size: 0.85em;}

big {font-size: 1.4em;}

.red {
color: #FF0000;
}


a {
text-decoration: none;
color: #8c459a;
}

a:hover {text-decoration: none; color: #93559f;}

a img {
border: none;
}

.clear {clear: both;}

.alignleft {display: block; float: left;}

.alignright {display: block; float: right;}

.aligncenter {
display: block;
text-align: center;
margin: 0 auto;
}

.endOfSection {
clear: both;
width: 100%;
height: 0;
line-height: 0;
font-size: 0;
padding: 0;
margin: 0;
border: 0;
}


img {border: none;}

img.alignleft,
img.alignright,
img.aligncenter {
display: block;
padding: 3px;
background: #F5F4F3;
border: 1px solid #E8E4E2;
}

img.alignleft {
float: left;
margin: 0 10px 2px 0;
}

img.alignright {
float: right;
margin: 0 0 2px 10px;
}

img.aligncenter {
margin: 5px auto;

}

#content .dwnld,
#content .note,
#content .error {
display: block;
width: 914px;
min-height: 35px;
float: left;
margin: 10px 0;
padding: 7px 10px 7px 40px;
border-top: #EBE8D7 1px solid;
border-bottom: #EBE8D7 1px solid;
line-height: normal;
}

#content .dwnld {background: #EBFEDA url(http://illusion-design.eu/img/quote.png) no-repeat 5px 4px;}

#content .note {background: #FFF9D7 url(http://illusion-design.eu/img/info.png) no-repeat 5px 4px;}

#content .error {
background: #FF9D9D url(http://illusion-design.eu/img/code.png) no-repeat 5px 4px;
border-top: #FF3300 1px solid;
border-bottom: #FF3300 1px solid;
min-height: 20px;

}




body {
font: 90%/1 verdana, helvetica, sans-serif;
background: url(http://s5.directupload.net/images/090806/jyy4zpsw.png) repeat 0 0;
line-height: 130%;
width: 100%;
color: 5e5e5e;
}

#header {
clear: both;
width: 954px;
height: 209px;
border: #ababab 2px solid;
background: #f9f9f9;
color: #999;
font-size: 0.9em;
margin-left: 125px;
}


#navi {
clear: both;
width: 914px;
height: 40px;
padding: 20px;
border-left: #ababab 2px solid;
border-right: #ababab 2px solid;
background: #FFFFFF repeat-x 0 0;
color: #999;
font-size: 0.9em;
margin-left: 125px;
}


#content {
display: block;
background: #FFFFFF url(http://img.webme.com/pic/h/heller-schmuckdesign/neu3hell.tif) no-repeat;
background-position: center top;
left:400px;
float: left;
width: 914px;
padding: 20px;
clear: both;
border: #ababab 2px solid;
text-align: justify;
font-size: 0.9em;
margin-left: 125px;

}



ul, li
{
list-style-type: none;
padding: 0px;
margin: 0px;
}

.menu
{
position: absolute;
left:400px;
z-index: 3;

}

.menu li
{
width: 140px;
float: left;
}

.menu a
{
border: 1px solid #cfcfcf;
background-color: #fff;
bachground-image:url();
text-decoration: none;
text-align: center;
font-weight: bold;
cursor: default;
margin: 0px 2px;
display: block;
height: 20px;
color: #000;
}

.menu a:hover
{
background-color: #ededed;
background-image:url();
}

#smenu1, #smenu2, #smenu3
{
font-size: 12px;
display: none;
width: 140px;
float: left;
}

#smenu1 a, #smenu2 a, #smenu3 a
{
font-weight: normal;
padding-top: 2px;
border-top: 0px;
cursor: pointer;
}
______________

Beitrag28.08.2010 um 15:23 (UTC)    
Titel:

Hallo!
Du willst also, dass der Header weiter unten ist...oder? Dann muss aber auch die Navigation und dir Rechten Boxen weiter runter.
Bestimmt kann man das auch irgendwie im Designcode selbst ändern. Da kenn ich mich nicht so aus.
Aber du könntest es ganz einfach machen.
Füge einfach über den ganzen Designcode, bevor alles mit dem Design beginnt ein
Code:
<br />

ein. <br /> bedeutet soviel wie die <Enter>Taste bei der Tastatur. Nur nimmt man das dann beim Designcode nicht wahr...(oder, da bin ich mir jetzt aufeinmal nicht mehr ganz sicher??).

Auf alle Fälle:
Ein <br /> hilft dir weiter!

Lg, Osterholzer
______________
Leben heißt nicht zu warten, bis der Sturm vorüberzieht, sondern zu lernen, im Regen zu tanzen!
Beitrag28.08.2010 um 15:28 (UTC)    
Titel:

Danke für den Tipp, aber es funzt leider nicht ....

Habs an verschiedenen Stellen versucht, leider ohne Erfolg.
______________



Zuletzt bearbeitet von heller-schmuckdesign am 28.08.2010, 16:29, insgesamt einmal bearbeitet
Beitrag28.08.2010 um 16:02 (UTC)    
Titel:

Hallo!
Welches Design benützt du eigentlich? CSS, oder?
Funktioniert das bei CSS nicht?
Ich dachte du musst einfach bei "Text über dem Design" das <br /> einfügen und schon hast du wieder ne Zeite mehr Platz!

Lg, Osterholzer
______________
Leben heißt nicht zu warten, bis der Sturm vorüberzieht, sondern zu lernen, im Regen zu tanzen!
Beitrag28.08.2010 um 17:19 (UTC)    
Titel:

Das <br> funzt net ... das kannst du nur bei Text oder so benutzen für Designs kannst du das nicht anwenden.

Da kannst du beim design was coden das es fon oben so und so viel Abstand hat und unten,links,rechts.

Naja , ich weiss aber nicht wie das geht.

Mfg
Beitrag28.08.2010 um 17:37 (UTC)    
Titel:

Also bei mir funktionierts echt einwandfrei. Ich kann das ganze Design - samt Werbung - weiter runtermachen. Mit <br /> ...

Ich benütze das Design Iceblue. Fügst du schon das <br /> ganz oben, über dem ganzen Code ein?

Lg, Osterholzer
______________
Leben heißt nicht zu warten, bis der Sturm vorüberzieht, sondern zu lernen, im Regen zu tanzen!
Beitrag28.08.2010 um 17:43 (UTC)    
Titel:

Moin,
am einfachsten wäre es mit
Zitat:
margin-top: 00px;
.

Dass ganze sieht dann in der "Angabe" für den Header so z.B. aus:
Zitat:

#header {
clear: both;
width: 954px;
height: 209px;
border: #ababab 2px solid;
background: #f9f9f9;
color: #999;
font-size: 0.9em;
margin-left: 125px;
margin-top: 40px;
}


In der Angabe "margin-top" brauchst du also nur "angeben",
wie viele "px" Abstand von "Oben" sein sollen.

MfG Demon
______________


Beitrag28.08.2010 um 17:49 (UTC)    
Titel:

@Demon: Ja super ! Hat geklappt ! Danke

Dadurch sind meine Menü-Felder zwar nach oben gerutscht, aber irgendwie finde ich es gut.
Ich glaube, ich lass das so Very Happy
______________

Beiträge der letzten Zeit anzeigen:   


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