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