Upphöjda och nedsänkta bokstäver i HTML

2011-01-23, 01:45 #1

Medlem

Reg: Dec 2009

Inlägg: 339

Undrar om någon vet hur man kodar upphöjda, nedsänkta och överstrukna bokstäver i HTML?
Jag menar de knapparna som ligger till höger om fet, kursiv och understruken i programmet Word.

Citera

2011-01-23, 01:48 #2

Medlem

Reg: Nov 2010

Inlägg: 552

Citat:

Ursprungligen postat av Truqs

Undrar om någon vet hur man kodar upphöjda, nedsänkta och överstrukna bokstäver i HTML?
Jag menar de knapparna som ligger till höger om fet, kursiv och understruken i programmet Word.

HTML-kod:

   
<SUP>Upphöjt</SUP>
<SUB>Nedsänkt</SUB>
<STRIKE>Överstrukna</STRIKE>

Citera

2011-01-23, 01:56 #3

Medlem

Reg: May 2007

Inlägg: 12 979

http://lmgtfy.com/?q=upph%C3%B6jda+n...erstrukna+html

Citera

2011-01-23, 03:56 #4

Medlem

Reg: Jan 2011

Inlägg: 40

Citat:

Ursprungligen postat av patwotrik

http://lmgtfy.com/?q=upph%C3%B6jda+n...erstrukna+html

Google is your friend!

Citera

2011-01-23, 03:57 #5

Medlem

Reg: Jan 2011

Inlägg: 40

Oj, var inte meningen att citera dig "patwotrik" utan skulle bara svara till TS.

Citera

2011-01-23, 04:14 #6

Medlem

Reg: Apr 2006

Inlägg: 6 023

Citat:

Ursprungligen postat av Peekaboo90

HTML-kod:

   
<SUP>Upphöjt</SUP>
<SUB>Nedsänkt</SUB>
<STRIKE>Överstrukna</STRIKE>

<strike> är deprecated. Använd dig av en class för det istället.

CSS:

HTML-kod:

.strike { text-decoration: line-through; }

(x)html(5):

HTML-kod:

<span class="strike">Din text här</span>

Citera

2011-01-23, 11:50 #7

Medlem

Reg: Jul 2010

Inlägg: 236

Även sup och sub kan fixas till med CSS, gärna genom att ändra standardbeteendet med position så att man slipper sabba radavståndet, vilket annars händer med taggarna.

Kod:

sub {vertical-align: baseline; position: relative; top: 0.3em; font-size: 0.8em;}
sup {vertical-align: baseline; position: relative; bottom: 0.5em; font-size: 0.8em;}

Ev. top och bottom till 0.2 respektive 0.4, prova dig fram.

HTML-kod:

Lorem <sub>nedsänkt</sub> ipsum <sup>upphöjt</sup> dolor sit amet.

Citera

Upphöjda och nedsänkta bokstäver i HTML

Stöd Flashback