Avatar billede naquer Nybegynder
24. februar 2004 - 15:27 Der er 12 kommentarer og
1 løsning

Tilføje stil til bestemt tag i div

Hej

Jeg har en side som ser således ud:
<div id="rightmenu">
<?
echo "<form action='login/check.php' method='post'>";
  echo "Brugernavn<br />";
  echo "<input type='password' name='brugernavn'><p />";
  echo "Password<br />";
  echo "<input type='text' name='password'><p />";
  echo "<input type='submit' name='submit' value='Submit'>";
  echo "<input type='submit' name='opret' value='Opret'>";
  echo "</form>";
?>
</div>

Og til den har jeg tilføjet en stil som ser således ud:


} #rightmenu {
        position:absolute;
        right:0px;
        top:87px;
        width:150px;
        background-color:#666666;
        padding-top:5px;
        padding-left:5px;
        color:white;
        height:200px;

Nu er det så jeg gerne vil tilføje en bestemt stil til alle inputs som er indenfor #rightmenu. Hvis man bare vil tilføje en stil til alle inputs på en side gøres det jo bare ved at skrive:

intput {

}

Men hvordan kan jeg tilføje en stil til alle inputs indenfor #rightmenu, uden at det kommer til at hav ebetydning for de inputs som ikke er inden for #rightmenu?
Avatar billede doggy82 Praktikant
24. februar 2004 - 15:33 #1
#rightmenu intput {

}
Avatar billede werd Nybegynder
24. februar 2004 - 15:52 #2
doggy82 er det noget du har testet det der? Selvom man retter intput til input virker det stadig ikke.

>>naguer
du skal også lave id på dine felter således at din kode ser således ud:

.rightmenu {noget style}

<div id="rightmenu">
<?
echo "<form action='login/check.php' method='post'>";
  echo "Brugernavn<br />";
  echo "<input type='password' name='brugernavn' class='rightmenu'><p />";
  echo "Password<br />";
  echo "<input type='text' name='password' class='rightmenu'><p />";
  echo "<input type='submit' name='submit' value='Submit'>";
  echo "<input type='submit' name='opret' value='Opret'>";
  echo "</form>";
?>
</div>
Avatar billede doggy82 Praktikant
24. februar 2004 - 16:08 #3
werd du blander class og id.
Og selvfølgelig skal det være:

#rightmenu input {

}

BTW brug class hvis flere elementer skal ha' samme style. Id virker kun på et enkelt element.
Avatar billede doggy82 Praktikant
24. februar 2004 - 16:15 #4
øh har ikke lige testet i det her tilfælde. Burde virke. Se her:

<html>
<head>
<title>test</title>
<style type="text/css">
#rightmenu p {
    color:#f00;
}
p {
    color:#00f;
}
</style>
</head>
<body>
<p>test</p>
<div id="rightmenu">
    <p>test</p>
</div>
</body>
</html>
Avatar billede werd Nybegynder
24. februar 2004 - 17:39 #5
man kan sagtens blande div og class.

Nu kan jeg se det ja. Var ikke klar over man kunne lave det der, man lærer noget nyt hver dag.

naquer du skal lige huske at når du så applier input styles på alle elementer kommer det også til at gælde for submitknapperne. Derfor bliver du nødt til at bruge class på dine elementer som vist i mit eksempel.
Avatar billede doggy82 Praktikant
24. februar 2004 - 17:44 #6
det jeg mener med at du blander er at du har den defineret som class:

.rightmenu {noget style}

og kalder den frem med id:

<div id="rightmenu">
Avatar billede werd Nybegynder
24. februar 2004 - 18:06 #7
jeg kaldte den ikke frem med id. Så har du misforstået mig. Jeg ville bruge begge ting:

#rightmenu {
        position:absolute;
        right:0px;
        top:87px;
        width:150px;
        background-color:#666666;
        padding-top:5px;
        padding-left:5px;
        color:white;
        height:200px;
}

.rightmenu {noget style}

der sker jo ikke noget ved at de har samme navn på tværs af class og id
Avatar billede roenving Novice
24. februar 2004 - 18:11 #8
>>werd, du kan se mere på:

http://www.w3.org/TR/REC-CSS2/selector.html
Avatar billede werd Nybegynder
01. marts 2004 - 12:49 #9
ok tak.

fik du løst dit problem naquer?
Avatar billede naquer Nybegynder
01. marts 2004 - 16:47 #10
Ja
Avatar billede werd Nybegynder
01. marts 2004 - 16:59 #11
så er der vel ingenting i vejen for at lukke tråden? :)
Avatar billede naquer Nybegynder
01. marts 2004 - 19:35 #12
Argh undskyld! Kom til at give doggy82 alle pointene, og du har selvfølgelig også fortjent nogle. Skal jeg oprette et 'point til' spørgsmål?
Avatar billede werd Nybegynder
02. marts 2004 - 15:00 #13
det er ikke nødvendigt. Det var bare for at få det lukket :)
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