• Jetzt anmelden. Es dauert nur 2 Minuten und ist kostenlos!

Menü rutscht mit

K

Kazel

Neues Mitglied
Hallo liebe HTML.de-Community!

Ich hätte zwei Fragen bezüglich dem Menü auf dieser Seite:
http://www.chiaras-lifestyle.com/

Dabei handelt es sich um einen Blog für meine Freundin,
grundsätzlich ist das ein Template das ich mir gerade anschaue und es,
mehr oder weniger, verstehe. Was ich aber nicht fixen kann ist,
dass Menü, welches im Head-Bereich mit rutscht, scrollt einfach runter,
ihr werdet direkt verstehen, was ich meine.

Mein Ziel wäre es, entweder das Ziel zu fixieren (position:fixed klappt nicht so ganz),
oder die Leiste dazu bringen, über den ganzen Blog zu folgen und nicht nur im Head-Bereich.

Und das 2. wäre: Ich würde gerne wissen, wie ich das Menü dazu bringe,
NICHT zu brechen sobald ich das Fenster verkleinere? Probiert es aus,
ändert die Fenstergröße, dann sieht ihr, was passiert. Wie bringe ihn dazu,
nicht umzubrechen.

Vielen Dank für Eure Hilfe!

Liebe Grüße
 
Werbung:
Hallo,

zu 1 Menü da gebe den eine ebene höher mit, einfach die class .social erweitern
Code: 
.social {z-index: 5;}

zu 2, das gleiche, class zusätzlich eine breite geben
Code: 
.social {width: 991px;}

Cheffchen
 
Hallo Cheffchen!

Funktioniert super!
Danke sehr, doch ein Problem ist jetzt dazugekommen,
seit ich die zwei Codes von dir eingefügt habe,
kann ich nicht mehr scrollen. :X

Und auch wenn ich die Codes entferne, gehts auch nicht,
es sei den, ich hau ganz die style.css raus.

Weißt Du vielleicht, woran dies liegt?
 
Werbung:
Hallo,

das hat nichts mit der änderung zu tun sonder an fehlerhaften code

was sucht
Code: 
<!doctype html>
z416 mitten im code
oder sind die css style.css und reset.css mittem im code und die reset.css kommt eigentlich als erste und nicht als letzte.

da sind bestimmt mehr fehler aber den habe ich auf die schnelle gesehen und ist auch sehr wichtig.

Cheffchen
 
Guten Morgen Cheffchen!

Ich habe auch nie behauptet, dass es wegen Deinem Code ist. :p

Da hast Du recht! Habs mir nun bisschen angeschaut und nun funktionierts,
da ist echt zu viel Müll drin. Liegt auch teilweise daran,
dass ich die CSS extern einbetten müsste, denn Blogger bietet ja keinen Webspace an.
Zwar kann ich die CSS auch via Templateeditor einfügen, doch bei einer fremden Vorlage,
tut man sich nicht so einfach. Jedenfalls prima! Funktioniert nun.

Könntest Du mir vielleicht noch verraten, wie ich den Abstand ganz oben im Head zwischen Browserbar und Bloganfang
weg bekomme?
 
HAllo,

kann ich.
im Template selber such mal nach #hold
dort einfach das
Code: 
margin:20px auto; 
in 
margin:0 auto;
ändern

Cheffchen
 
Werbung:
Hallo Cheffchen!

Habe ich bereits gefunden, aber danke!
Grundsätzlich würde ich gerne das Menü verschieben,
also bei #hold behalte ich die 20px, dafür würde ich das Menü um 20px rauf setzen.

Lange lebe das Chrome DEV-Tool, aber leider finde ichs nicht. ó.ò
Ich finde zwar das Menü, aber schaff's nicht es nach oben zu positionieren. :X
 
Hallo,

im template hast 3 mal .social die kannst zusammen packen in ein und zusätzlich
Code: 
 top: 0;
einfügen

Cheffchen
 
Stimmt, 3x dieselbe Klasse zu notieren ist unnötig. :p
Jedenfalls, ach richtig... mit top. Sowie deine Hilfe: Top

Funktioniert! Ich wünsch' Dir noch nen schönen Tag. :]
 
Werbung:
Du musst dich einloggen oder registrieren, um hier zu antworten.

Neueste Beiträge

Zurück
Oben