webForumDet fria alternativet

Centrerad text (CSS)

6 svar · 379 visningar · startad av Hellpig

HellpigMedlem sedan feb. 20043 inlägg
#1

En CSSfil som jag har gjort har med följande formatering av text:

.minikursivtext {font-family:'Verdana', sans-serif; font-style:italic; font-size:8pt; text-align: center}

Jag använder Dreanweaver för att skapa sidorna och när jag jag använder ovanstående i ett dokument så blir texten centrerad som den skall bli. Men när jag kollar på samma dokument i Internet Explorer så är den inte centrerad (men i övrigt är texten Verdana/kursiv med storlek 8). Någon som kan förklara för mig varför det inte funkar i IE?

Martin_almightyMedlem sedan nov. 2003370 inlägg
#2

Välkommen till wF :e (har alltid velat skriva sådär)

Ska det inte se ut så här?

.minikursivtext {font-family:Verdana, sans-serif; font-style:italic; font-size:8pt; text-align: center;}
Web-TorMedlem sedan nov. 200013 890 inlägg
#3

På vilken tagg använder du .minikursivtext?

HellpigMedlem sedan feb. 20043 inlägg
#4

Ser ut så här (rem: funkar i Dreamweaver men inte i IE... :):

<span class="minikursivtext">F.B.B.L. © AEMP 2004 - Alla rättigheter
förbehållna.</span><span class="kursivtext"> </span> </p>

PepeJeriaMedlem sedan feb. 2003774 inlägg
#5

Den blir inte centrerad av den anledningen att det inte finns något utrymme för den att bli det på.
En span är iofs ett s.k inline element (element som endast kan innehålla text och andra inline elements) som inte kan ha någon width eller height.
Vet inte exakt vad du vill göra, men det skulle underlätta lite om du skickade länk eller så.

text-align använder man på block elements (element som har width:100% som default + en "radmatning" i slutet) för att centrera texten:
http://www.w3.org/TR/CSS2/text.html#alignment-prop

Som sagt, det beror på vad du vill uppnå.

Jag suger på förklara saker, så fråga gärna igen...

Web-TorMedlem sedan nov. 200013 890 inlägg
#6

Byt ut <span>-taggen mot en <div>-tagg eller lägg till det här i din CSS-class: display: block; :)

HellpigMedlem sedan feb. 20043 inlägg
#7

<div> fungerade ju utmärkt. Jag är -som ni märkt- ingen CSS-expert och hade ingen aning om det här. Tack till PepeJeri & Web-Tor för att ni lärde mig något nytt idag! ;)

/Magnus - aka Hellpig

132 ms totalt · 3 externa anrop · v20260731065814-full.30151723
0 ms — hämta forumlista (cache)
0 ms — hämta statistik (cache)
128 ms — hämta tråd, inlägg och bilagor (db)