Re: wrap med indryk

[Erik Ginnerskov]

"Jens" <jens.r.ra...@gmail.com> skrev i meddelelsen
news:25037e04-c955-4bbc...@googlegroups.com...
Hej

> Dette er m�ske ikke et asp-relateret sp�rgsm�l, men jeg h�ber alligevel
> p� en respons.

> I en stor tabel har jeg rigtigt mange r�kker Tabellens kanter er usynlige,
> s� man ser blot en lang r�kke linjer med 5 celler i hver.

> N�r nu et indhold i en celle bliver for stort wrapper browseren fint
> indholdet.
> Men jeg s� gerne at den wrappede linje startede fx 3 karakterer l�ngere
> inde end f�rste linje.

> Alts� noget i stil med

> Dette er et eksempel p� et langt
> celleindhold som er wrappet
> efter ordet langt og wrappet.
> Dette er s� n�ste linje
> Her er tredje linje
> Og her kommer s� igen en lang
> linje 4, der er wrappet.

Du har ret, det er ikke et asp-sp�rgsm�l. Det er et css-sp�rgsm�l, som bedst
besvares i news:dk.edb.internet.webdesign.html - s� jeg FUT'er over til den
gruppe og s� m� du l�se videre der.

[runeof...@hotmail.com]

On 29 Apr., 15:39, "Erik Ginnerskov" <erik.ginners...@live.dk> wrote:
> "Jens" <jens.r.rasmusse...@gmail.com> skrev i meddelelsennews:25037e04-c955-4bbc...@googlegroups.com...
> Hej
>
>
>
>
>
>
>
>
>
> > Dette er måske ikke et asp-relateret spørgsmål, men jeg håber alligevel
> > på en respons.
> > I en stor tabel har jeg rigtigt mange rækker Tabellens kanter er usynlige,
> > så man ser blot en lang række linjer med 5 celler i hver.
> > Når nu et indhold i en celle bliver for stort wrapper browseren fint
> > indholdet.
> > Men jeg så gerne at den wrappede linje startede fx 3 karakterer længere
> > inde end første linje.
> > Altså noget i stil med
> > Dette er et eksempel på et langt

> >    celleindhold som er wrappet
> >    efter ordet langt og wrappet.

> > Dette er så næste linje
> > Her er tredje linje
> > Og her kommer så igen en lang

> >    linje 4, der er wrappet.

Prøv med:

td p{ margin-left: 3em}
td p::first-line{text-indent: -3em}

Ikke testet.


MVH
Rune Jensen

[Jens R. Rasmussen]

Hej Rune
Tak for indsparket.
Jeg kan nu ikke få det til at virke - måske fordi jeg ikke 100% forstår det.
Jeg er gået ud fra, at det er css-kommandoer, og at der efter 3em skal sættes et semikolon.

Syntaksen "td p" forstår jeg ikke - men validatoren accepterer det. Det er i en <td> ..</td> at jeg gerne vil have forskel på 1. og de øvrige linjer, som fremkommer pga. wrap, når browserbilledet er lille. Jeg forstår td{... og jeg forstår p{... men hvad betyder td p{...?

Tilsvarende forstår jeg :first-line men hvad betyder ::first-line?

mvh.
Jens

[Erik Ginnerskov]

"Jens R. Rasmussen" <jens.r.ra...@gmail.com> skrev i meddelelsen
news:b861c600-511e-4be3...@googlegroups.com...

Hej Rune
Tak for indsparket.

Jeg kan nu ikke f� det til at virke - m�ske fordi jeg ikke 100% forst�r det.
Jeg er g�et ud fra, at det er css-kommandoer, og at der efter 3em skal
s�ttes et semikolon.

> Syntaksen "td p" forst�r jeg ikke - men validatoren accepterer det.

Det betyder: en <p> i en <td>

> Tilsvarende forst�r jeg :first-line men hvad betyder ::first-line?

Det m� v�re en smutter fra Runes side. Der skal kun et enkelt kolon til for
at pege p� f�rste linje i det <p>, der st�r i en <td>.

http://hjemmesideskolen.dk/html/testsider/firsn.php

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

[runeof...@hotmail.com]

On 12 Maj, 20:50, "Jens R. Rasmussen" <jens.r.rasmusse...@gmail.com>
wrote:

> Jeg kan nu ikke få det til at virke - måske fordi jeg ikke 100% forstår det.

Prøv at give link til din side, så kan andre også komme med bud på
løsninger.

Meningen med den kode, jeg gav er, at man først sætter en venstre-
margin på 3em på alle <p>, sådan at de rykkes 3em til højre fra kant.

Dernæst, så rykkes alle de første linjer i en <p> 3em bagud med
negativ text-indent (tekst-indrykning), sådan at der kommer en
"hængende" første linje.

Det virker så tilsyneladende ikke, men ideen er nu god nok. Måske skal
man bare bruge padding i stedet for margin.

Ellers, skriv her hvis du stadig er interesseret i en løsning, og evt.
send et link til din side også.


MVH
Rune Jensen

[Karl Erik Christensen]

Den 15-05-2013 19:35, runeof...@hotmail.com skrev:
> Meningen med den kode, jeg gav er, at man f�rst s�tter en venstre-
> margin p� 3em p� alle <p>, s�dan at de rykkes 3em til h�jre fra kant.
>
> Dern�st, s� rykkes alle de f�rste linjer i en <p> 3em bagud med
> negativ text-indent (tekst-indrykning), s�dan at der kommer en
> "h�ngende" f�rste linje.

Jeg mener ikke at text-indent kan bruges p� :first-line.

Der i mod, hvis man gider "fifle" lidt med kodningen, og man kan
acceptere f�rste s�tning, i stedet for f�rste linje, kan dette v�re en
l�sning:

.special p.first-saetning {
margin-left: 0;
margin-bottom: 0;
}
.special p {
margin-left: 5em;
margin-top: 0;
}

omkranset af en <div class="special">, s� det ikke g�lder udenfor denne
class.

Karl Erik.

--
http://dmwebdesign.dk/karlerik/

[Erik Ginnerskov]

"Karl Erik Christensen" <no...@none.invalid> skrev i meddelelsen
news:5193d0fd$0$32115$1472...@news.sunsite.dk...

> Jeg mener ikke at text-indent kan bruges p� :first-line.

Jo da. Det kan godt bruges:

http://hjemmesideskolen.dk/css/egenskaber/indent.php

[Bertel Lund Hansen]

Erik Ginnerskov skrev:

>> Jeg mener ikke at text-indent kan bruges p� :first-line.

> Jo da. Det kan godt bruges:

Du skal lige rette "indr�kning" p� den side.

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

[Karl Erik Christensen]

Den 16-05-2013 22:07, Erik Ginnerskov skrev:
>
> "Karl Erik Christensen" <no...@none.invalid> skrev i meddelelsen
> news:5193d0fd$0$32115$1472...@news.sunsite.dk...
>
>> Jeg mener ikke at text-indent kan bruges p� :first-line.
>
> Jo da. Det kan godt bruges:
>
> http://hjemmesideskolen.dk/css/egenskaber/indent.php
>

Du bruger text-indent p� p - ikke p� pseudo-elementet :first-line.

p:first-line {
text-indent: 3em;
}

fungerer ikke.

[Karl Erik Christensen]

Men:

p:first-line
{
background-color:yellow;
color: red;
}

fungerer.

[runeof...@hotmail.com]

On 17 Maj, 00:25, Karl Erik Christensen <n...@none.invalid> wrote:
> Den 16-05-2013 22:07, Erik Ginnerskov skrev:
>
>
>

> > "Karl Erik Christensen" <n...@none.invalid> skrev i meddelelsen
> >news:5193d0fd$0$32115$1472...@news.sunsite.dk...
>
> >> Jeg mener ikke at text-indent kan bruges på :first-line.

>
> > Jo da. Det kan godt bruges:
>
> >http://hjemmesideskolen.dk/css/egenskaber/indent.php
>

> Du bruger text-indent på p - ikke på pseudo-elementet :first-line.

>
> p:first-line {
>         text-indent: 3em;
>
> }
>
> fungerer ikke.

Du har da ret. text-indent på first-line er dobbelttydigt, fordi text-
indent i sig selv kun påvirker første linje. Så first-line bliver
redundant.

Bare nøjes med at bruge negativ text-indent på <p>, så burde det vel
virke?


MVH
Rune Jensen

[Karl Erik Christensen]

Den 17-05-2013 16:16, runeof...@hotmail.com skrev:
> Du har da ret. text-indent p� first-line er dobbelttydigt, fordi text-
> indent i sig selv kun p�virker f�rste linje. S� first-line bliver
> redundant.
>
> Bare n�jes med at bruge negativ text-indent p� <p>, s� burde det vel
> virke?
>
>
> MVH
> Rune Jensen

Min gode ven Rune - det var jo fordi du skrev:
"td p::first-line{text-indent: -3em}".

Da Erik skrev, at han ikke kunne f� det til at fungere, m�tte jeg jo
pr�ve det :-)

[Erik Ginnerskov]

Bertel Lund Hansen wrote:

> Du skal lige rette "indr�kning" p� den side.

S�f�lsom. Er sket.