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
xenial-black•14mo ago
keine ahnung von css
aber absolut is ziemlich sicher nicht richtig
wise-white•14mo ago
zumindest wars immer oben rechts nur die platzierung ist zu weit oben
er geht wsl von der kompletten seite aus
xenial-black•14mo ago
jo du musst ja auch auf die höhe der anderen einträge/classes
ja klar
wise-white•14mo ago
nen margin reinkloppen hat nix gebracht leider
xenial-black•14mo ago
richte den bums an dem rest aus
wie? keine ahnung
wise-white•14mo ago
ChatGPT ist leider nich hilfreich sonst mach ich eig alles damit
@Einar W. kannsu CSS ?
adverse-sapphire•14mo ago
lol hab vor 20 Jahren genau so viel CSS gelernt, dass ich weiß, dass es ich es nie wieder anfassen möchte.
wise-white•14mo ago
xD ok na toll
xenial-black•14mo ago
@Martin K. zur rettung
mere-teal•14mo ago
vergiss es
xenial-black•14mo ago
fucked
wise-white•14mo ago
xD na toll
Profis hier wieder
adverse-sapphire•14mo ago
Kannst ja Mal versuchen auf stackoverflow Hilfe zu bekommen.
wise-white•14mo ago
danke dir ich frag ma
bzw vllt find ich ja nen beitrag dazu
xenial-black•14mo 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
wise-white•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
wise-white•13mo ago
Ich schau mal ! ChatGPT war halt leider nicht so hilfreich xD
other-emerald•13mo ago
flexbox
google das mal
justify-content: space-between heisst das zauberwort
nö 🙂
other-emerald•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
xenial-black•13mo ago
so nämlich!!! hier kannste noch was lernen matze
wise-white•13mo ago
Danke für die tipps dennoch :D
wise-white•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?
wise-white•13mo ago
korrekt
ich lass das jetzt so passt scho
wollts halt ausprobieren aber jo