---

Hej alle

Jeg har just lavet en ny side til Fidusos site. Det er en
gengivelse af en avisartikel (med tilladelse), og jeg prøver at
få opsætningen til at ligge så tæt på originalen som muligt.

   http://fiduso.dk/i_medierne/jyllandsposten_20080605.htm

I avisen indledes den med et udråbstegn der strækker sig over to
linjer. Jeg prøvede med pseudoklassen first-letter - men den slår
udråbstegnet og det første egentlige bogstav sammen. Det dur slet
ikke.

P.t. har jeg en hurtig 'løsning', men den flytter jo den første
linje ned.

Er der andet at gøre end at operere med bokse der floates? Kan en
boks flyde rundt om en anden, eller kan den kun flyde rundt om et
billede?

PS. Det er tabeldesign, men det ønsker jeg ikke at diskutere.

--
Bertel
http://bertel.lundhansen.dk/         FIDUSO: http://fiduso.dk/

---

Bertel Lund Hansen wrote:

> I avisen indledes den med et udråbstegn der strækker sig over to
> linjer. Jeg prøvede med pseudoklassen first-letter - men den slår
> udråbstegnet og det første egentlige bogstav sammen. Det dur slet
> ikke.

Kan du finde løsmingen nederst på denne side:
http://hjemmesideskolen.dk/html/testsider/first.asp ?

--
Med venlig hilsen
Erik Ginnerskov
http://hjemmesideskolen.dk - http://ginnerskov.dk
http://vestfynswebdesign.dk - http://html-faq.dk

---

Erik Ginnerskov skrev:

> Kan du finde løsmingen nederst på denne side:

Det kan jeg måske, men den skal ændres ret meget. Jeg kan slet
ikke bruge first-letter fordi den indstilling medtager *to* tegn,
både ! og E.

--
Bertel
http://bertel.lundhansen.dk/         FIDUSO: http://fiduso.dk/

---

Bertel Lund Hansen wrote:

> Det kan jeg måske, men den skal ændres ret meget. Jeg kan slet
> ikke bruge first-letter fordi den indstilling medtager *to* tegn,
> både ! og E.

Ikke så meget. Problemet er tilsyneladende, at :first-letter ikke tager et !
for et bogstav. Men her her jeg fået det til at fungere som du vil:

http://hjemmesideskolen.dk/html/testsider/first2.asp

--
Med venlig hilsen
Erik Ginnerskov
http://hjemmesideskolen.dk - http://ginnerskov.dk
http://vestfynswebdesign.dk - http://html-faq.dk

---

Erik Ginnerskov skrev:

> Ikke så meget. Problemet er tilsyneladende, at :first-letter ikke tager et !
> for et bogstav. Men her her jeg fået det til at fungere som du vil:

Ja, da jeg havde sovet på det, opdagede jeg at det også er den
løsning jeg havde fået implementeret under mine eksperimenter.

--
Bertel
http://bertel.lundhansen.dk/         FIDUSO: http://fiduso.dk/

---

Bertel Lund Hansen skrev:
> Hej alle
>
> Jeg har just lavet en ny side til Fidusos site. Det er en
> gengivelse af en avisartikel (med tilladelse), og jeg prøver at
> få opsætningen til at ligge så tæt på originalen som muligt.
>
>    http://fiduso.dk/i_medierne/jyllandsposten_20080605.htm
>
> I avisen indledes den med et udråbstegn der strækker sig over to
> linjer. Jeg prøvede med pseudoklassen first-letter - men den slår
> udråbstegnet og det første egentlige bogstav sammen. Det dur slet
> ikke.
>
> P.t. har jeg en hurtig 'løsning', men den flytter jo den første
> linje ned.

Det skal laves som float i first-letter, så kommer det til at strække
sig over to linjer. Hvis det er et problem, at den tager flere bogstaver
i :first-letter (har jeg dog ikke vlæret ude for), kan du få brug for
:before :after og :content. Virker ikke i IE6, men skulle vidst virke i IE7?

Man burde kunne sige, at ordet efter ! skal være på én linje, float:none
eller lign.

http://www.w3.org/TR/CSS21/selector.html#first-letter

W3C's forklaring til first-letter indeholder lidt mere kode (en <span>)
end jeg ville finde nødvendigt.

Forklaringen til :before og :after er længere nede på siden.


MVH
Rune Jensen

---

Rune Jensen skrev:

> Man burde kunne sige, at ordet efter ! skal være på én linje, float:none
> eller lign.

Det tror jeg så ikke, man kan. Jeg lavede lige en test, kunne ikke få
det til at virke..

Iøvrigt, så er det en del af standarden, at visse tegn tæller med som
first-letter. Det gælder ! men også " f.eks.

Så jeg kan heller ikke se andet end en DIV eller en span rundt om
udråbstegnet?


MVH
Rune Jensen

---

Rune Jensen skrev:

> Iøvrigt, så er det en del af standarden, at visse tegn tæller med som
> first-letter. Det gælder ! men også " f.eks.

Så burde de have lavet first-char også. Det andet er ikke altid
nyttigt.

--
Bertel
http://bertel.lundhansen.dk/         FIDUSO: http://fiduso.dk/

---

Bertel Lund Hansen skrev:
> Rune Jensen skrev:
>
>> Iøvrigt, så er det en del af standarden, at visse tegn tæller med som
>> first-letter. Det gælder ! men også " f.eks.
>
> Så burde de have lavet first-char også. Det andet er ikke altid
> nyttigt.

Tjah. Det sjove er, så vidt jeg kan se, at man kan indsætte et " før det
første bogstav, og det vel kan styles som man vil. Det skal så siges -
nu jeg lige tænker over det - at det ikke vil optræde i den rå HTML,
hvorfor det (måske) ikke vil give mening for en skærmlæser, og i hvert
fald ikke i en ren text-browser (her er det så også tagget, som giver
mening, så metoden ville under alle omstændigheder nok være logisk
forkert med et udråbstegn, som jo ikke hører til en p).


MVH
Rune Jensen

---

Bertel Lund Hansen skrev:

> I avisen indledes den med et udråbstegn der strækker sig over to
> linjer. Jeg prøvede med pseudoklassen first-letter - men den slår
> udråbstegnet og det første egentlige bogstav sammen. Det dur slet
> ikke.

Rent gæt, jeg har ikke prøvet:
<p>!<span class=usynlig">i</span>Her kommer teksten</p>

..usynlig { display:none; }

--
Mvh. Kim Ludvigsen
http://pc-sikkerhed.dk

---

Kim Ludvigsen skrev:

> Rent gæt, jeg har ikke prøvet:
> <p>!<span class=usynlig">i</span>Her kommer teksten</p>

Umiddelbart virker det som du havde tænkt, men da jeg satte
float-left på first-letter, dukkede det skjulte bogstav op igen
som en trold af en æske.

Derefter brugte jeg Runes fif - som ikke dur i sin grundform:
Anførselstegnet er synligt - men jeg indsatte et hårdt mellemrum,
og så kom jeg tæt på det ønskede som I nu kan se via linket.

   http://fiduso.dk/i_medierne/jyllandsposten_20080605.htm

[Lidt senere]

Og nu virker det uden et ekstra tegn? Det forstår jeg ikke. Ser I
andre det samme?

--
Bertel
http://bertel.lundhansen.dk/         FIDUSO: http://fiduso.dk/

---

Bertel Lund Hansen <unospamo@lundhansen.dk> skrev :

>    http://fiduso.dk/i_medierne/jyllandsposten_20080605.htm

Du har jo skrevet, at jeg er røget i hullet hos dig, men bør den
(ihvertfald) ene sprogfejl, der er, ikke rettes?

Den er meget iøjenfaldende.
--
Kerim

---

Kerim Ellentoft skrev:
> Bertel Lund Hansen <unospamo@lundhansen.dk> skrev :
>
>>    http://fiduso.dk/i_medierne/jyllandsposten_20080605.htm

Det virker i min Firefox, men kønt er det ikke. Jeg vil
foreslå lidt luft mellem udråbstegnet og teksten. Det vil
også være pænere med lidt venstre-padding på Har de
spørgsmål-boksen.

> Du har jo skrevet, at jeg er røget i hullet hos dig, men bør den
> (ihvertfald) ene sprogfejl, der er, ikke rettes?
>
> Den er meget iøjenfaldende.

Nu har jeg ganske vist kun skimmet teksten, men jeg kan ikke
finde den.

--
Mvh. Kim Ludvigsen
http://pc-sikkerhed.dk

---

Kim Ludvigsen skrev:

> Det virker i min Firefox, men kønt er det ikke. Jeg vil
> foreslå lidt luft mellem udråbstegnet og teksten.

Det kikker jeg på.

> Det vil også være pænere med lidt venstre-padding på Har de
> spørgsmål-boksen.

Ja - men den er magen til originalen bortset fra farvens nuance.

> Nu har jeg ganske vist kun skimmet teksten, men jeg kan ikke
> finde den.

Der er en fejl, men den findes også i originalartiklen. Jeg var i
syv sind med hensyn til om den skulle blive stående, for der var
ikke en kat der ville opdage om jeg rettede den. Men jeg lod den
stå, vel vidende at jeg af og til vil få en notits om den.

Der står:

   Deri kunne han havde ret,

--
Bertel
http://bertel.lundhansen.dk/         FIDUSO: http://fiduso.dk/

---

Bertel Lund Hansen wrote:
> Der er en fejl, men den findes også i originalartiklen. Jeg var i
> syv sind med hensyn til om den skulle blive stående, for der var
> ikke en kat der ville opdage om jeg rettede den. Men jeg lod den
> stå, vel vidende at jeg af og til vil få en notits om den.

Der er en lille fejl i den gule boks, som vist ikke findes i
originalartiklen. 'de' skal rettes til 'De'.

--
Med venlig hilsen
Lisbet

---

Lisbet Laursen skrev:

> Der er en lille fejl i den gule boks, som vist ikke findes i
> originalartiklen. 'de' skal rettes til 'De'.

Tak.

--
Bertel
http://bertel.lundhansen.dk/         FIDUSO: http://fiduso.dk/

---

Bertel Lund Hansen skrev:
> Hej alle
>
> Jeg har just lavet en ny side til Fidusos site. Det er en
> gengivelse af en avisartikel (med tilladelse), og jeg prøver at
> få opsætningen til at ligge så tæt på originalen som muligt.
>
>    http://fiduso.dk/i_medierne/jyllandsposten_20080605.htm
>
> I avisen indledes den med et udråbstegn der strækker sig over to
> linjer. Jeg prøvede med pseudoklassen first-letter - men den slår
> udråbstegnet og det første egentlige bogstav sammen. Det dur slet
> ikke.
>
> P.t. har jeg en hurtig 'løsning', men den flytter jo den første
> linje ned.
>
> Er der andet at gøre end at operere med bokse der floates? Kan en
> boks flyde rundt om en anden, eller kan den kun flyde rundt om et
> billede?

http://webdesign101.dk/cssbog/kildekode/figur2403a.html
og (mindre heldigt):
http://webdesign101.dk/cssbog/kildekode/figur2403b.html

Metoden er egentlig "ulovlig" , fordi den bruger float
uden bredde.
--
Med venlig hilsen
Jørgen Farum Jensen
Håndbog i webdesign: http://webdesign101.dk/wwwbog/udgave2/
Webdesign med stylesheets: http://webdesign101.dk/cssbog/

---

Jørgen Farum Jensen skrev:

> http://webdesign101.dk/cssbog/kildekode/figur2403a.html

Jeg havde problemer med at få :first-letter til at virke fordi
det gik ud over de første to tegn "!E", men pludselig virkede det
kun på udråbstegnet. Jeg aner ikke hvorfor det ændrede sig.

--
Bertel
http://bertel.lundhansen.dk/         FIDUSO: http://fiduso.dk/

---

Bertel Lund Hansen skrev:

> gengivelse af en avisartikel (med tilladelse), og
> jeg prøver at få opsætningen til at ligge så tæt på
> originalen som muligt.

Her ville det være rart at se et link til den originale

--
Allan Vebel
http://html-faq.dk
http://vebel.dk

---

Allan Vebel skrev:

> Her ville det være rart at se et link til den originale

   http://temp.lundhansen.dk/stavekontrol.jpg

--
Bertel
http://bertel.lundhansen.dk/         FIDUSO: http://fiduso.dk/

---

Bertel Lund Hansen skrev:

>> Her ville det være rart at se et link til den originale
>
> http://temp.lundhansen.dk/stavekontrol.jpg

Jeg troede bare at jeg kunne finde artiklen på http://jp.dk,
der står endda dato og det hele, men hverken søgning
på dato eller diverse søgeord fandt den.

--
Allan Vebel
http://html-faq.dk
http://vebel.dk

---

Allan Vebel skrev:

> Jeg troede bare at jeg kunne finde artiklen på http://jp.dk,

Ja, det forstod jeg godt.

> der står endda dato og det hele, men hverken søgning
> på dato eller diverse søgeord fandt den.

Artiklen findes i et tillæg, Kulturweekend. Det ligger måske ikke
online?

--
Bertel
http://bertel.lundhansen.dk/         FIDUSO: http://fiduso.dk/