---

Hej,

Jeg har flg. tabel-felt:

<td width=230><p>Adresse: <input name=Adresse style="width:150px"></p></td>

Jeg vil gerne have "Adresse:" stående til ventre, og selve feltet helt ude
til højre i feltet. Kan det lade sig gøre?

--
Venlig hilsen, Rasmus Nielsen.

---

"Rasmus Nielsen" <postmaster@rasmusn.dk> skrev
> Jeg har flg. tabel-felt:
>
> <td width=230><p>Adresse: <input name=Adresse
style="width:150px"></p></td>
>
> Jeg vil gerne have "Adresse:" stående til ventre, og selve feltet helt ude
> til højre i feltet. Kan det lade sig gøre?

Når du nu har puttet det hele ind i en tabelcelle, er der to rimeligt enkle
måder at lave den ønskede 'luft' på:

1. Indsæt et passende antal &nbsp; mellem "Adresse:" og <input ...>

2. Indsæt en usynlig gif defineret i den ønskede bredde mellem "Adresse:" og
<input ...>

--
Med venlig hilsen
Erik Ginnerskov
http://www.hjemmesideskolen.dk - http://www.html-faq.dk
http://hjem.get2net.dk/egin

---

"Erik Ginnerskov" <egin@SPAMKILLoncable.dk> wrote in
news:3f606af5$0$97262$edfadb0f@dread12.news.tele.dk:

>> Jeg vil gerne have "Adresse:" stående til ventre, og selve feltet helt
>> ude til højre i feltet. Kan det lade sig gøre?
>
> Når du nu har puttet det hele ind i en tabelcelle, er der to rimeligt
> enkle måder at lave den ønskede 'luft' på:
>
> 1. Indsæt et passende antal &nbsp; mellem "Adresse:" og <input ...>
>
> 2. Indsæt en usynlig gif defineret i den ønskede bredde mellem
> "Adresse:" og <input ...>

De to metoder er håbløst forældede. De bringer mindre frem om webdesign a
la 1997.

Sådan noget skal naturligvis laves med CSS - ligesom al anden præsentation.
Løsningen på det aktuelle problem findes halvvejs igennem denne artikel:
<http://www.alistapart.com/stories/practicalcss/>

--
Personal: <http://www.solitude.dk>
File Thingie - PHP File Manager <http://www.solitude.dk/filethingie/>

---

Erik Ginnerskov skrev:

> Når du nu har puttet det hele ind i en tabelcelle, er der to
> rimeligt enkle måder at lave den ønskede 'luft' på:
>
> 1. Indsæt et passende antal &nbsp; mellem "Adresse:" og <input
> ...>

Det vil jeg ikke anbefale. Brug af flere &nbsp;'er efter hinanden
kan blive bøvlet - der er ikke nogen fast definition af hvor meget
det skal fylde.

> 2. Indsæt en usynlig gif defineret i den ønskede bredde mellem
> "Adresse:" og <input ...>

Det er effektivt - men igen afhængig af hvor meget teksten Adresse
fylder i forskellige browsere.


Her er to andre muligheder:

a) Opdel tabelcellen i to og sæt højrejustering på den til højre

b) Brug float (kombineret med display: block;) på input-elementet
--
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

---

Tak! Jeg har nu indsat flg. i style-sheetet til mine input felter:
float: right;
display: block;

Men felterne kommer ned på en ny linie. Hvordan forhindrer jeg det?

Hvad gør display:block egentlig?

--
Venlig hilsen, Rasmus Nielsen.

---

Rasmus Nielsen wrote in dk.edb.internet.webdesign.html:
> Tak! Jeg har nu indsat flg. i style-sheetet til mine input felter:
> float: right;
> display: block;
>
> Men felterne kommer ned på en ny linie. Hvordan forhindrer jeg det?
Brug ikke block
> Hvad gør display:block egentlig?
Laver linje skift før og efter elementet, brug heller display:inline;

--
Vil du lære at kode HTML, XHTML, CSS, SSI eller ASP?
- Pædagogiske tutorials på dansk
- Kom godt i gang med koderne
KLIK HER! => http://www.html.dk/tutorials

---

> Laver linje skift før og efter elementet, brug heller display:inline;

Jeg har nu flg. i mit stylesheet:

..hoejre {
float: right;
display: inline;
}

Men det kommer stadigvæk linieskift. Hvad gør jeg galt?

--
Venlig hilsen, Rasmus Nielsen.

---

"Rasmus Nielsen" <postmaster@rasmusn.dk> skrev
> Men det kommer stadigvæk linieskift. Hvad gør jeg galt?

Tiden er vist inde til, at du kommer med en url til en side, hvor du kan
vise fejlen. Så slipper vi for at sidde og gætte os frem.
Lav eventuelt en testside at lægge på nettet.

--
Med venlig hilsen
Erik Ginnerskov
http://www.hjemmesideskolen.dk - http://www.html-faq.dk
http://hjem.get2net.dk/egin

---

> Tiden er vist inde til, at du kommer med en url til en side, hvor du kan
> vise fejlen. Så slipper vi for at sidde og gætte os frem.
> Lav eventuelt en testside at lægge på nettet.

http://www.rasmusn.dk/test.html

Mange tak for hjælpen!

--
Venlig hilsen, Rasmus Nielsen.

---

In news:bjrl0h$m9616$1@ID-176586.news.uni-berlin.de,
Rasmus Nielsen <postmaster@rasmusn.dk> typed:
> http://www.rasmusn.dk/test.html

Du kan sætte en "float: left;" på teksten til venstre for select-boksen.
Sådan her:

<td width="140"><span style="float: left;">Bud:</span><select... osv

Eller med en class i dit style-element:

<style>
..floatleft {
}
</style>

<td width="140"><span class="floatleft">Bud:</span><select... osv

Husk i øvrigt at sætte anførselstegn om alle dine værdier - det andet er
ikke god kodeskik

Mikkel

--
"And my sanity scans the horizon"
Sting - The Wild Wild Sea

http://www.mzh.dk

---

> Husk i øvrigt at sætte anførselstegn om alle dine værdier - det andet er
> ikke god kodeskik

I know, men når koden genereres gennem ASP, så er det pokker til bøvl at
lave dem, hvor det ikke er nødvendigt.

Tak for hjælpen!

Venlig hilsen, Rasmus Nielsen.

---

Rasmus Nielsen wrote:

> <td width=230><p>Adresse: <input name=Adresse
> style="width:150px"></p></td>
>
> Jeg vil gerne have "Adresse:" stående til ventre, og selve feltet
> helt ude til højre i feltet. Kan det lade sig gøre?

Prøv følgende:

<td style="width: 230px">
<label style="display: block; width: 80px;">Adresse:</label>
<input style="display: block; width: 150px;" name="Adresse">
</td>

--
Anders Thorsen Holm | http://www.daimi.au.dk/~zoolook/

Overvejer du at købe en DVD-afspiller? Så hold dig fra Fona!
Læs hvorfor: http://www.daimi.au.dk/~zoolook/fona/

---

Anders Thorsen Holm wrote:

> Prøv følgende:
>
> <td style="width: 230px">
> <label style="display: block; width: 80px;">Adresse:</label>
> <input style="display: block; width: 150px;" name="Adresse">
> </td>

Der er vist et par fejl i ovenstående... men prøv det her (jeg tager
forbehold for yderligere fejl):

<td style="width: 230px">
<label for="Adresse" style="display: block; width: 80px">
Adresse
</label>
<input type="text" style="display: block; width: 150px" name="Adresse">
</td>

--
Anders Thorsen Holm | http://www.daimi.au.dk/~zoolook/

Overvejer du at købe en DVD-afspiller? Så hold dig fra Fona!
Læs hvorfor: http://www.daimi.au.dk/~zoolook/fona/

---

Rasmus Nielsen wrote:

> <td width=230><p>Adresse: <input name=Adresse
> style="width:150px"></p></td>
>
> Jeg vil gerne have "Adresse:" stående til ventre, og selve feltet
> helt ude til højre i feltet. Kan det lade sig gøre?

Prøv det her:

<td style="width: 230px">
<label style="display: block; width: 80px; float: left;" for="Adresse">
Adresse:
</label>
<input style="display: block; width: 150px; float: left;"
name="Adresse" />
</td>
--
Anders Thorsen Holm | http://www.daimi.au.dk/~zoolook/

Overvejer du at købe en DVD-afspiller? Så hold dig fra Fona!
Læs hvorfor: http://www.daimi.au.dk/~zoolook/fona/