Avatar billede naquer Nybegynder
29. januar 2004 - 15:42 Der er 12 kommentarer og
2 løsninger

Div indeni en div

Hej

Jeg har en side som ser ud som følge:

<div id="navnogalder">

<form action="side2.php" method="post">

navn: <input type="text" name="navn" value=""><p>
password: <input type="password" name="password" value="" size="10">
<p>
<input type="submit" value="Login">
</form>

</div>


Jeg har så et eksternt stylesheet.
Det jeg gerne vil er at ændre på form boksenes design, ved at omringe dem med et div og derefter give dem en id ( således:


<div id="navnogalder">

<p>Skriv dit navn og din alder</p>

<form action="side2.php" method="post">

navn: <div id="input"><input type="text" name="navn" value=""></div><p>
password: <div id="input"><input type="password" name="password" value="" size="10"></div>
<p>
<input type="submit" value="Login">
</form>


) Problemet er så bare at der er en div inde i en anden div og så virker den div der er sat om form boksene ikke. Er der noget andet jeg kan gøre?
Avatar billede powerade Nybegynder
29. januar 2004 - 15:44 #1
Du kan da bare lave en class istedet...
F.eks.
Stylesheet kode:
.inputboks
{background-color:red;}

Html kode
<input type="text" name="test" class="inputboks">
Avatar billede naquer Nybegynder
29. januar 2004 - 15:46 #2
Men tælller både classen og id'en så for de bokse der er omringet af begge?
Avatar billede powerade Nybegynder
29. januar 2004 - 15:50 #3
Class'en tæller på de bokse hvor du sætter class=inputboks. Hvad bruger du dinve div's til? Normalt bruger jeg kun div's til tekstformatering og når du ska lave bokse og sån.. Hvis du vil "lege" med udseendet af input-bokse vil jeg anbefale dig at bruge class og ikke div..
Avatar billede schaefner Juniormester
29. januar 2004 - 15:51 #4
Jeg må indrømme at jeg ikke helt forstår dit spørgsmål:

input {
  border: 1px solid #000;
  color: blue;
}

#formobj {
  border: 1px solid red;
}

<div id="frmobj">
<p>Skriv dit navn og din alder</p>

<form action="side2.php" method="post">
navn: <input type="text" name="navn"><br><br>

password: <input type="password" name="password" size="10"><br><br>

<input type="submit" value="Login">
</form>
</div>
Avatar billede naquer Nybegynder
29. januar 2004 - 15:51 #5
jeg bruger div til at bestemme hvor på min side filen skal placeres. Jeg includer den med PHP.
Avatar billede powerade Nybegynder
29. januar 2004 - 15:52 #6
Det er klart at hvis du ændrer formatering af foks tekst-type i både din ID og din CLASS så vil der være en "konflikt".. I de tilfælde mener jeg at det er den "sidst kaldte" der tæller..
Her vil det f.eks. være CLASS' tekstformatering der gælder (Mener jeg..)
<div id="navn"><input type="text" class="test"></div>
Avatar billede naquer Nybegynder
29. januar 2004 - 15:53 #7
Schaefner du glemmer jo at give noget værdien input så du kan bruge det i stylesheetet
Avatar billede schaefner Juniormester
29. januar 2004 - 16:34 #8
nej, den laver formatering på alle input-felter
Avatar billede roenving Novice
29. januar 2004 - 22:43 #9
Du kan se forklaringen på det, schaefner gør på:

http://www.w3.org/TR/REC-CSS2/selector.html
Avatar billede naquer Nybegynder
30. januar 2004 - 13:21 #10
Nåh ja, havde helt glemt at man kunne give andet end div og class styles.
Avatar billede stingbat Nybegynder
30. januar 2004 - 13:25 #11
Du kan også gøre en nærmere metode:
#navnogalder {
....
}
#navnogalder input {
...
  color: blue;
}

<div id="navnogalder">

<p>Skriv dit navn og din alder</p>

<form action="side2.php" method="post">
navn: <input type="text" name="navn" value=""><p>
password: <input type="password" name="password" value="" size="10"><p>
<input type="submit" value="Login">
</form>
</div>

Så vil du kun ændre på de input-felter der står inde i div'en...
En anden ting - husk at afslutte alle tags ... f.eks. <p> skal også have </p>, hvis du ønsker helt gyldigt HTML...
Avatar billede naquer Nybegynder
30. januar 2004 - 14:11 #12
Genialt, specielt den sidste metode. Nogle der gider at lægge et svar så jeg kan uddle point?
Avatar billede schaefner Juniormester
30. januar 2004 - 14:12 #13
Hvis du kunne bruge det
Avatar billede stingbat Nybegynder
30. januar 2004 - 14:17 #14
Siger jeg også :)
Avatar billede Ny bruger Nybegynder

Din løsning...

Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.

Loading billede Opret Preview
Kategori
Vi tilbyder markedets bedste kurser inden for webudvikling

Log ind eller opret profil

Hov!

For at kunne deltage på Computerworld Eksperten skal du være logget ind.

Det er heldigvis nemt at oprette en bruger: Det tager to minutter og du kan vælge at bruge enten e-mail, Facebook eller Google som login.

Du kan også logge ind via nedenstående tjenester