Centrerad text (CSS)

6 svar · 379 visningar · startad av Hellpig 6 feb. 2004

HellpigMedlem sedan feb. 20043 inlägg

Frågan6 feb. 2004 10:55#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

6 feb. 2004 11:00#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

6 feb. 2004 11:13#3

På vilken tagg använder du .minikursivtext?

HellpigMedlem sedan feb. 20043 inlägg

6 feb. 2004 12:06#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

6 feb. 2004 12:15#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 feb. 2004 12:17#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

6 feb. 2004 12:38#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