/ Forside / Teknologi / Udvikling / HTML / Nyhedsindlæg
Login
Glemt dit kodeord?
Brugernavn

Kodeord


Reklame
Top 10 brugere
HTML
#NavnPoint
molokyle 11184
Klaudi 5506
bentjuul 3377
severino 2040
smorch 1950
strarup 1525
natmaden 1396
scootergr.. 1320
e.c 1150
10  miritdk 1110
Sideformatering med css - lister
Fra : Erik Olsen


Dato : 03-04-05 11:22

Jeg har tidligere anvendt tabeller til formatering af mine sider, men er
nu begyndt at udforske mulighederne i css.

En stor del af mine sider er større artikler som på skærmen ikke er
specielt læsevenlige og derfor skal kunne skrives ud. Jeg foretrækker at
skærmlayout og udskrivningslayout er så ens som det er praktisk muligt,
så er det nemmest for mig at tilpasse layoutet under hensyntagen til
papirformat og sideskift.

Et eksempel som er formateret med tabeller, ses på
http://www.modelbaneteknik.dk/p45/p45-2.htm.

Bredden sætter jeg til normalt til 630px, det er forholdsvis let i de
fleste elementer som p og hr ved at benytte width. Titler og
overskrifter er normalt så korte at de ikke skal ombrydes.

Men med lister har jeg problemer. Hvis jeg sætter width i ul, forsvinder
tegnene foran listeelementerne, og hvis jeg sætter width i li flyttes
tegnene foran listeelementerne ned i anden linje, de skal naturligvis
stå foran første linje.

Jeg har kun kunnet få det til at virke ved at benytte div.class og der
sætte width, men den metode bevirker at der kommer et ekstra uønsket
linjeskift mellem listen og det efterfølgende afsnit, og den virker ikke
elegant. Et eksempel kan ses på
http://www.modelbaneteknik.dk/model/test2.htm.

Har I bedre løsninger?

--
Venlig hilsen
Erik Olsen
http://www.modelbaneteknik.dk/



 
 
Knud Gert Ellentoft (03-04-2005)
Kommentar
Fra : Knud Gert Ellentoft


Dato : 03-04-05 13:16

Erik Olsen skrev:

>Jeg har kun kunnet få det til at virke ved at benytte div.class og der
>sætte width, men den metode bevirker at der kommer et ekstra uønsket
>linjeskift mellem listen og det efterfølgende afsnit, og den virker ikke
>elegant. Et eksempel kan ses på
>http://www.modelbaneteknik.dk/model/test2.htm.

Sæt margin-bottom: 0 i css til <div>.

Evt. også/eller margin-top: 0
--
Knud
Topposter du svar, så ryger du på min ignoreringsliste.
Svar under det du citerer og citer kun det du svarer på - tak.
http://usenet.dk/netikette/citatteknik.html

Erik Olsen (03-04-2005)
Kommentar
Fra : Erik Olsen


Dato : 03-04-05 13:32

Knud Gert Ellentoft wrote:
> Erik Olsen skrev:
>
>> Jeg har kun kunnet få det til at virke ved at benytte div.class og
>> der sætte width, men den metode bevirker at der kommer et ekstra
>> uønsket linjeskift mellem listen og det efterfølgende afsnit, og den
>> virker ikke elegant. Et eksempel kan ses på
>> http://www.modelbaneteknik.dk/model/test2.htm.
>
> Sæt margin-bottom: 0 i css til <div>.
>
> Evt. også/eller margin-top: 0

Jeg har sat begge til 0 og uploadet ændringen. Det ser ikke ud til at
have indflydelse.

--
Venlig hilsen
Erik Olsen
http://www.modelbaneteknik.dk/



Erik Olsen (03-04-2005)
Kommentar
Fra : Erik Olsen


Dato : 03-04-05 15:03

Erik Olsen wrote:
> Knud Gert Ellentoft wrote:
>> Erik Olsen skrev:
>>
>>> Jeg har kun kunnet få det til at virke ved at benytte div.class og
>>> der sætte width, men den metode bevirker at der kommer et ekstra
>>> uønsket linjeskift mellem listen og det efterfølgende afsnit, og den
>>> virker ikke elegant. Et eksempel kan ses på
>>> http://www.modelbaneteknik.dk/model/test2.htm.
>>
>> Sæt margin-bottom: 0 i css til <div>.
>>
>> Evt. også/eller margin-top: 0
>
> Jeg har sat begge til 0 og uploadet ændringen. Det ser ikke ud til at
> have indflydelse.

Til gengæld giver det den ønskede virkning at sætte margin-bottom til 0
for <ul>.

Tak for ledetråden; men er der ingen elegantere løsning?

--
Venlig hilsen
Erik Olsen
http://www.modelbaneteknik.dk/



Knud Gert Ellentoft (03-04-2005)
Kommentar
Fra : Knud Gert Ellentoft


Dato : 03-04-05 15:34

Erik Olsen skrev:

>Til gengæld giver det den ønskede virkning at sætte margin-bottom til 0
>for <ul>.

OK - jeg havde ikke tjekket præcist, hvor problemet var.

>Tak for ledetråden; men er der ingen elegantere løsning?

Ikke, hvis du vil undgå det ekstra linjeskift, der kommer med et
blockelement.

Du kan evt. bruge display: inline i stedet for og så selv lave
linjeskift med <br>.
--
Knud
Topposter du svar, så ryger du på min ignoreringsliste.
Svar under det du citerer og citer kun det du svarer på - tak.
http://usenet.dk/netikette/citatteknik.html

Søg
Reklame
Statistik
Spørgsmål : 177552
Tips : 31968
Nyheder : 719565
Indlæg : 6408849
Brugere : 218887

Månedens bedste
Årets bedste
Sidste års bedste