9 svar · 608 visningar · startad av rikard81
Håller på med en sida i CSS. Den är långt ifrån klar så strunta i färger och länkar, text då det är ett test osv. Nu till frågan. Sidan är gjort i ett antal boxar, texten står i sidans kropp. Men jag gillar inte att texten går ända ut i boxens kant. Vill ha den mer ihoptryck i mitten. När jag kodar ditt te.x padding: 20px; så ändras hela boxens storlek?. Hur ska jag göra utan att behöva göra om alla boxar? är nybörjare. Vill inte ha någon kod utan vill lära mig.. Vad kan man göra med padding?
Du kan sätta margin på texten annars ;) Om du t.ex har texten inom p vilket är att föredra för textstycken.
p {
margin-left: 20px;
}
Vad det gäller padding så blir den en del av storleken. Dvs har du 20px padding på vardera sida så läggs även 40px till boxbredden till. Med andra ord kan du dra bort 40px på den bredd du satt för att få storleken densamma.
Du sätter en class på den boxen. Du kan seda styra boxens padding kant för kant geneom att använda:
I denna ordning styr du paddingen
padding: TOP RIGHT BOTTOM LEFT;
Typ:
padding: 5px 10px 15px 20px;
Innebär alltså:
padding-top: 5px;
padding-right: 10px;
padding-bottom: 15px;
padding-left: 20px;
Lägga till för taggen P i din css-fil
MARGIN:10PX; PADDING:10PX; TEXT-ALIGN:JUSTIFY;
Blir väl lite lättare att läsa texten då!
Tack Bosse. Det är ju klart det blir. .
En grej jag alltid undrat är hur man får texten helt rak på sidorna? (linjärt) hittar ingen info om det.. Och hur får man sidan att se lika dan ut i FF. Vet ej hur den ser ut i IE6. Ser bra ut i IE7 iallafall. Går den igenom valideringen betyder det väl inte att den ser lika dan ut i andra webbläsare.?
p {
text-align: justify;
}
Så här ser den ut i följande läsare:
Hur gör jag då för att få den att se likadan ut? :l
