Sida 1 av 1

CSS styra spaltbredd

Postat: 13 feb 2008, 22:38
av Urban Anjar
Jag har löst detta med tables tidigare, men om man har en
webbsida och vill styra bredden på ett textfält till exempelvis
80 tecken (eller motsvarande i mm) hur gör man det med CSS?

SV: CSS styra spaltbredd

Postat: 13 feb 2008, 22:54
av DrMegahertz
Har inte enheten "em" i css nånting med teckenbredd att göra? Kanske kan vara värt att prova; width: 80em; :)

Edit: Det var baskemig teckenhöjd som em syftade på.. Då kanske det inte duger lika bra för ändamålet trots allt..

SV: CSS styra spaltbredd

Postat: 13 feb 2008, 22:58
av jan
testa med ex.
width: 50%;

Du kan kolla min sida lynga.com hur jag har gjort, eller här
http://www.w3schools.com/css/css_reference.asp

SV: CSS styra spaltbredd

Postat: 13 feb 2008, 22:59
av upnorth
Det här gäller brödtext i Wikin, bara så ni vet.

SV: CSS styra spaltbredd

Postat: 13 feb 2008, 23:12
av vulfgar
Finns det något (enkelt) sätt att låta användaren själv ändra bredden efter eget önskemål? Jag vet att det gick att ställa in så när man använde frames, det borde kunna gå med lager också, eller?

Vissa, tex Urban, vill ju ha smala spalter, medan andra, tex jag, vill utnyttja hela bredden på skärmen. Det bästa är ju om båda önskemålen kan tillgodoses i samma tema. Detta skulle ju gå om man själv kan ändra spaltbredden i webbläsaren.

SV: CSS styra spaltbredd

Postat: 13 feb 2008, 23:25
av Urban Anjar
Kom bara inte dragande med att minska bredden på webbläsarfönstret för det ger visserligen den önskade spaltbredden om den är kodad i procent, men det sabbar allt annat i design- och layoutväg, tar bort utrymme för tabs och bokmärkesfält och annat som man inte vill. Kolla in den här sidan som exempel: http://www.dn.se/DNet/jsp/polopoly.jsp?d=147&a=742584

SV: CSS styra spaltbredd

Postat: 14 feb 2008, 01:00
av vulfgar
Urban Anjar skrev: Kom bara inte dragande med att minska bredden på webbläsarfönstret för det ger visserligen den önskade spaltbredden om den är kodad i procent, men det sabbar allt annat i design- och layoutväg, tar bort utrymme för tabs och bokmärkesfält och annat som man inte vill. Kolla in den här sidan som exempel: http://www.dn.se/DNet/jsp/polopoly.jsp?d=147&a=742584
Jobbig att läsa. Ett stort tomt utrymme på höger sida och alla text ihopklämd allra längst till vänster.  ::) Om textutrymmet är smalt så är det bättre om det är centrerat, eller i alla fall en ordentlig vänstermarginal. Att jag har jobbigt för så vänsterställda sidor som DNs kanske beror på att mitt vänsteröga är väldigt dominant. Dom flesta har dominant högeröga.

SV: CSS styra spaltbredd

Postat: 14 feb 2008, 01:29
av PappaBj0rn
Det är nog em du bör använda iom att det tillåter anändare att ändra storlek via sin browser om personen så önskar. Vad du ska ha  för värde får du testa fram tror jag. Em är ju  relativt och det går att ändra hur långt 1em ska vara.

Vill man ha olika fasta konfigurationer kan man enkelt speca flera css:er och ha en liten js-väljare för att peka ut vilken css som skall användas.

SV: CSS styra spaltbredd

Postat: 14 feb 2008, 18:43
av Urban Anjar
En rejäl vänstermarginal har jag inget emot, inte heller att man använder högermarginalen till bilder, länkar till nyheter, bloggar och vad det nu kan vara. Var kreativa!

SV: CSS styra spaltbredd

Postat: 17 feb 2008, 15:21
av maths57
Går det inte att helt enkelt använda pixlar, t ex width:50px, eller nåt? Det ger ju en fast bredd i alla fall.

SV: CSS styra spaltbredd

Postat: 17 feb 2008, 22:19
av Urban Anjar
Det borde fungera och då får man bara prova ut hur många
pixlar det går åt för att få plats med sisådär 70-80 tecken och
det borde bli sisådär 400 px

Exempelsida: http://www.it.hik.se/handledning/

SV: CSS styra spaltbredd

Postat: 19 feb 2008, 22:43
av maths57
Det hänger ju lite grann på storleken på texten också. Men jag testade det här och fick runt 70 tecken per rad.

width: 450px;
font-size: 12px;

SV: CSS styra spaltbredd

Postat: 20 feb 2008, 18:28
av jan
vad jag förstår så bör inte px användas, http://www.webdesignskolan.com/css/css.htm#enheter

SV: CSS styra spaltbredd

Postat: 24 feb 2008, 11:37
av maths57
jan skrev: vad jag förstår så bör inte px användas, http://www.webdesignskolan.com/css/css.htm#enheter
Det beror nog på. Enheten pixlar är en fast storlek. Vill man att sidan ska skala efter webbläsarfönstrets storlek är det ingen bra lösning. Då kanske man ska använda procent eller em. Men i det här fallet verkade det som om bredden skulle vara fast och då borde pixlar duga.

SV: CSS styra spaltbredd

Postat: 24 feb 2008, 11:47
av Ulsak
Jag lärde mig apmycket webdesign på Web Developers Virtual Library http://www.wdvl.com