Google Groups no longer supports new Usenet posts or subscriptions. Historical content remains viewable.
Dismiss

Kan man få en div til justere sig efter sit indhold ?

0 views
Skip to first unread message

Asger Joergensen

unread,
Mar 24, 2012, 7:04:09 AM3/24/12
to
Hejsa

Jeg er ved at finjustere mine mail svar fra webshoppen, og i den forbindelse
vil jeg gerne bestemme hvor linie skiftene kommer, men jeg vil også gerne
have at de længste linier fylder sidens bredde, sådan at det kommer til at
ligne et pænt brev, med logo og det hele.
Når jeg programmerer i windows ville jeg bare sætte WordWrap=false og
AutoSize=true, så ville mit vindue tilpasse sig teksten i stedet for
omvendt.

Har jeg en tilsvarende mulighed i scc ?

Jeg har leget lidt med width:auto; men det ser mere ud som width:100%;

På forhånd tak.
Venlig hilsen
Asger-P
http://Asger-P.dk
http://Asger-P.dk/software

Bertel Lund Hansen

unread,
Mar 24, 2012, 8:16:39 AM3/24/12
to
Asger Joergensen skrev:

> Har jeg en tilsvarende mulighed i scc ?

Den er automatisk. Giv din div en fast bredde, så flyder teksten
af sig selv. Hvis du angiver bredden i em, tilpasser den sig
skriftstørrelsen.

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

Rune Jensen

unread,
Mar 24, 2012, 8:49:28 AM3/24/12
to
On 24 Mar., 13:16, Bertel Lund Hansen <kanonsa...@lundhansen.dk>
wrote:
> Asger Joergensen skrev:
>
> > Har jeg en tilsvarende mulighed i scc ?
>
> Den er automatisk. Giv din div en fast bredde, så flyder teksten
> af sig selv. Hvis du angiver bredden i em, tilpasser den sig
> skriftstørrelsen.

Jeg bruger noget a la

div{
min-width:46em;
max-width: 51em;
}

Imellem 12 og 18 ord pr. linje er generelt mest læsbart.


MVH
Rune Jensen

Karl Erik Christensen

unread,
Mar 24, 2012, 9:52:35 AM3/24/12
to
On 24-03-2012 13:49, Rune Jensen wrote:
> Jeg bruger noget a la
>
> div{
> min-width:46em;
> max-width: 51em;
> }
>
> Imellem 12 og 18 ord pr. linje er generelt mest læsbart.
>

Jeg er ikke ude på at genere dig Rune, men plejer du ikke at være
fortaler for de svagt seende?
Hvad sker der hvis der skal zoomes til 20px?

Using a standard piece of text like “Lorem ipsum…” it seems that an
ideal line length in em‘s is about 30-35ems. This is expressed with the
rule:
width: 30em;(35em)

Kræver så at:
* {
font-size: 14px;
}

Og i din div:
font-size: 1em;

Er det i øvrigt ikke tilstrækkeligt at sætte max-width?
Hvorfor også min-width?

I øvrigt kan jeg forstå betingelsen:
"vil jeg gerne bestemme hvor linie skiftene kommer, men jeg vil også
gerne have at de længste linier fylder sidens bredde".

Det harmonerer ikke i mit hoved :-)

Karl Erik.

--
http://dmwebdesign.dk - DM i Webdesign
http://produceret-i.dk/ - Køb danske produkter
http://webdesign.ranunkelvej.com - Artikler om webdesign

Asger Joergensen

unread,
Mar 24, 2012, 9:57:12 AM3/24/12
to
Hej Bertel

Bertel Lund Hansen skrev:

> Asger Joergensen skrev:
>
> > Har jeg en tilsvarende mulighed i scc ?
>
> Den er automatisk. Giv din div en fast bredde, så flyder teksten
> af sig selv. Hvis du angiver bredden i em, tilpasser den sig
> skriftstørrelsen.

Det var bare ikke det jeg mente. Jeg beklager at det kunne misforstås.

Jeg prøver lige igen:
jeg har et logo i øverste højre hjørne (float:right;)

Så har jeg nogle tekst linier p'er i div'er nedenfor disse linier skal brydes
på bestemte steder fordi noget af teksten bliver indsat af web-shoppen afhængig
af produktet, altså ikke noget med automatisk word-wrap.

For nu at logoet skal blive positioneret så pænt som muligt så vil jeg gerne
have side div'en til at autosize sig selv således at bredden bliver så den
længste tekst linie lige nøjagtigt kan være der.

Håber det er mere klart.

Karl Erik Christensen

unread,
Mar 24, 2012, 9:58:43 AM3/24/12
to
On 24-03-2012 14:52, Karl Erik Christensen wrote:
> I øvrigt kan jeg forstå betingelsen:

I øvrigt kan jeg *ikke* forstå betingelsen: :-)

Og linket er:
http://www.maxdesign.com.au/articles/em/

Karl Erik Christensen

unread,
Mar 24, 2012, 10:03:30 AM3/24/12
to
On 24-03-2012 14:57, Asger Joergensen wrote:
> For nu at logoet skal blive positioneret så pænt som muligt så vil jeg gerne
> have side div'en til at autosize sig selv således at bredden bliver så den
> længste tekst linie lige nøjagtigt kan være der.
>

Så skal du nok over i f.eks. PHP og tælle bogstaver i en variabel, som
derefter bestemmer bredden af din div.

Karl Erik Christensen

unread,
Mar 24, 2012, 10:31:34 AM3/24/12
to
On 24-03-2012 15:03, Karl Erik Christensen wrote:
> On 24-03-2012 14:57, Asger Joergensen wrote:
>> For nu at logoet skal blive positioneret så pænt som muligt så vil jeg
>> gerne
>> have side div'en til at autosize sig selv således at bredden bliver så
>> den
>> længste tekst linie lige nøjagtigt kan være der.
>>
>
> Så skal du nok over i f.eks. PHP og tælle bogstaver i en variabel, som
> derefter bestemmer bredden af din div.
>
> Karl Erik.
>

Eller be om forladelse i din aftensbøn - og brug en tabel :-)

Birger Sørensen

unread,
Mar 24, 2012, 10:38:58 AM3/24/12
to
Asger Joergensen kom med denne ide:
Hvordan en HTML-mail ses, afhænger i meget høj grad af, hvilken
email-client der skal vise den. Og ret få af dem overholder standarder,
for ikke at tale om forstår dem. Så du skal holde dig til "helt
almindelig" HTML - hvis du får dem vist i en browser, noget der svarer
til quirks mode.
Email er tekst-baseret, og egentlig ikke beregnet til HTML. Og "vi" er
faktisk nogen, der ikke får email vist som andet end tekst. Så husk at
medsende en ren tekst-version...
Hvis der er tale om f.eks. fakturaer e.l., er det en bedre vej, at
lægge en HTML version online, eller sende den som vedhæftning - og
måske er pdf så i virkeligheden et bedre format, da der er bedre egnet
til udskrivning.

Birger

--
http://varmeretter.dk - billig, sund og hurtig mad
http://skippersevent.dk


Asger Joergensen

unread,
Mar 24, 2012, 11:38:10 AM3/24/12
to
Hej Karl

Karl Erik Christensen skrev:

> On 24-03-2012 15:03, Karl Erik Christensen wrote:
> > On 24-03-2012 14:57, Asger Joergensen wrote:
> > > For nu at logoet skal blive positioneret så pænt som muligt så vil jeg
> > > gerne
> > > have side div'en til at autosize sig selv således at bredden bliver så
> > > den
> > > længste tekst linie lige nøjagtigt kan være der.
> > >
> >
> > Så skal du nok over i f.eks. PHP og tælle bogstaver i en variabel, som
> > derefter bestemmer bredden af din div.
> >
> > Karl Erik.
> >
>
> Eller be om forladelse i din aftensbøn - og brug en tabel :-)

Så må jeg jo på knæ i aften, for det var jo lige det jeg ledte efter,
og så lige en <p style="white-space:nowrap;"> på den længste line der
ikke kan tåle at blive brudt og ingen width angivelser.
Så retter det hele ind automatisk, super.

Tak skal du ha.
Venlig hilsen
Asger-P
http://Asger-P.dk
http://Asger-P.dk/software

Rune Jensen

unread,
Mar 24, 2012, 12:20:37 PM3/24/12
to
On 24 Mar., 16:38, "Asger Joergensen" <J...@Asger-P.dk> wrote:

> Så må jeg jo på knæ i aften, for det var jo lige det jeg ledte efter,
> og så lige en <p style="white-space:nowrap;"> på den længste line der
> ikke kan tåle at blive brudt og ingen width angivelser.
> Så retter det hele ind automatisk, super.

Og så ka' det godt være, jeg spør' dumt, men findes der ikke
programmer specielt til design af nyhedsbreve, jeg mener, de behøver
jo ikke være standard, så der kan man vel nærmest FrontPage sig ud af
det?


MVH
Rune Jensen

Rune Jensen

unread,
Mar 24, 2012, 12:11:50 PM3/24/12
to
On 24 Mar., 14:52, Karl Erik Christensen <karle...@none.invalid>
wrote:

> Using a standard piece of text like “Lorem ipsum…” it seems that an
> ideal line length in em‘s is about 30-35ems. This is expressed with the
> rule:
> width: 30em;(35em)

Korrekt... Jeg havde medregnet marginer - tror jeg. Designet er bare
blevet standard efterhånden, så jeg tænker ikke så meget mere over
tallene.

Iøvrigt er en tommelfingerregel, at et afsnit skal være max 5 linjer.

> Er det i øvrigt ikke tilstrækkeligt at sætte max-width?
> Hvorfor også min-width?

Jo, egentlig, men man kan forestille sig, det er nemmere for brugeren,
hvis han ikke skal prøve sig frem til den bedste læsebredde. Max-min
ligger jo netop i anbefalede afstande.

Men ellers, så kommer der bare naturlige grænser, hvor det måske
heller ikke ser så pænt ud, det er smallere, f.eks. hvis et logo ryger
ned på næste linje, menuen bliver delt op osv. Så nogle gange kan en
min-width være pænere, end uden.

Jeg skal ikke kunne sige, om min-width er det rigtige hver gang, det
må man nok prøve sig frem med, hvad man synes, for hvert design.


MVH
Rune Jensen

Asger Joergensen

unread,
Mar 24, 2012, 2:27:47 PM3/24/12
to
Hej Rune

Rune Jensen skrev:
Det er ikke noget nyhedsbrev, det er et mailsvar fra web-shoppen med
registreringskoder og brugsanvisning, og så er jeg bundet af at
en del regler som findes i web-shoppen.
Men det virker nu, så jeg er glad.

Tak til alle.

Jørn Andersen

unread,
Mar 24, 2012, 9:18:40 PM3/24/12
to
On 24 Mar 2012 13:57:12 GMT, "Asger Joergensen" <Ju...@Asger-P.dk>
wrote:

>Jeg prøver lige igen:
>jeg har et logo i øverste højre hjørne (float:right;)

Inden du kommer alt for langt med "avanceret" CSS-layout, så undersøg
lige understøttelsen i forskellige mail-klienter - fx her:
<url: http://www.campaignmonitor.com/css/>

Som du kan se er det ikke kun gamle klienter, man skal tænke på.
Rigtigt mange bruger webmail - fx GMail - hvor der også ofte er
begrænset understøttelse.

Til positionering i HTML-mails er der vist kun én sikker metode:
tabeller. Og med inline CSS overalt.

Prøv at checke kildekoden i de HTML-mails, du får. Du vil se masser af
tabeller og inline CSS.

Like or not - men det er den eneste måde at være nogenlunde sikker på,
at de ser rimelige ud for de fleste.

Og husk endelig en tekst-version også.

Good luck,
Jørn

--
Jørn Andersen
http://socialister.dk
http://marxisme.dk

Rune Jensen

unread,
Mar 25, 2012, 2:11:33 AM3/25/12
to
On 24 Mar., 16:38, Birger Sørensen <s...@bbsorensen.com> wrote:

> Email er tekst-baseret, og egentlig ikke beregnet til HTML. Og "vi" er
> faktisk nogen, der ikke får email vist som andet end tekst. Så husk at
> medsende en ren tekst-version...

Problemet er jo, at HTML kan laves, så det dækker over noget andet,
særligt brugt i phishing. Det kan ren tekst ikke, og derfor er det
langt det sikreste.

Sæt din mail-klient til kun at forstå ren tekst, så spotter man
umiddelbart 80-90% af alle svindelforsøg, og der kan ikke stjæles
cookies den vej, eller udføres kode, man ikke vil have udført (på
Linux skal man så alligevel selv godkende udførelsen).

PDF ville være mit foretrukne format til standardmails, og jeg bruger
det selv, når noget skal kunne printes og arkiveres, som du skriver,
PDF er ret smart til fakturaer.


MVH
Rune Jensen

Asger Joergensen

unread,
Mar 25, 2012, 4:45:40 AM3/25/12
to
Hej Jørn

Jørn Andersen skrev:

> On 24 Mar 2012 13:57:12 GMT, "Asger Joergensen" <Ju...@Asger-P.dk>
> wrote:
>
> > Jeg prøver lige igen:
> > jeg har et logo i øverste højre hjørne (float:right;)

Den er så blevet ændret til en simpel align="right" nu da jeg bruger
et table i stedet, men eller så har jeg fået direktiver fra dem der
kører webshoppen:

Safe HTML Elements
p, div, span, img, a, table, tr, td, ul, ol, li, h1, h2, h3, h4, br

Safe HTML Attributes
All Elements: style=
a: href=
img: src=, width=, height=, alt=
table: cellpadding=, cellspacing=, width=, border=, background=
tr: align=, valign=
td: colspan=, align=, valign=, background=

Safe Inline CSS (style=) Properties
background-color: border: color: font-size: font-style:
font-variant: font-weight: letter-spacing: line-height:
list-style-type: padding: text-align: text-decoration:
text-indent: vertical-align: white-space: width:

Venlig hilsen
Asger-P
http://Asger-P.dk
http://Asger-P.dk/software

Karl Erik Christensen

unread,
Mar 25, 2012, 6:22:27 AM3/25/12
to
On 24-03-2012 15:03, Karl Erik Christensen wrote:
> Så skal du nok over i f.eks. PHP og tælle bogstaver i en variabel, som
> derefter bestemmer bredden af din div.
>
> Karl Erik.

Og det har jeg så leget lidt med:

<form action="" method="post">
<p>Tekst: <input type="text" name="streng" /></p>
<p><input type="submit" name="send" /></p>
</form>
<?php
if (isset($_POST["send"])) {
$w=imagefontwidth(3);
$b=strlen($_POST["streng"]);
$r=($w*$b);
echo '<div style="width:',$r,'px";>',$_POST["streng"],'</div>';
}
?>

Og det fungerer bare fint - bortset fra at jeg ikke forstår
"imagefontwidth(?)".
Hvad "laver" tallet?
Jeg kan jo godt se, at højremargin ændres - men hvorfor?

Du kan se mit eksempel, men desværre kommer der stadig "Advarsel om
farligt websted" - ignorer den hvis du tør :-)

Der er border om div'en, for synlighedens skyld.

http://webdesign.ranunkelvej.com/php/get_string.php

Karl Erik Christensen

unread,
Mar 25, 2012, 12:24:10 PM3/25/12
to
On 25-03-2012 12:22, Karl Erik Christensen wrote:
> Jeg kan jo godt se, at højremargin ændres - men hvorfor?

Hvis nogen skulle være interesserede :-)

imagefontwidth() er beregnet til monospace fonts, så når man anvender en
true type, går det selvfølgelig galt :-)

Er rettet til:
font-family: monospace;

Er nu perfekt :-)

Erik Ginnerskov

unread,
Mar 25, 2012, 6:42:17 PM3/25/12
to

"Karl Erik Christensen" <karl...@none.invalid> skrev i meddelelsen
news:4f6dd19d$0$295
>> div{
>> min-width:46em;
>> max-width: 51em;
>> }
>>
>> Imellem 12 og 18 ord pr. linje er generelt mest læsbart.
>>
>
> Jeg er ikke ude på at genere dig Rune, men plejer du ikke at være fortaler
> for de svagt seende?
> Hvad sker der hvis der skal zoomes til 20px?

Her bliver jeg nødt til at forsvare Rune. Når han sætter en linjelængde til
mellem 46 og 51 em gælder det for den tekststørrelse, som læseren har sat
sin browser til at vise sider i. Længden i px varierer derfor fra den ene
læsers browser til den andens.

Sættes standardstørrelsen i en browser til 20px - det giver en m-bredde på
omkring 16px - vil linjelængden så være 46-51 gange de 16px.

Der er således ingen problemer for svagtseende ved Runes
linjelængdedefinition.

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

0 new messages