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
sunny-green•2y ago
keine ahnung von css
aber absolut is ziemlich sicher nicht richtig 

deep-jadeOP•2y ago
zumindest wars immer oben rechts
nur die platzierung ist zu weit oben
er geht wsl von der kompletten seite aus

sunny-green•2y ago
jo du musst ja auch auf die höhe der anderen einträge/classes
ja klar
deep-jadeOP•2y ago
nen margin reinkloppen hat nix gebracht leider
sunny-green•2y ago
richte den bums an dem rest aus
wie? keine ahnung 

deep-jadeOP•2y ago
ChatGPT ist leider nich hilfreich
sonst mach ich eig alles damit
@Einar W. kannsu CSS ?

foreign-sapphire•2y ago
lol
hab vor 20 Jahren genau so viel CSS gelernt, dass ich weiß, dass es ich es nie wieder anfassen möchte.

deep-jadeOP•2y ago
xD ok na toll
sunny-green•2y ago
@Martin K. zur rettung
genetic-orange•2y ago
vergiss es 

sunny-green•2y ago

deep-jadeOP•2y ago
xD na toll
Profis hier wieder 

foreign-sapphire•2y ago
Kannst ja Mal versuchen auf stackoverflow Hilfe zu bekommen. 

deep-jadeOP•2y ago
danke dir
ich frag ma
bzw vllt find ich ja nen beitrag dazu

sunny-green•2y 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
deep-jadeOP•2y 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
deep-jadeOP•2y ago
Ich schau mal ! ChatGPT war halt leider nicht so hilfreich xD
solid-orange•2y ago
flexbox
google das mal
justify-content: space-between heisst das zauberwort
nö 🙂
solid-orange•2y 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
sunny-green•2y ago
so nämlich!!! hier kannste noch was lernen matze 

deep-jadeOP•2y ago
Danke für die tipps dennoch :D
deep-jadeOP•2y 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?
deep-jadeOP•2y ago
korrekt
ich lass das jetzt so
passt scho
wollts halt ausprobieren aber jo
