/ 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
Indrykning af tekst
Fra : Tabita Enig


Dato : 20-11-02 10:26

Jeg skal have skrevet et program, som skal se ud på følgende måde:

Januar
13. Opstart
20. Halløj i Klosteret

Februar
9. Et eller andet

Hvordan er koden for diverse indryk?

Hilsen Tabita




 
 
Andreas Haugstrup Pe~ (20-11-2002)
Kommentar
Fra : Andreas Haugstrup Pe~


Dato : 20-11-02 10:40

"Tabita Enig" <tabitae@stofanet.dk> wrote in news:3ddb5550$0$6099
$ba624c82@nntp02.dk.telia.net:

> Jeg skal have skrevet et program, som skal se ud på følgende måde:
>
> Januar
> 13. Opstart
> 20. Halløj i Klosteret

<h2>Januar</h2>
<ul>
   <li>13. Opstart</li>
   <li>20. Halløj i Klosteret</li>
</ul>

Og noget til dit stylesheet:

ul {
   list-style:none;
   margin:0;
   padding:0;
}
ul li {
   padding-left:1em;
}

Så skulle den være i orden.
--
Andreas
<http://www.solitude.dk>

Jens Gyldenkærne Cla~ (20-11-2002)
Kommentar
Fra : Jens Gyldenkærne Cla~


Dato : 20-11-02 11:13

Andreas Haugstrup Pedersen skrev:


> ul {
> list-style:none;
> margin:0;
> padding:0;
> }
> ul li {
> padding-left:1em;
> }
>
> Så skulle den være i orden.

Ikke helt. Man vil normalt højrestille nummerkolonnen (se det
oprindelige indlægs tredje punkt) - og det sker ikke med
ovenstående kode.

Hvis man vil have det med skal nummeret og teksten placeres i hver
deres element. Det kan gøres med en tabel, men den "rigtige" måde
er nok ved at benytte en kombination af li og div.

En tabelløsning kan ses her:
<http://damu.dk/jc/usenet/indryk.html>. Jeg vil gerne se en
"politisk korrekt" løsning af samme (uden tabel).
--
Jens Gyldenkærne Clausen
Svar venligst under det du citerer, og citer kun det der er
nødvendigt for at forstå dit svar i sammenhængen. Se hvorfor og
hvordan på http://usenet.dk/netikette/citatteknik.html

Andreas Haugstrup Pe~ (20-11-2002)
Kommentar
Fra : Andreas Haugstrup Pe~


Dato : 20-11-02 12:18

Jens Gyldenkærne Clausen <jens@gyros.invalid> wrote in
news:Xns92CC72090AED0jcdmfdk@gyrosmod.dtext.news.tele.dk:

> Ikke helt. Man vil normalt højrestille nummerkolonnen (se det
> oprindelige indlægs tredje punkt) - og det sker ikke med
> ovenstående kode.

Det havde jeg ikke tænkt over.

> Hvis man vil have det med skal nummeret og teksten placeres i hver
> deres element. Det kan gøres med en tabel, men den "rigtige" måde
> er nok ved at benytte en kombination af li og div.

En tabel er sådan set okay at bruge til noget som det her. Men hvis der kun
er tre posteringer på måned syntes jeg måske det er lidt overkill at hive
tabellerne frem

--
Andreas
<http://www.solitude.dk>

Jens Gyldenkærne Cla~ (20-11-2002)
Kommentar
Fra : Jens Gyldenkærne Cla~


Dato : 20-11-02 12:34

Andreas Haugstrup Pedersen skrev:

> En tabel er sådan set okay at bruge til noget som det her. Men
> hvis der kun er tre posteringer på måned syntes jeg måske det
> er lidt overkill at hive tabellerne frem

Tja. Det tog mig to minutter at lave tabeleksemplet:
<http://damu.dk/jc/usenet/indryk.html> -som virker i alle
almindelige browsere.

Jeg har brugt noget længere tid på at fifle med
<http://damu.dk/jc/usenet/indryk2.html>, som indtil videre kun ser
hæderlig ud i Mozilla.
--
Jens Gyldenkærne Clausen
Svar venligst under det du citerer, og citer kun det der er
nødvendigt for at forstå dit svar i sammenhængen. Se hvorfor og
hvordan på http://usenet.dk/netikette/citatteknik.html

Hintzmann (20-11-2002)
Kommentar
Fra : Hintzmann


Dato : 20-11-02 13:19

"Jens Gyldenkærne Clausen" <jens@gyros.invalid> wrote in message
news:Xns92CC7FC2488jcdmfdk@gyrosmod.dtext.news.tele.dk...
> Andreas Haugstrup Pedersen skrev:
>
> Jeg har brugt noget længere tid på at fifle med
> <http://damu.dk/jc/usenet/indryk2.html>, som indtil videre kun ser
> hæderlig ud i Mozilla.

Jeg pyntede lidt på dit eksempel så det også virker i Opera og MSIE
http://users.cybercity.dk/~dsl58854/testcenter/css/list/list.html

Hintzmann



Jens Gyldenkærne Cla~ (20-11-2002)
Kommentar
Fra : Jens Gyldenkærne Cla~


Dato : 20-11-02 13:25

Hintzmann skrev:

> Jeg pyntede lidt på dit eksempel så det også virker i Opera og
> MSIE
> http://users.cybercity.dk/~dsl58854/testcenter/css/list/list.ht
> ml

Fornemt.
--
Jens Gyldenkærne Clausen
Svar venligst under det du citerer, og citer kun det der er
nødvendigt for at forstå dit svar i sammenhængen. Se hvorfor og
hvordan på http://usenet.dk/netikette/citatteknik.html

Knud Gert Ellentoft (20-11-2002)
Kommentar
Fra : Knud Gert Ellentoft


Dato : 20-11-02 10:47

"Tabita Enig" <tabitae@stofanet.dk> skrev :

>Jeg skal have skrevet et program, som skal se ud på følgende måde:

Øhh - et program?
Er det ikke på en hjemmeside, du skal bruge det.

>Januar
> 13. Opstart
> 20. Halløj i Klosteret

<p>Januar<br>
<span style="margin-left: 15px">13. Opstart<br></span>
<span style="margin-left: 15px">20. Halløj i Klosteret</span></p>
--
Knud - http://home13.inet.tele.dk/smedpark/
Når der svares på et indlæg, svar venligst under det citerede og
skær venligst det væk, du ikke svarer på, ellers ryger du i killfiltret.
Svar kun i nyhedsgruppen - tak! E-mails besvares ikke.

Lasse Reichstein Nie~ (20-11-2002)
Kommentar
Fra : Lasse Reichstein Nie~


Dato : 20-11-02 11:27

"Tabita Enig" <tabitae@stofanet.dk> writes:

> Jeg skal have skrevet et program, som skal se ud på følgende måde:
>
> Januar
> 13. Opstart
> 20. Halløj i Klosteret
>
> Februar
> 9. Et eller andet
>
> Hvordan er koden for diverse indryk?

Hvis det er vigtigt at 20 og 9 står pænt under hindanden, med samme
højrekant, så ville en nummereret liste nok være det bedste.
Eks.:
---
<h2>Januar</h2>
<ol>
<li value="13">Opstart</li>
<li value="20">Halløj i Klosteret</li>
</ol>
<h2>Februar</h2>
<ol>
<li value="9">Et eller andet</li>
</ol>
---
Value-attributten er dog deprecated, så man skal bruge html 4.01
Transitional som Doctype for at det er lovligt, og ikke 4.01 Strict.

Jeg kunne ikke lige få det til at virker med CSS.

/L
--
Lasse Reichstein Nielsen - lrn@hotpop.com
'Faith without judgement merely degrades the spirit divine.'

Jens Gyldenkærne Cla~ (20-11-2002)
Kommentar
Fra : Jens Gyldenkærne Cla~


Dato : 20-11-02 12:29

Lasse Reichstein Nielsen skrev:

> Hvis det er vigtigt at 20 og 9 står pænt under hindanden, med
> samme højrekant, så ville en nummereret liste nok være det
> bedste.

> Value-attributten er dog deprecated, så man skal bruge html
> 4.01 Transitional som Doctype for at det er lovligt, og ikke
> 4.01 Strict.

Det strider vel også lidt mod brugen af ol. ol-value bør angive en
placering i en ordnet liste, det er ikke tilfældet her.

> Jeg kunne ikke lige få det til at virker med CSS.

Man kunne måske lave noget med visibility: hidden -hvor man lægger
28-31 li-er ind for hver måned og så kun synliggør dem man skal
bruge. Det er dog ikke helt ligetil. Jeg har lavet et forsøg her:
<http://damu.dk/jc/usenet/indryk2.html>. I Mozilla ser det fint ud,
men hverken Opera 7 eller IE 6 viser siden korrekt.
--
Jens Gyldenkærne Clausen
Svar venligst under det du citerer, og citer kun det der er
nødvendigt for at forstå dit svar i sammenhængen. Se hvorfor og
hvordan på http://usenet.dk/netikette/citatteknik.html

Lasse Reichstein Nie~ (20-11-2002)
Kommentar
Fra : Lasse Reichstein Nie~


Dato : 20-11-02 13:09

Jens Gyldenkærne Clausen <jens@gyros.invalid> writes:

> Det strider vel også lidt mod brugen af ol. ol-value bør angive en
> placering i en ordnet liste, det er ikke tilfældet her.

Det er rigtigt, man burde nok bruge en description-list istedet.
Det er blot svært at få datoerne til at stå på samme linje som
beskrivelsen. En løsning kunne være:
--
<h2>Januar</h2>
<dl>
<dt>19.</dt><dd>Opstart</dd>
<dt>24.</dt><dd>Halløj i Klosteret</dd>
</dl>
<h2>Februar</h2>
<dl>
<dt>9.</dt><dd>Et eller andet</dd>
</dl>
---
med style
---
dt {width:3em;text-align:right;float:left;margin-right:1em;}
---

> Man kunne måske lave noget med visibility: hidden -hvor man lægger
> 28-31 li-er ind for hver måned

Man skulle kunne lave større increments end +1 per gang counteren
er brugt, men jeg kunne ikke få det til at virke rigtigt i nogen
browser. Måske brugte jeg det forkerte navn på counteren ...

Alt i alt synes jeg ikke tabeller er forkerte. Det er information der
er ordent i række og kolonne, med en logisk sammenhæng mellem rækker
og kolonner. Man skal blot sætte en fast bredde på dato-søjlen for at
få datoerne til at stå under hinanden mellem månederne også.

/L
--
Lasse Reichstein Nielsen - lrn@hotpop.com
'Faith without judgement merely degrades the spirit divine.'

Søg
Reklame
Statistik
Spørgsmål : 177560
Tips : 31968
Nyheder : 719565
Indlæg : 6408946
Brugere : 218888

Månedens bedste
Årets bedste
Sidste års bedste