WN

WN (https://www.wn.se/forum/index.php)
-   Klientsidans teknologier, design och grafik (https://www.wn.se/forum/forumdisplay.php?f=12)
-   -   Anpassa för mobil (https://www.wn.se/forum/showthread.php?t=8050)

magga 2005-05-20 17:40

Hej

Nu är jag ny här och har på mitt modem försökt titta igenom frågorna som finns i forumet och jag känner mig glad över att ha hittat hit.
Så nu börjar jag med min första fråga.
Jag har gjort en sida åt en travtränare där varje häst har fått var sin presentationssida. Hon vill ha de hästar som finns på gården i en vänstermeny och de hästar som finns på andra platser i en höger meny och presentationen av hästen med bilder i mitten. Så långt är allt väl.
Tre divar plus huvudmenyn i en toppdiv och hennes uppgifter i en footerdiv.
Nu till problemet. När sidan ska visas i mobil så blir det fel ordning på det som ska visas. Då bör hästarna som finns på andra platser komma direkt efter hästarna som finns på gården och inte efter presentationen som det ju gör helt naturligt på grund av divarnas placering i dokumentet.
Finns det någon som råkat ut för liknande problem med placeringar i olika medier? Måste jag koda om divarna? Eller går det att göra något enklare...?
Det står helt still i skallen på mig nu och jag hoppas på att det finns någon som kan ge mig åtminstone en vink om vad jag kan göra.
Så här ser de tre divarna ut och de ligger i ytterligare en div som är 750px bred.
#menyleft{
top: 10px;
width: 78px;
background-color: transparent;
text-align: right;
margin-left: 9px;
padding-bottom: 15px;
float: left;
clear: both;
}
#menyright{
margin-top: 20px;
right: 20px;
width: 80px;
background-color: transparent;
text-align: left;
padding-right: 10px;
float: right;
}
#hast {
width: 550px;
margin-right: auto;
margin-left: auto;
position: relative;
top: 75px;
float: left; }

I handheld.css så finns egentligen inte mer än detta till den här sidan.
body #wrapper {max-width:240px;}
img {max-width: 165px; height: auto;}
#menyright img, #menyleft img{display: none;}


Magga

FredrikMH 2005-05-23 16:18

Du bör använda en helt seperat sida för de som ska se sidan via en mobiltelefon.

Björn 2005-05-23 17:31

Citat:

Originally posted by FredrikMH@May 23 2005, 16:18
Du bör använda en helt seperat sida för de som ska se sidan via en mobiltelefon.

Det tycker jag låter som en allderles galen ide faktiskt. Det går utmärkt att få det att funka med ett extra stylesheet och bra semantisk kod.

FredrikMH 2005-05-27 02:26

Citat:

Originally posted by Björn@May 23 2005, 17:31
Det tycker jag låter som en allderles galen ide faktiskt. Det går utmärkt att få det att funka med ett extra stylesheet och bra semantisk kod.
Var snäll och förklara för mig hur det ska gå ihop om nu inte telefonen har en html-läsare.

Så vad har man för alternativ kvar då? Jo den nya xhtml-varianten vilket är en nerbantad version av den som används för datorer. Hur telefonen reagerar på kod den inte känner till kan jag inte svara på men det är förhoppningsvis bättre än förr.

Det är inget enormt arbete och man kan göra det väldigt basic. Istället för att försöka göra en sida som ser bra ut både på datorer och i en mobiltelefon så är det bättre att göra en serperat.

zoran 2005-05-27 14:55

Citat:

Ursprungligen postat av FredrikMH
Citat:

Ursprungligen postat av Björn
Det tycker jag låter som en allderles galen ide faktiskt. Det går utmärkt att få det att funka med ett extra stylesheet och bra semantisk kod.

Var snäll och förklara för mig hur det ska gå ihop om nu inte telefonen har en html-läsare.

Så vad har man för alternativ kvar då? Jo den nya xhtml-varianten vilket är en nerbantad version av den som används för datorer. Hur telefonen reagerar på kod den inte känner till kan jag inte svara på men det är förhoppningsvis bättre än förr.

Det är inget enormt arbete och man kan göra det väldigt basic. Istället för att försöka göra en sida som ser bra ut både på datorer och i en mobiltelefon så är det bättre att göra en serperat.

Även om en del telefoner har en "html"-läsare så har få telefoner en display som kan göra en sida som är gjord för 1280x1024 rättvisa.

Jag tycker definitivt att man gör en egen, förenklad sida för en handheld device. Man behöver definitivt inte ha lika mycket krussiduller i den som man är van att få på en dator. Merjobb kanske, men bättre det än irriterade besökare.

/Zoran


Alla tider är GMT +2. Klockan är nu 22:17.

Programvara från: vBulletin® Version 3.8.2
Copyright ©2000 - 2025, Jelsoft Enterprises Ltd.
Svensk översättning av: Anders Pettersson