---

Hej!

Sidder lige og roder med et lille hygge projekt :)

Jeg har lavet en ul liste med nogle li'er med label og input
Nu står teksten i label jo så helt oppe i toppen - så har jeg prøvet en
vertical align:middle men den virker selvfølgelig ikke...

Kan også se at label ikke er ligeså høj som <li>'en - så jeg prøvede med
en height:100% på label (100% i forhold til LI)- men det blev den ikke
højere af.

Jeg kunne sagtens sætte en margin-top:3px på, men så bliver den nederste
linje selvfølgelig "ødelagt" - Så hvad gør man?

Siden er:
http://chat.aarhof.eu/
Det drejer sig om bunden (nedenunder Links)

---

> Jeg har lavet en ul liste med nogle li'er med label og input
> Nu står teksten i label jo så helt oppe i toppen - så har jeg prøvet en
> vertical align:middle men den virker selvfølgelig ikke...

det hedder vertical-align med bindestreg.

Du kan prøve og give et link til koden så det lettere at hjælpe dig.

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

---

David Nielsen wrote:
>> Jeg har lavet en ul liste med nogle li'er med label og input
>> Nu står teksten i label jo så helt oppe i toppen - så har jeg prøvet en
>> vertical align:middle men den virker selvfølgelig ikke...
>
> det hedder vertical-align med bindestreg.

Det ved jeg... men det hjælper ikke :)

>
> Du kan prøve og give et link til koden så det lettere at hjælpe dig.
>

Står faktisk nederst i det første indlæg - men kommer da lige her for en
sikkerheds skyld :)

Siden er:
http://chat.aarhof.eu/
Det drejer sig om bunden (nedenunder Links)

---

> Står faktisk nederst i det første indlæg - men kommer da lige her for en
> sikkerheds skyld :)

Ja det gjorde det sørme også jeg bare vandt til at det er en reklame i bunden.

Din chat ser faktisk fint nok ud men her er koden hvis det skal være i midten
lodret. Typisk hvis du ikke kan få sådan noget som align til at virke så kan du
prøve og putte en <div> tag rundt om det du vil aligne eller en <span>

<div style="border:1px solid red;">

<div><span style="vertical-align:middle;">&nbsp;</span>Velkommen til <span
id="username">Brugernavn</span> din status er <span id="type">Gæst</span></div>
<div><span style="vertical-align:middle;">Besked: </span><input type="text"
name="text" id="text" /> <input type="button" name="submit" id="submit"
value="Send" /></div>
<div><span style="vertical-align:middle;">Send til: </span><select name="user"
id="user"><option value="0">Alle</option></select></div>
<div><span style="vertical-align:middle;">Tekststørrelse: </span>Kæmpe - Stor -
Normal - Lille - Mindst</div>

</div>



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

---

Martin wrote:

> Sidder lige og roder med et lille hygge projekt :)
>
> Jeg har lavet en ul liste med nogle li'er med label og input
> Nu står teksten i label jo så helt oppe i toppen - så har jeg prøvet en
> vertical align:middle men den virker selvfølgelig ikke...

Jeg har lagt et dump her hvis du vil ser hvordan det ser ud i Konqueror:
<http://w-o-p-r.dk/tips/javascript/chat.something.png>

Det (dit JS-noget) virker dog ikke her, men.. so be it.

--
Med venlig hilsen
Stig Johansen

---

> Jeg har lagt et dump her hvis du vil ser hvordan det ser ud i Konqueror:
> <http://w-o-p-r.dk/tips/javascript/chat.something.png>

Ja okay nu kan jeg bedre se fejlen.
I opera var de labels og input kun 2 eller 3 pixels lodret fra hinanden.

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