mediengestalter.info
FAQ :: Mitgliederliste :: MGi Team

Willkommen auf dem Portal für Mediengestalter

Aktuelles Datum und Uhrzeit: Mi 24.04.2024 23:19 Benutzername: Passwort: Auto-Login

Thema: Hauptnavi verscheibt sich nicht so wie ich will! vom 25.05.2010


Neues Thema eröffnen   Neue Antwort erstellen MGi Foren-Übersicht -> Software - Nonprint -> Hauptnavi verscheibt sich nicht so wie ich will!
Seite: 1, 2  Weiter
Autor Nachricht
bellla
Threadersteller

Dabei seit: 15.01.2010
Ort: Hannover
Alter: 32
Geschlecht: Weiblich
Verfasst Di 25.05.2010 09:23
Titel

Hauptnavi verscheibt sich nicht so wie ich will!

Antworten mit Zitat Zum Seitenanfang

Guten morgen ihr Lieben,

habe da mal eine Frage! Mache gerade eine Internetseite für eine Make up artistin und die Navi verschiebt sich nicht so wie ich das gerne hätte und ich weiß nicht was ich falsch mache. Vielleicht seht ihr ja den Fehler...Die Navi soll abschlüssig mit dem weißen Kasten sitzen.

CSS code:

/*LAYOUT*/

body {
background: #575759;
margin-top: 10px;
margin-left: 40px;
position: absolute;
}

#header {
position:relative;
height: 65px;
background-image:url(logo.jpg);
background-repeat:no-repeat;
margin-top: -5px;
}

#strich {
position: absolute;
height: 1px;
width: 390px;
background-image:url(strich.jpg);
background-repeat:no-repeat;
margin-top: 40px;
margin-left: 586px;
}


#box {
background-image:url(schatten.png);
background-repeat:no-repeat;
width: 1000px;
height: 700px;
margin-left: -12px;
position: relative;
margin-top: -7px;
}


/*NAVIBEREICH*/


#hauptnavi {
float: right;
color: #FFF;
margin-left: 24px;
margin-top: 18px;
margin-bottom: 5px;
margin-right:10px;
position: relative;
}

a {
text-decoration: none;
font-size: 12pt;
font-family:Calibri;
font-style:normal;
color:#FFF;
}

#hilfsnavi {
float: right;
margin-left: 290px;
margin-top: 40px;
margin-right: -280px;
position: relative;
}

a.pink {
color: #e3328b;
}

Wie kann ich hier ein Bild hochladen damit ich euch das besser zeigen kann?
  View user's profile Private Nachricht senden
buchstabensuppe

Dabei seit: 14.09.2004
Ort: Wuppertal
Alter: 40
Geschlecht: Männlich
Verfasst Di 25.05.2010 09:29
Titel

Antworten mit Zitat Zum Seitenanfang

Kannst du die Seite nicht eben hochladen und den Link posten? Das würde einiges einfacher machen... Lächel
  View user's profile Private Nachricht senden
Anzeige
Anzeige
bellla
Threadersteller

Dabei seit: 15.01.2010
Ort: Hannover
Alter: 32
Geschlecht: Weiblich
Verfasst Di 25.05.2010 09:34
Titel

Antworten mit Zitat Zum Seitenanfang

ich weiß nur leider nicht ob ich das darf, da ich auf der Arbeit bin...Foto wäre mir lieber
  View user's profile Private Nachricht senden
buchstabensuppe

Dabei seit: 14.09.2004
Ort: Wuppertal
Alter: 40
Geschlecht: Männlich
Verfasst Di 25.05.2010 09:41
Titel

Antworten mit Zitat Zum Seitenanfang

bellla hat geschrieben:
ich weiß nur leider nicht ob ich das darf, da ich auf der Arbeit bin...Foto wäre mir lieber

Joot, okay. Wenn du antwortest hast du unten doch den "Bild-Upload bei imageshack.us". Schon probiert?
  View user's profile Private Nachricht senden
bellla
Threadersteller

Dabei seit: 15.01.2010
Ort: Hannover
Alter: 32
Geschlecht: Weiblich
Verfasst Di 25.05.2010 09:44
Titel

Antworten mit Zitat Zum Seitenanfang

ja hab ich versucht, aber da steht dann irgendwas von ich bin nicht angemeldet und muss ein Konto eröffnen oder so
  View user's profile Private Nachricht senden
bellla
Threadersteller

Dabei seit: 15.01.2010
Ort: Hannover
Alter: 32
Geschlecht: Weiblich
Verfasst Di 25.05.2010 09:45
Titel

Antworten mit Zitat Zum Seitenanfang

http://img441.imageshack.us/img441/3934/bild4r.png
  View user's profile Private Nachricht senden
buchstabensuppe

Dabei seit: 14.09.2004
Ort: Wuppertal
Alter: 40
Geschlecht: Männlich
Verfasst Di 25.05.2010 09:49
Titel

Antworten mit Zitat Zum Seitenanfang

Kannst du den HTML-Code der Seite noch posten?

Ich muss zugeben, dass was du da an CSS geschrieben hast macht mich schon stutzig. Warum ist der body position absolute? Und von einem horizontalen margin würde ich dir generell abraten. Stichwort Browserkompatibilität...
  View user's profile Private Nachricht senden
bellla
Threadersteller

Dabei seit: 15.01.2010
Ort: Hannover
Alter: 32
Geschlecht: Weiblich
Verfasst Di 25.05.2010 09:52
Titel

Antworten mit Zitat Zum Seitenanfang

<body>

<div id="header">
<div id="strich">
</div>
<div id="hauptnavi">
<a href="...">impressum</a>
</div>

<div id="hauptnavi">
<a href="...">contact</a>
</div>

<div id="hauptnavi">
<a href="...">trailor</a>
</div>

<div id="hauptnavi">
<a href="...">portfolio</a>
</div>

<div id="hauptnavi">
<a href="...">home</a>
</div>

<div id="hilfsnavi">
<a href="..."class="pink">hair</a>
</div>
<div id="hilfsnavi">
<a href"..." class="pink">beauty</a>

</div>
<div id="hilfsnavi">
<a href"..."class="pink">fashion </a>
</div>
</div>

<div id="box">
</div>
</body>
</html>


ich muss dazu sagen, das es meine erste Seite ist die ich alleine mache, ob das alles so richtig ist weiß ich auch noch nicht, nur mein Ausbilder sagt ich soll erstmal alleine versuchen und wir besprechen das dann wenn ich soweit bin...
  View user's profile Private Nachricht senden
 
Ähnliche Themen CSS vertikale hauptnavi mit horizontaler unternavi
Neues Thema eröffnen   Neue Antwort erstellen Seite: 1, 2  Weiter
MGi Foren-Übersicht -> Software - Nonprint


Du kannst keine Beiträge in dieses Forum schreiben.
Du kannst auf Beiträge in diesem Forum nicht antworten.
Du kannst an Umfragen in diesem Forum nicht mitmachen.