---

Er det muligt at dele en linie tekst om, hvor den første del er venstre
justeret og den anden del er højre justeret.

--
Jesper

---

"Jesper FA" <news@skydiver.dk> wrote in message
news:5s176.103$W81.14461@twister.sunsite.dk...
> Er det muligt at dele en linie tekst om, hvor den første del er venstre
> justeret og den anden del er højre justeret.

Det kan gøres med tabeller:

<table width="100%" border="0">
<tr>
<td width="50%">
denne tekst er venstrejusteret
</td>
<td width="50%" align="right">
denne tekst er højrejusteret
</td>
</tr>
</table>

Border er sat til 0, så tabellen er usynlig. Tilpas selv størrelserne.


--
René (AKA The Artist Currently Known As Rel7Star)
x===----> http://7star.homepage.dk <----===x
http://listen.to/mcdjj ! http://come.to/jodiefoster

---

"René Lønstrup (AKA Rel7Star)" <7star@iname.com> wrote in message
news:iC176.116$W81.15524@twister.sunsite.dk...
> "Jesper FA" <news@skydiver.dk> wrote in message
> news:5s176.103$W81.14461@twister.sunsite.dk...
> > Er det muligt at dele en linie tekst om, hvor den første del er venstre
> > justeret og den anden del er højre justeret.
> Det kan gøres med tabeller:

Ja, OK.. det havde jeg prøvet. Problemet er bare at det skal stå i en <div>,
som har en kant og padding og hvis tabellen er 100%, så bliver det i alt for
bredt.

--
Jesper

---

Jesper FA wrote in dk.edb.internet.webdesign.html:
> Er det muligt at dele en linie tekst om, hvor den første del er venstre
> justeret og den anden del er højre justeret.

Her er et eksempel med CSS:

<div style="float:left;">
Denne tekst er venstrejusteret
</div>

<div style="float:right;text-align:right;">
Denne tekst er højrejusteret
</div>

Jeg ved hvor meget du kender til CSS? Eksemplet ovenfor benytter noget der
hedder floats - det er understøttet af både Internet Explorer og Netscape
- læs mere om floats her:

http://www.html.dk/tutorials/css/lektion13.asp

Mvh
Jonas



--
Dette indlæg er sendt fra http://www.html.dk
* Søg og læs i de danske nyhedsgrupper om webdesign
* Tutorials og artikler om webdesign på dansk

---

"Jonas Astrup - html.dk" <astrup@e-mail.dk> wrote in message
news:cw576.737$W81.33951@twister.sunsite.dk...
> > Er det muligt at dele en linie tekst om, hvor den første del er venstre
> > justeret og den anden del er højre justeret.
> Her er et eksempel med CSS:

Har jeg også prøvet. Problemet er bare at hvis man fx skriver følgende.
----
<div style="width:100%">
<div style="float:left">1</div>
<div style="float:right">2</div>
</div>
<div>3</div>
----
Så ville jeg forvente at man fik en 1 til venstre og en 2 tal til højre og
så e 3 tal på linien efter?
Det viser IE også, men NN6 skriver 13 til venstre og 2 til højre.

--
Jesper

---

Jesper FA wrote in dk.edb.internet.webdesign.html:

> Så ville jeg forvente at man fik en 1 til venstre
> og en 2 tal til højre og så e 3 tal på linien efter?
> Det viser IE også, men NN6 skriver 13 til venstre og
> 2 til højre.

Der er nemlig en forskel på hvilken bredde IE, NN og Opera giver elementer.
Løsningen ligger dog lige for - brug egenskaben "clear"

http://www.html.dk/tutorials/css/lektion13.asp#clear

Hvilket i dit eksempel giver:

<div style="width:100%">
<div style="float:left">1</div>
<div style="float:right">2</div>
</div>
<div style="clear:both">3</div>

Mvh
Jonas


--
Dette indlæg er sendt fra http://www.html.dk
* Søg og læs i de danske nyhedsgrupper om webdesign
* Tutorials og artikler om webdesign på dansk

---

"Jonas Astrup - html.dk" <astrup@e-mail.dk> wrote in message
news:3Q676.933$W81.41120@twister.sunsite.dk...
> Der er nemlig en forskel på hvilken bredde IE, NN og Opera giver
elementer.
> Løsningen ligger dog lige for - brug egenskaben "clear"

Hmm..

Det virker stadig ikke. Når man bruger float hopper den åbenbart lidt ud af
den <div> man allerede er i.

Jeg har lavet nogle test.

http://j-f.dk/d/ er som jeg startede
http://j-f.dk/e/ er med floats indsat, her hopper teksten ud af sin
ramme.
http://j-f.dk/f/ er der indsat clear, som virker fint.

Og så er der også et andet problem med i hvert fald IE5.0.
Når jeg indsætter den ekstra lille box til højre gør det at teksten i midte
ryger helt op til topbjælken. Den respektere ikke margin.
http://j-f.dk/g/ uden den lille box.
Og boxen til venstre gør at den tekst der står til højre for bliver rykket
lidt ekstre ind i forhold til det der kommer længere ned.

Herligt med en god browser.

--
Jesper

---

Jesper FA wrote in dk.edb.internet.webdesign.html:
> Det virker stadig ikke. Når man bruger float hopper
> den åbenbart lidt ud af den <div> man allerede er i.
> http://j-f.dk/f/

Du kunne måske løse problemet ved at sætte højden (height) på <div>'en med
rammen. Eller undlade at floate den ene <div> til venstre - nøjes med at
floate den anden til højre.

Jeg har ikke testet - men mener det må hjælpe.

> Og så er der også et andet problem med i hvert fald IE5.0.
> Når jeg indsætter den ekstra lille box til højre gør det
> at teksten i midte ryger helt op til topbjælken. Den respektere
> ikke margin...

Hmmm - jeg tror ikke den fejl findes i IE 5.5 ! Jeg kan ihvertfald ikke se
noget.

> Herligt med en god browser.



Keep up the good work!

Mvh
Jonas


--
Dette indlæg er sendt fra http://www.html.dk
* Søg og læs i de danske nyhedsgrupper om webdesign
* Tutorials og artikler om webdesign på dansk

---

"Jonas Astrup - html.dk" <astrup@e-mail.dk> wrote in message
news:h2a76.1464$W81.47411@twister.sunsite.dk...
> Jesper FA wrote in dk.edb.internet.webdesign.html:
> > Det virker stadig ikke. Når man bruger float hopper
> > den åbenbart lidt ud af den <div> man allerede er i.
> > http://j-f.dk/f/
> Du kunne måske løse problemet ved at sætte højden (height) på <div>'en med
> rammen. Eller undlade at floate den ene <div> til venstre - nøjes med at
> floate den anden til højre.

Det med højden synes jeg ikke er så godt, så skalere det jo ikke hvis
brugerens browser ikke er så bred som jeg havde forventet og det derfor ikke
kan være på en linie. Det med float kun til højre ser ud til at virke, hvis
jeg beholder den div der floater til venstre og skriver teksten til venstre
bagefter den der floater til højre.. IE5 er åbenbart lidt fejlbehæftiget
her, for hvis jeg sletter den ellers tomme div med float til venstre bliver
den efterfølgende tekst flyttet til højre.. men ikke i NN6.

> Hmmm - jeg tror ikke den fejl findes i IE 5.5 ! Jeg kan ihvertfald ikke se
> noget.

OK

--
Jesper

---

Jesper FA skrev i meddelelsen
<_sj76.3038$W81.67577@twister.sunsite.dk>...
>"Jonas Astrup - html.dk" <astrup@e-mail.dk> wrote in message
>news:h2a76.1464$W81.47411@twister.sunsite.dk...
>> Jesper FA wrote in dk.edb.internet.webdesign.html:
>> > Det virker stadig ikke. Når man bruger float hopper
>> > den åbenbart lidt ud af den <div> man allerede er i.
>> > http://j-f.dk/f/
>> Du kunne måske løse problemet ved at sætte højden (height) på
<div>'en med
>> rammen. Eller undlade at floate den ene <div> til venstre - nøjes med
at
>> floate den anden til højre.
>
>...

Den der /f/ ser i hvert fald skrækkelig ud i IE 4.71, men næsten nydelig
i Opera 5.0 - et screendump kan ses på
http://www.seidenfaden.net/jesper.html

Men så opdagede jeg lige en masse andre testsider længere tilbage i
tråden, så jeg stopper Opera servicen nu

-- Klaus.

---

"Klaus Seidenfaden" <ks@CUT.seidenfaden.net> wrote in message
news:lEI76.382> >
> Den der /f/ ser i hvert fald skrækkelig ud i IE 4.71, men næsten nydelig

IE? I NN 4.72 ved jeg i hvert fald det ser skrækkeligt ud. Men det gør ikke
så meget, da jeg primært bruger det til at lege lidt med hvad man får at
muligheder i fremtiden.

> i Opera 5.0 - et screendump kan ses på
> http://www.seidenfaden.net/jesper.html

Det ligner det man får i IE5.0 og NN6

--
Jesper