HellpigMedlem sedan feb. 20043 inlägg 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?
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 På vilken tagg använder du .minikursivtext?
HellpigMedlem sedan feb. 20043 inlägg 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>
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 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 <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