Svenska ElektronikForumet

Nu har jag hittat en bra Mouse Drag and Drop rutin. Funkar nu perfekt (i min dator) Texten är nu relative och hänger med skylten när man minskar bredden på bilden. Länk till funktionen om någon behöver den. Den klarar både <div> <p> och <b> relative och absolute. Tar emot flera objekt utan att man behöver ändra i scriptet.
Länk till min testsida

Va kul att följa dina steg i denna utveckling.
Som jag sagt, Livet är för kort för att man skall hinna med att göra alla misstag.
Man måste lära av andras också.

Tack mäster!

Tack själv. Det är alltid gött med uppmuntran.

Nu har jag kört huvudet i väggen igen. Försökt ett par timmar men inte kommit på lösningen.
Om man skall ändra Fonten så är det lögn att få fontknappen nummer 2 att lägga sig bakom den öppna fontlistan nr 1. Jag har ändrat hit och dit på Z-index. Listradernas class "dropdown-item" har fått z-index 2000. I Bootstraps CSS har jag inte funnit ett z-index på mer än 1000 så 2000 borde räcka för att lägga textraderna över knappjäveln.

Kolla húr det blir här.

Läste något om att objekt även prioriteras efter i vilken ordning de placeras ut, så de kan få varsin prioritetsordning och respektive z-index kan då inte påverka varandra.
OCH, z-index på ett underställt objekt i en div kan inte lägga sig ovanpå ett objekt som är placerat i en högre ordning i en annan div.

Först har du en div, i den har du en div med knappen, och under den en UL med menyn.
Menyerna ligger då som nummer tre i ordningen ovan.
På det viset kan du inte få en meny från första div:en att hamna ovanpå en knapp i en annan div eftersom knappen ligger som nummer två i ordningen.
Z-index kan aldrig "bryta sig ut" utanför en <div> <--------> </div> och bestämma ordningen på överordnade element.
Z-index kan inte gå tillbaks i hierarkin och sen in i nästa.

Du får försöka placera knapparna inom samma div...
Alternativt att du släcker den nedre knappen undertiden den övre menyn är framme.


Sen kan du få touch att funka och inte bara mus genom att lägga till en till likadan rad på aktuella platser, fast använd:
ontouchstart istället för onmousedown
ontouchmove istället för onmousemove
ontouchend istället för onmouseup

Så t.ex där det står
document.onmousemove = move;

ska det stå
document.onmousemove = move;
document.ontouchmove = move;

Problemet löst. Jag hittade en helt omskriven CSS för dropdown och nu fungerar det. En annan sak som irriterar mig är att fontlistan är så lång så scroll listen kommer fram på höger sida och flyttar allt lite till vänster. Borde väl gå att få scrollisten att lägga sig på sidan istället för att flytta den?
Länk till sidan

Är inte helt med på vad du menar, men du kan ju sätta en maxhöjd på din drop down och scroll på den.

Tack. Kanonbra, faan vad man lär sig av att fråga.

Font Knappen under text 1 ligger under, bättre vid sidan som text 2
Man kanske inte skall kunna skriva in en text innan alla skyltval är gjorda!

> "Font Knappen under text 1 ligger under, bättre vid sidan som text 2"
Absolut, nu döljer den delvis storleksskjutreglaget.

Är väl inte direkt fel att skriva in texten först, om man så vill?
Men specialfonterna som inte nödvändigtvis finns i webläsaren, utan blir nåt simplare fallback, borde man få nån form av meddelande om,
eller optimalt automatiskt ladda ned den tillsvidare obefintliga fonten.

Senaste versionen hade för ramvalet fått scrollbar som verkar lite onödigt?

Lasp skrev: ↑14 mars 2022, 10:50:44 Font Knappen under text 1 ligger under, bättre vid sidan som text 2
Man kanske inte skall kunna skriva in en text innan alla skyltval är gjorda!

På mion dator ser det ut som bilden. Jag kör Crome. Skärmupplösning 1280 x 1024. Använder du denna länk? Det finns flera versioner eftersom jag arbetar med sidan hela tiden så kan ver.nr. ändras.

När jag nu sitter i kuvösen, med kaffe, dopp och provinsiell nyinköpt flagga uthängd.
Tittar med din senaste länk på iPads safari.
Så är ordet font olika placerad i sidoläge under textrutan.
Skyltvalen stänger effektivt valmöjligheterna.

Ok. Vad använder du för läsare och vilken upplösning har du på skärmen. Det blir lättare om jag kan köra med dina parametrar för att se problemlösningen,

Till alla vänliga själar som hjälper mig så vill jag informera om att det är viktigt att rensa cachen från lagrade bilder om man skall få in dom ändringar som jag hela tiden gör. Om man inte rensar den så får man in den tidigare sidan i en del fall och ser då inte den rättade sidan.

I crome är det enkelt. Man klickar på Ctrl Shift Delete och klickar i rutan Cachade bilder och filer och sedan på Rensa data. Kontrollera att de andra rutorna är omarkerade så att inte cockies och webhistorik rensas bort.

Gränsen verkar gå vid en bredd på 1400. Det blir riktigt konstigt i ett "för litet" fönster. (Chrome) Bredden på fönstren ingår i filnamnen!