---

Hej Gruppe

Jeg har et lille underligt projekt. Jeg er ved at lave en loginskærm i
XHTML, og derfor her jeg to input-elementer (Brugernavn og Adgangskode)
og to knapper (Log ind og Reset i form af <button>-elementer). Disse er
placeret i en <form>-container.

Men når jeg så prøver at validere siden, kommer den og siger, at jeg
ikke kan bruge hhv input og button der...

Nogle forslag?

Siden:
http://steffenvp.subnet.dk/login.html

Valideringen:
http://validator.w3.org/check?uri=http://steffenvp.subnet.dk/login.html&
charset=(detect+automatically)&doctype=Inline

--
Venlig hilsen
Steffen V Petersen
Remove remove.

---

Thu, 12 Sep 2002 18:51:30 +0200, skrev "Steffen V Petersen"
<svp@swipe.remove.dk>:

>
>Jeg har et lille underligt projekt. Jeg er ved at lave en loginskærm i
>XHTML,

>Men når jeg så prøver at validere siden, kommer den og siger, at jeg
>ikke kan bruge hhv input og button der...

I strict (x)html skal alt være placeret i blockelementer, så
svaret er at smide din form ind i en <div> eller <p>.
--
Knud - http://home13.inet.tele.dk/smedpark/
Når der svares på et indlæg, svar venligst under det citerede og
skær venligst det væk, du ikke svarer på, ellers ryger du i killfiltret.
Svar kun i nyhedsgruppen - tak! E-mails besvares ikke.

---

> I strict (x)html skal alt være placeret i blockelementer, så
> svaret er at smide din form ind i en <div> eller <p>.

<form>-containeren lå inde i en <div>-container, men det var ikke nok.
Det virkede da jeg satte en <p>-container ind i selve form-elementet...

Tak for hjælpen.


--
Venlig hilsen
Steffen V Petersen
Remove remove.

---

Steffen V Petersen skrev:

> > I strict (x)html skal alt være placeret i blockelementer, så
> > svaret er at smide din form ind i en <div> eller <p>.
>
> <form>-containeren lå inde i en <div>-container, men det var ikke nok.
> Det virkede da jeg satte en <p>-container ind i selve form-elementet...

<p> er et afsnit. Det er nok det smarteste hvis du sætter en
<div>–container ind i <form>–elementet og bruger <p> til afsnit heri:

<form action="/cgi-bin/sendmail.cgi">
<div>
<p>Navn:<br /><input type="text" id="navn" /></p>
<p><input type="submit" value="send" /></p>
</div>
</form>

--
/Rune
w|http://kaboom.dk/
Har du ikke adgang til SSI? Prøv
<http://kaboom.dk/works/wwwhitepapers/preuploadincluding/>

---

> <p> er et afsnit. Det er nok det smarteste hvis du sætter en
> <div>-container ind i <form>-elementet og bruger <p> til afsnit heri:
>
> <form action="/cgi-bin/sendmail.cgi">
> <div>
> <p>Navn:<br /><input type="text" id="navn" /></p>
> <p><input type="submit" value="send" /></p>
> </div>
> </form>

Siden jeg kun har et afsnit, mener jeg ikke det kan betale sig at ligge
en div i en form for at ligge en p i den.

Min færdige kode er:

<div id="RightMenu">
<h3 class="rightmenu">Login</h3>
<form action="authentication.php" method="post" id="userlogin">
<p class="nomargin">
<input type="text" maxlength="16" name="username" />
<input type="password" maxlength="16" name="password" />
<button name="submitbutton" type="submit">Log Ind</button>
<button name="resetbutton" type="reset">Nulstil</button>
</p>
</form>
</div>

--
Venlig hilsen
Steffen V Petersen
Remove remove.

---

"Steffen V Petersen" <svp@swipe.remove.dk> wrote in news:alqqle$kd1$1
@sunsite.dk:

> Siden jeg kun har et afsnit, mener jeg ikke det kan betale sig at ligge
> en div i en form for at ligge en p i den.

Som Rune siger så er <p> til afsnit. Hvad han ikke siger er at <p> er til
tekstafsnit

> Min færdige kode er:

Din kode "bør" se sådan ud:

<div id="RightMenu">
<h3 class="rightmenu">Login</h3>
<form action="authentication.php" method="post" id="userlogin">
<div class="nomargin">
<input type="text" maxlength="16" name="username" />
<input type="password" maxlength="16" name="password" />
<button name="submitbutton" type="submit">Log Ind</button>
<button name="resetbutton" type="reset">Nulstil</button>
</div>
</form>
</div>

--
Andreas
http://www.solitude.dk

---

> Din kode "bør" se sådan ud:
>
> <div id="RightMenu">
> <h3 class="rightmenu">Login</h3>
> <form action="authentication.php" method="post" id="userlogin">
> <div class="nomargin">
> <input type="text" maxlength="16" name="username" />
> <input type="password" maxlength="16" name="password" />
> <button name="submitbutton" type="submit">Log Ind</button>
> <button name="resetbutton" type="reset">Nulstil</button>
> </div>
> </form>
> </div>

Som Knud rigtigt nok siger, er det ligegyldigt, om jeg bruger <p> eller
<div> - det giver det samme resultat i NN6, Opera 5 & 6, IE 6 og Mozilla
1.0.

Men tak for hjælpen. Nu både virker og validerer det.


--
Venlig hilsen
Steffen V Petersen
Remove remove.

---

"Steffen V Petersen" <svp@swipe.remove.dk> wrote in news:alr1nc$bl0$1
@sunsite.dk:

> Som Knud rigtigt nok siger, er det ligegyldigt, om jeg bruger <p> eller
> <div> - det giver det samme resultat i NN6, Opera 5 & 6, IE 6 og Mozilla
> 1.0.

Det jeg prøver at forklare er at det ikke er ligegyldigt. Selvom resultatet
er ens i browseren er der stadig forskel på et <p> og et <div>. <p> er til
*tekst* <div> er et bonus block-tag til layers. Det er en semantisk forskel,
ikke en visuel forskel.

--
Andreas
http://www.solitude.dk

---

> Det jeg prøver at forklare er at det ikke er ligegyldigt. Selvom
resultatet
> er ens i browseren er der stadig forskel på et <p> og et <div>. <p> er
til
> *tekst* <div> er et bonus block-tag til layers. Det er en semantisk
forskel,
> ikke en visuel forskel.

Hvis resultatet er ens, hvorfor skulle jeg så, lige i dette tilfælde,
bekymre mig om brugen af <p> og <div> som containere, når den helt fint
valideres?


--
Venlig hilsen
Steffen V Petersen
Remove remove.

---

"Steffen V Petersen" <svp@swipe.remove.dk> wrote in news:alsk2q$cjh$1
@sunsite.dk:

> Hvis resultatet er ens, hvorfor skulle jeg så, lige i dette tilfælde,
> bekymre mig om brugen af <p> og <div> som containere, når den helt fint
> valideres?

Resultatet er jo netop ikke ens. Det visuelle resultat er det samme, men
semantisk er der en verden til forskel. Brug <p> til tekstafsnit og <div>
til alt andet.

--
Andreas
http://www.solitude.dk

---

Steffen V Petersen wrote in <alsk2q$cjh$1@sunsite.dk>:
> Hvis resultatet er ens, hvorfor skulle jeg så, lige i dette tilfælde,
> bekymre mig om brugen af <p> og <div> som containere, når den helt fint
> valideres?

De er ikke ens, de ser bare ens ud i dette tilfælle, på din skærm.

Mange ting kan ændre sig. Måske fungerer min browser anderledes end din.
Måske ændrer du dit layout på en måde, så der er tydelig forskel på <p> og
<div>. Det kan være så meget.

Så altså: Der findes både <p> og <div>. Brug den rigtige, der *er* altså
forskel, selv om du ikke kan se den.

--
Mvh.

Niels Andersen
(la nels. anersyn.)

---

On Fri, 13 Sep 2002 14:02:05 +0200, "Steffen V Petersen"
<svp@swipe.remove.dk> wrote:

>> Det jeg prøver at forklare er at det ikke er ligegyldigt. Selvom
>resultatet
>> er ens i browseren er der stadig forskel på et <p> og et <div>. <p> er
>til
>> *tekst* <div> er et bonus block-tag til layers. Det er en semantisk
>forskel,
>> ikke en visuel forskel.
>
>Hvis resultatet er ens, hvorfor skulle jeg så, lige i dette tilfælde,
>bekymre mig om brugen af <p> og <div> som containere, når den helt fint
>valideres?

Et eksempel er hvis siden bruges af syns-handicappede.
Hvis du fx skriver:
<div style="font-size:18pt;">Overskrift1</div>
<div style="font-size:10pt;">En masse brødtekst.</div>
<div style="font-size:14pt;">Overskrift2</div>
<div style="font-size:10pt;">Endnu mere brødtekst.</div>

- det vil validere fint, men vil være fuldstændigt umuligt for en
talemaskine at læse op.

Derimod vil:
<h1 style="font-size:18pt;">Overskrift1</h1>
<p style="font-size:10pt;">En masse brødtekst.</p>
<h2 style="font-size:14pt;">Overskrift2</h2>
<p style="font-size:10pt;">Endnu mere brødtekst.</p>

- være let at læse op, fordi der klart skelnes mellem hvad der er
overskrifter og hvad der er brødtekst.

Man kan sagtens få sider til at validere og se "fornuftige" ud, selv
hvis man kun brugte ét HTML-tag - fx <span> - sammen med CSS, men det
er faktisk ikke i overensstemmelse med W3C's rekommandationer.

CSS er så stærkt et værktøj, så længe man kun tænker på det visuelle
aspekt, at *alt* kan gives nye egenskaber, men som bl.a. ovenstående
eksempel viser, så kan det kun frarådes.

Hold fast i grundideen i forholdet mellem HTML og CSS:
HTML markerer sidens struktur (fx hvad der er overskrifter,
mellemrubrikker og brødtekst), mens CSS bruges til layout (fx
størrelser, farver, form) - så kan alle være med.

--
Jørn Andersen,
Brønshøj

---

Thu, 12 Sep 2002 21:18:14 +0200, skrev "Steffen V Petersen"
<svp@swipe.remove.dk>:

><form>-containeren lå inde i en <div>-container,

Korrekt, men der var noget andet indhold i den <div>, et andet
blockelement <h3> og du kan sagtens have en <div> i en <div>.

Om du brugte <div> eller <p> gør ingen forskel.
--
Knud - http://home13.inet.tele.dk/smedpark/
Når der svares på et indlæg, svar venligst under det citerede og
skær venligst det væk, du ikke svarer på, ellers ryger du i killfiltret.
Svar kun i nyhedsgruppen - tak! E-mails besvares ikke.