36
Mobilanpassad och/eller flytande hemsida
En av våra extrafunktioner är att man kan få sin hemsida mobilanpassad och/eller flytande (responsiv) vilket innebär
att den är optimerad i både layout och innehåll så att besökare som använder sin mobil på ett bra sätt kan tillgo-
dogöra sig innehållet på din hemsida. En flytande (responsiv) hemsida innebär att webbsidan anpassar sig eften den
skärm du använder oberoende om du använder en läsplatta eller dator.
Med våra funktioner gör man ändringar i editorn och de slår igenom både på hemsidan för datorer och mobilversion-
en men det kan vara nödvändigt att tänka på några punkter så mobilanpassningen ska fungera optimalt.
Tabeller
Har du en mobilanpassad hemsida så försök att
INTE använda tabeller överhuvudtaget.
Om det inte finns något annan lösning och du måste använda tabeller, tänk på detta:
1. Sätt inga fasta mått på tabellen eller cellerna, speciellt inte någon bredd på tabell eller
cell.
2. Måste du sätta en bredd så använd en
procentsats
.
Då sätter man först en bredd på tabellen genom att högerklicka på tabellen, välj Tabell-
egenskaper och sätt ett värde vid bredd och klicka på OK.
Sen måste man in i
HTML-läget
i editorn och leta reda på koden för tabellen och byta ut värdet på bredden,
“width:300px;”, till en procentsats, se bilden ovan.
Procentsatsen baseras på den totala bredden på hemsidan, väljer du 100% blir tabellen lika bred som hemsidan och
även lika bred som skärmen på mobiltelefonen. Sätter du bredden till 50% blir tabellen hälften så stor osv.
Avstavning långa ord
Om man har en mobilanpassad hemsida och/eller flytande så är det inte alltid webbläsaren lyckas avstava långa ord på ett
korrekt sätt. Det är inte någon ide att sätta en fast avstavning eftersom vart den hamnar beror på hur stor skärm besökaren
använder.
Rekommendationen är att använda det mjuka bindestrecken för att få en korrekt avstavning.
Gör så här:
1.
I editorn, klicka på
HTML-läge
t, längst ner i fönstret
2.
Där du vill att ordet kan avstavas, skriv in
­
och inget mer.
3. Spara sidan och nu avstavas ordet när det behövs, allt beroende på skärmstorlek.
Det är ­ som sätter det mjuka bindestrecket, ett bindestreck som bara dyker
upp när det behövs.
Observera att ­ måste skrivas med små bokstäver.
OBS!
Det kan förekomma att upplägget för just din hemsida är specialanpassat och instruktionerna i
denna manual inte stämmer helt.
Kontakta gärna din handläggare hos oss och hör om det är något speciellt man behöver tänka
på med din specifika hemsida. Hör också av dig om du får problem eller har andra funderingar.
MOBILANPASSAD/RESPONSIV HEMSIDA
2
1
