Søg
Avatar billede mrbs Nybegynder
17. februar 2005 - 17:28 Der er 6 kommentarer og
1 løsning

padding i div

Jeg har lavet en <div> som er placeret med absolute.
Inde i div'en er der noget tekst som skal rykkes 4px ned og 10px ind fra venstre.

Jeg mener at det angives sådan i css:
padding-top: 4px;
padding-left: 10px;

Der er imidlertid lidt problemer med det - så før jeg går videre skal jeg lige sikre mig at jeg ikke tager fejl...
Avatar billede mrbs Nybegynder
17. februar 2005 - 17:42 #1
Nu ser jeg lige at jeg har angivet margin-left, men det har jeg gjort for at kunne placere div-en i forhold til midten... Kan det gøres på andre måder?
Avatar billede hundevennen Nybegynder
17. februar 2005 - 18:17 #2
du kan tiføje en class inde i din <div> og med denne positionere din tekst
Avatar billede hundevennen Nybegynder
17. februar 2005 - 18:20 #3
f.eks sådan her
<style type="text/css">
<!--
.xx {
    position: absolute;
    left: 40px;
    top: 40px;
}
-->
</style>
</head>

<body>
<div class="xx">her er noget tekst</div>
</body>
</html>
Avatar billede mrbs Nybegynder
17. februar 2005 - 22:39 #4
Det er også det jeg har gjort, og det jeg så ikke forstår er, hvorfor min tekst bliver centreret...
Her kommer min kode lige:
<div id="topmenu">tekstlink | tekstlink | tekstlink | tekstlink</div>

og min css for #topmenu:
#topmenu {
position: absolute;
left: 50%;
margin-left: -140px;
top: 185px;
width: 490px;
height: 20px;
color: white;
background-color: #ff9c00;
}
Avatar billede olebole Juniormester
18. februar 2005 - 00:38 #5
<ole>

Det sker ikke i den CSS-regel. Du må centrere et andet sted i koden  :)

/mvh
</bole>
Avatar billede mrbs Nybegynder
18. februar 2005 - 00:41 #6
Jeps... har lige fundet ud af at jeg (aner ikke hvorfor) har lavet en centrering i html-koden... Den er væk nu og så ser det meget bedre ud!
Jeg forstår bare ikke hvorfor den har indflydelse på noget der sidder i en div, men det har det måske bare?

olebole - vil du have pointene?
Avatar billede mrbs Nybegynder
22. februar 2005 - 23:17 #7
Så lukker jeg!
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
Webudvikling kurser
Vi tilbyder markedets bedste kurser inden for webudvikling
Se alle Webudvikling kurser

Flere spørgsmål fra HTML kategorien

Titel Indlæg Oprettet Seneste aktivitet
Hjælp med HTML og CSS Af Nojsa i HTML 18 10/09/202515:07 17/09/202515:11
CSS 2 x firkanter + tekst på samme linje Af nemlig i HTML 3 19/03/202522:16 20/03/202513:04
Se og ændre html på en webside Af magger i HTML 4 11/03/202513:55 12/03/202506:56
Få input felt, der er med fed skrift og formatteres på linje Af KurtG i HTML 5 02/03/202520:05 04/03/202515:40
Variabler som ikke virker Af Frits Jensen i HTML 3 30/10/202409:37 01/01/202515:27
Se alle spørgsmål i kategorien Opret spørgsmål

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.

Opret Log ind

Du kan også logge ind via nedenstående tjenester

Alle kategorier på Eksperten
Seneste spørgsmål Seneste aktivitet
I går 11:56 Er det muligt at lave sin egen webserver i boligforening? Af Strawberry i Cloudtjenester
14/0810:21 Ny printer, men hvilken Af mort1 i Printere
13/0819:41 USB på Linux Af Uvanga i Linux
12/0818:26 Hvilken type mus Af mort1 i PC
11/0813:21 ms Forms Af leahcim i Andet software
White papers
Flere white papers »