Avatar billede alex15 Nybegynder
18. november 2007 - 21:40 Der er 11 kommentarer og
1 løsning

Hvordan sætter man size til XXX i <p>, men kun i et bestemt #div?

Hej

Ville sådan set bare lige høre hvordan man sætter front-size til at være 12 i et bestemt div? Og evt. også sætte border til 5 px.

2 filer ( index.php & css.css )

index.php
<div id="login">
<p>Denne tekst burde være i størrelse 12 samt være 5 px fra kanten hele vejen rundt</p>
</div>

!!!...SLUT...!!!

css.css
p
{
front-size:12px;
border:5px;
}

#login
{
width:490px;
height:200px;
}

!!!...SLUT...!!!

Problemet med at gøre det på denne måde er jo bare at ALT <p> på hele siden nu er i størrelse 12px samt har en border på 5 px.

Findes der en smart måde at løse dette problem på? eller kan man kun gøre det ved f.eks. at lave følgende:

css.css
<plogin>
{
front-size:12px;
border:5px;
}
</plogin>

index.php
<plogin>
Nu er de altså kun denne tekst som er i størrelse 12px og har border 5px
</plogin>

Hvis man overhoved kan gøre det på den måde!!!

Tak fordi du gider bruge din fritid på IT-idioter som mig ;)
Avatar billede coderdk Praktikant
18. november 2007 - 21:56 #1
Brug en klasse?

css.css
.redp {
  color: #f00;
}

<p class="redp">Denne skrift er med rød</p>

Har jeg misforstået noge?
Avatar billede alex15 Nybegynder
18. november 2007 - 22:09 #2
Hmm.. joh, den måde kunne man self godt gøre det på. Havde jeg ikke lige tænkt over. Selv om jeg alligevel ikke kan få det til at virke :S

css.css

plogin
{
font-size:30px;
background-color:#FFFFFF;
}

...SLUT...

index.php

<div id="login">
<p class="plogin">Login</p>
</div>

...SLUT...

Hvad gør jeg galt?
Avatar billede coderdk Praktikant
18. november 2007 - 22:13 #3
css.css

.plogin
{
font-size:30px;
background-color:#FFFFFF;
}

klasser skal start med et . i selve css-filen (det skal ikke være der i HTML'en)
Avatar billede alex15 Nybegynder
18. november 2007 - 22:16 #4
Nårh ja self.

Tak for hjælpen.
Avatar billede alex15 Nybegynder
18. november 2007 - 22:16 #5
ups. Meningen var at DU skulle lave et svar ikke mig ;)
Avatar billede coderdk Praktikant
18. november 2007 - 22:31 #6
hehe :)
Avatar billede roenving Novice
19. november 2007 - 09:26 #7
Hvis du allerede har en klasse på forældre-diven kan du bare:

#login p{font-size:15px;padding:5px;}
Avatar billede alex15 Nybegynder
19. november 2007 - 09:35 #8
hmmm okay.. Skal jeg så bare skrive det inde i selve css filen? altså:

css.css

#login
{heigt:200px;
...
...
...

p{font-size:15px;padding:5px;}
}
Avatar billede roenving Novice
19. november 2007 - 09:57 #9
Næh, sådan:

#login
{heigt:200px;
...
...
...

}

#login p{font-size:15px;padding:5px;}
Avatar billede alex15 Nybegynder
19. november 2007 - 10:24 #10
arh okay. Så når man skriver <p> inde i #login - Så går den ud i css filen og henter det der:

{font-size:15px;padding:5px;} right?
Avatar billede roenving Novice
19. november 2007 - 10:29 #11
Right !-)
Avatar billede alex15 Nybegynder
19. november 2007 - 10:34 #12
okay, takker mange gange her fra..

ps. Synes godt nok jeg skal ind og lave en del ting om i min css nu..! også med hensyn til det andet #site halløj ;) men sådan er det jo.. så længe det i længden er den mest rigtig måde og gøre det på.. Så er det jo det vigtigste kan man sige..!
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