Menü Button immer oben rechts platzieren lassen
Ich möchte gerne einen "BUCHEN" Button immer oben rechts platzieren lassen, unabhängig vom menü. Leider funktiuoniert das mit dem custom CSS nicht so wie ich will 😅
#menu-item-3430 {
position: absolute;
top: 0;
right: 0;
}
Jemand ne idee wie ich das lösen könnte?
Es sollte unabhängig von der Auflösung immer oben rechts sein (für Desktop)Solution:Jump to solution
In dem Fall hätte ich den Button in die Navi gesetzt und nicht absolut positioniert. Hier wird der Button wahrscheinlich über den anderen Navipunkten hängen wenn du die Größe des Fensters veränderst?
28 Replies
deep-jade•13mo ago
keine ahnung von css
aber absolut is ziemlich sicher nicht richtig
foreign-sapphire•13mo ago
zumindest wars immer oben rechts nur die platzierung ist zu weit oben
er geht wsl von der kompletten seite aus
deep-jade•13mo ago
jo du musst ja auch auf die höhe der anderen einträge/classes
ja klar
foreign-sapphire•13mo ago
nen margin reinkloppen hat nix gebracht leider
deep-jade•13mo ago
richte den bums an dem rest aus
wie? keine ahnung
foreign-sapphire•13mo ago
ChatGPT ist leider nich hilfreich sonst mach ich eig alles damit
@Einar W. kannsu CSS ?
flat-fuchsia•13mo ago
lol hab vor 20 Jahren genau so viel CSS gelernt, dass ich weiß, dass es ich es nie wieder anfassen möchte.
foreign-sapphire•13mo ago
xD ok na toll
deep-jade•13mo ago
@Martin K. zur rettung
absent-sapphire•13mo ago
vergiss es
deep-jade•13mo ago
fucked
foreign-sapphire•13mo ago
xD na toll
Profis hier wieder
flat-fuchsia•13mo ago
Kannst ja Mal versuchen auf stackoverflow Hilfe zu bekommen.
foreign-sapphire•13mo ago
danke dir ich frag ma
bzw vllt find ich ja nen beitrag dazu
deep-jade•13mo ago
Position absolute ist schon mal richtig. Schick mal dein html dazu
Das css sieht erst mal gut aus wenn es einfach auf dem Bildschirm oben rechts angezeigt werden soll.
Wenn der Parent des Button ein Position: relative hat wird sich der Button immer daran orientieren mit den absoluten Werten. Dann musst du den Button im HTML anders platzieren
foreign-sapphire•13mo ago
okay, lieben dank!
Kann ich das auch in zusammenspiel mit ner "order = 10" zbsp machen?
Arbeite hier leider mit nem Website builder, daher hab ich nur das CSS 😅
Order funktioniert nur in einem flex container um Elemente außerhalb einer Reihenfolge zu positionieren. Du kannst aber z-Index nutzen um es über anderen Elementen anzuzeigen
foreign-sapphire•13mo ago
Ich schau mal ! ChatGPT war halt leider nicht so hilfreich xD
afraid-scarlet•13mo ago
flexbox
google das mal
justify-content: space-between heisst das zauberwort
nö 🙂
afraid-scarlet•13mo ago
ach er will es auch beim scrollen oben.
das hatte ich nicht gelesen 🙂
auch ohne scrollen wäre justify-content hier keine Lösung, weil das nur den Abstand zweier Elemente zu einander so anpasst, dass der Abstand dazwischen ausgenutzt wird.
Hier gibt es aber kein Element als Gegenspieler um den Abstand auszugleichen
deep-jade•13mo ago
so nämlich!!! hier kannste noch was lernen matze
foreign-sapphire•13mo ago
Danke für die tipps dennoch :D
foreign-sapphire•13mo ago
@Matze H. @S. Shepherd Heart
so ists aktuell. Aber dann lass ich das denk ich mal so
so ists aktuell. Aber dann lass ich das denk ich mal so
Solution
In dem Fall hätte ich den Button in die Navi gesetzt und nicht absolut positioniert. Hier wird der Button wahrscheinlich über den anderen Navipunkten hängen wenn du die Größe des Fensters veränderst?
foreign-sapphire•13mo ago
korrekt
ich lass das jetzt so passt scho
wollts halt ausprobieren aber jo