/ Forside / Teknologi / Udvikling / Java Scripts / Nyhedsindlæg
Login
Glemt dit kodeord?
Brugernavn

Kodeord


Reklame
Top 10 brugere
Java Scripts
#NavnPoint
molokyle 5410
Klaudi 2799
smorch 2439
kim 1360
Harlekin 1134
bentjuul 984
gibson 800
severino 695
Random 675
10  konsulent.. 626
CSS: Centrer tekst i DIV-blok
Fra : Sørensen


Dato : 19-01-06 09:28

Jeg forsøger at lave en lille firkant med grafik-baggrund, som floater ved
siden en noget andet tekst. Her har jeg problemer med at få centreret
teksten i firkanten..

CSS'en ser således ud:
..pris {
float: right;
padding: 20px 30px 35px 0px;
width: 52px;
height: 52px;
text-align: center;
background-image: url("../../pictures_org/trekant2.gif");
background-repeat: no-repeat;
}

(Og indsættes bare over brødteksten med <div class=pris>xxxxx</div>)

Desværre bliver teksten bare venstrestillet.. Jeg vil ikke så gerne bare
sætte en venstre padding på, da numrene kan have forskellig længde, og det
derfor ikke vil se så godt ud.
Se gerne selv resultatet på: http://www.cnagro.dk/ under punktet:
Mineralblanding

Hvordan får jeg teksten centreret midt i firkanten?

Tak!
MVH Sørensen




 
 
Sørensen (19-01-2006)
Kommentar
Fra : Sørensen


Dato : 19-01-06 12:33


"Sørensen" <duvedikkehvem-ingenreklamer@hotmail.nix> wrote in message
news:43cf4d5c$0$165$edfadb0f@dread11.news.tele.dk...
> Jeg forsøger at lave en lille firkant med grafik-baggrund, som floater ved
> siden en noget andet tekst. Her har jeg problemer med at få centreret
> teksten i firkanten..

Fik det til at fungere vha:

..pris {
float: right;
padding-left: 0px;
padding-right: 0px;
padding-bottom: 0px;
padding-top: 18px;
width: 50px;
height: 50px;
text-align: center;
background-image: url("../../pictures_org/trekant3.gif");
background-repeat: no-repeat;
}

- problemet var altså brugen af paddings samtidig med at bredden er fast..



Søg
Reklame
Statistik
Spørgsmål : 177459
Tips : 31964
Nyheder : 719565
Indlæg : 6408195
Brugere : 218881

Månedens bedste
Årets bedste
Sidste års bedste