Navigationsleiste 1cm nach unten setzen

[Goldkind]

Hallo,

kann mir jemand sagen, wo und wie ich meine Navigationsleiste 1 cm nach unten verschieben kann. Muss ich das in der style.css oder in den einzelnen html Unterseitenseiten einstellen? Und an welcher Position des Quellcode genau.

Freue mich, wenn mir jemand dabei behilflich ist.
Frohe Ostern!

 

[koslowski]

Wie soll'n wir dir was sagen, wenn du uns keinen Link zum Problem gibst.
Meine Kristallkugel ist grad zum Polieren weg.

cm ist für's Web eine absolut ungeeignete Masseinheit, weil sie absolut ist.
Nimm relative Masseinheiten wie em, Prozent oder Pixel.

 

[Goldkind]

Könnte ich nicht auch einen Auszug des Quellcode schicken? Die Navigtionsleiste soll um 50 Pixel nach unten verschoben werden.

 

[Goldkind]

/* N A V I G A T I O N */

a.navilink, a.navilink:visited, a.navilink:active {
text-decoration: none;
color: #000000;
}
a.navilink:hover {
color: #44a6bf;
}
a.link, a.link:visited, a.link:active {
text-decoration: none;
color: #000000;
}
a.link:hover {
color: #44a6bf;
}
a.colorlink, a.colorlink:visited, a.colorlink:active {
text-decoration: none;
color: #44a6bf;
}
a.colorlink:hover {
color: #000000;
}

a.toplink, a.toplink:visited, a.toplink:active {
text-decoration: none;
color: #555555;
}
a.toplink:hover {
color: #e78425;
}
a.highlight, a.highlight:visited, a.highlight:active, a.highlight:hover {
font-size: 12px;
color: #b25397;
text-algin: left;
text-decoration:none;
font-weight:bold;

 

[vitus37]

Hmm, schwierig daraus zu sagen wie deine Navigation runter kommt, HTML dazu wäre noch besser. Ausserdem denke ich, das bei diesem CSS-Code nicht der relevante Teil dabei ist.

 

[majo]

In dem Css- Code sind nur die Formatierungen für die Links enthalten. Such mal in dem Code nach "ul", also deiner Liste. Mit margin-top oder padding-top kannst du dann den Abstand nach oben verändern.

 

[Goldkind]

Meint Ihr diesen Teil.....im Skripeditor unter "suchen" habe ich nicht unter "ul" gefunden.


body {
font-family: "Trebuchet MS", Tahoma, Verdana, Arial, SunSans-Regular, Sans-Serif;
text-align: left;
background: url(../pic/hintergrund_hh.jpg) repeat;
}
a {
text-decoration: underline;
color: #000055;
}
a:visited {
color: #000055;
}
a:active {
color: #000055;
}
a:hover {
color: #000055;
text-decoration: underline;
}

p, td, th, div { font-size: 12px;line-height: 19px; }

h1 {
font-family: "Trebuchet MS", Tahoma, Verdana, Arial, SunSans-Regular, Sans-Serif;
font-size: 18px;
line-height: 18px;
color: #555555;
text-algin: left;
}
h2 {
font-family: "Trebuchet MS", Tahoma, Verdana, Arial, SunSans-Regular, Sans-Serif;
font-size: 18px;
line-height: 18px;
color: #4b617c;
text-algin: left;
padding: 10px 0px 15px 0px;
margin: 0px;
}
h3 {
font-family: "Trebuchet MS", Tahoma, Verdana, Arial, SunSans-Regular, Sans-Serif;
font-size: 18px;
line-height: 18px;
color: #695586;
text-algin: left;
padding: 10px 0px 15px 0px;
margin: 0px;
}
h4 {
font-family: "Trebuchet MS", Tahoma, Verdana, Arial, SunSans-Regular, Sans-Serif;
font-size: 18px;
line-height: 18px;
color: #828457;
text-algin: left;
padding: 10px 0px 15px 0px;
margin: 0px;
}
h5 {
font-family: "Trebuchet MS", Tahoma, Verdana, Arial, SunSans-Regular, Sans-Serif;
font-size: 18px;
line-height: 18px;
color: #5a5a5a;
text-algin: left;
padding: 10px 0px 15px 0px;
margin: 0px;
}
img {
border: 0px;
}
input, textarea {
border: 1px solid #8B8B8B;
padding: 2px 4px 2px 4px;
color: #2667A4;
font-family: "Trebuchet MS", Tahoma, Verdana, Arial, SunSans-Regular, Sans-Serif;
font-size: 11px;
}
ul { margin:0px 0px 0px 14px ; padding:-20px 0px 0px 0px ; }
.nothing {
border: none;
padding: 0px;
}
marquee {
color:#695588;
font-weight:bold;
padding: 15px 0px 0px 0px;
}
marqueecorporate {
color:#695588;
font-weight:bold;
padding: 15px 10px 0px 10px;
}

 

[koslowski]

Könnte ich nicht auch einen Auszug des Quellcode schicken? Die Navigtionsleiste soll um 50 Pixel nach unten verschoben werden.

dann solltest du ein lauffähiges Beispiel hier einstellen (HTML und CSS).
Codeschnipsel sind ungeeignet.

 

[Goldkind]

Hallo Majo,

meinst Du diesen Teil?

ul { margin:0px 0px 0px 28px ; padding:-20px 0px 0px 0px ; }
.nothing {
border: none;
padding: 0px;

 

[vitus37]

Ersetze diese Zeile ul{...} mal durch:

ul{margin: 45px 0px 0px 28px; padding: -20px 0px 0px 0px;}

 

[Goldkind]

Hallo Vitus,

keine Veränderung in der Positionierung der Navigationsleiste. Weder nach oben, noch nach unten.

 

[koslowski]

Ersetze diese Zeile ul{...} mal durch:

ul{margin: 45px 0px 0px 28px; padding: -20px 0px 0px 0px;}

sorry, aber negative paddings sind Unfug.
Negative margins sind erlaubt.

@Goldkind Ohne Link zum Problem oder lauffähiges Beispiel wird das nichts.
Es wird eigentlich nur wild rumgeraten.

Das können collapsing-margins sein, es kann falsche Positionierung sein, oder weiss der Geier was.