Avatar billede madser22 Novice
02. juni 2008 - 10:20 Der er 9 kommentarer og
1 løsning

sætte margin i css

Hejsa.

jeg vil gerne have en margin på min tekst, men det virker ikke, det eneste der virker er padding, men det duer ikke for mig.
jeg kan ikke forstå hvorfor min margin ikke virker??

.vcontent            {
                        height: 160px;
                        width: 392px;
                        background-image: url(../img/vcontent.jpg);
                        background-repeat: no-repeat;
                        text-align: left;
                        margin-top: 5px;
                        margin-right: 5px;
                        margin-left: 5px;
                        margin-bottom: 5px;
}

håber i har en ide??

Med Venlig Hilsen
Mads
Avatar billede keysersoze Ekspert
02. juni 2008 - 10:24 #1
Mon ikke det bare skyldes at du har glemt hvordan box-modellen fungerer - når du definerer en højde og bredde på din box (en div) så fungerer padding indenfor boxen hvorimod margin virker udenfor. Så jeg vil umiddelbart sige at din kode er rigtig nok - du skal bare forstå css'en korrekt.
Avatar billede madser22 Novice
02. juni 2008 - 10:31 #2
det vil sige padding indenfor og margin udenfor.
Kan jeg ikke gøre noget så min tekst rykker lidt ind i den pågældende <td> eller kan det kun ordnes med padding?. Det er jo lidt træls man skal til at rette alle sine sider fordi det hele rykker sig?
Avatar billede madser22 Novice
02. juni 2008 - 10:32 #3
hhm hvis jeg sætter:
padding-left: 5px;
padding-right: 5px;

virker det nu??

tak for hjælpen og smid et svar
Avatar billede madser22 Novice
02. juni 2008 - 10:33 #4
ikke alligevel
Avatar billede keysersoze Ekspert
02. juni 2008 - 10:38 #5
hvad er der i vejen med at bruge padding da?
Avatar billede madser22 Novice
02. juni 2008 - 10:40 #6
nu virker det
Avatar billede madser22 Novice
02. juni 2008 - 10:41 #7
synes bare at når jeg brugte padding fjernede alle celler sig omkring udenfor, så det hele rykkede sig, men det gør det ikke nu, så jeg har jo nok lavet noget fejl før i tiden.
tak for hjælpen og læg et svar
Avatar billede madser22 Novice
02. juni 2008 - 10:42 #8
.vcontent            {
                        height: 160px;
                        width: 392px;
                        background-image: url(../img/vcontent.jpg);
                        background-repeat: no-repeat;
                        text-align: left;
                        padding-left: 15px;
                        padding-right: 15px;
Avatar billede keysersoze Ekspert
02. juni 2008 - 10:53 #9
http://www.w3.org/TR/REC-CSS2/box.html - hvis du kigger lidt på denne giver det hele måske mere mening, for sætter du fx bredden til 100px og du begynder at arbejde med margin/padding vil resultatet ikke blive en bredde på 100px.
Avatar billede madser22 Novice
02. juni 2008 - 13:04 #10
takker
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