webForumDet fria alternativet

Upphöjd och nedsänkt text

HTML & CSS

9 svar · 2 733 visningar · startad av plelkes

Medlem sedan mars 2002823 inlägg
Frågan#1

Kan ni hjälpa mig med "taggen" för hur jag i HTML får upphöjd och nedsänkt text?

Medlem sedan nov. 200013 890 inlägg
Medlem sedan mars 2002823 inlägg
#3

Tack Web-Tor,
men kan du ge hela kod exemplet för tex:
joniserat calcium = Ca++ (kan tyvärr inte skriva upphöjd här heller)
syrgas = O2kan tyvärr inte skriva nersänkt här heller)

Medlem sedan mars 20025 907 inlägg
#4
<style type="text/css">
.sup {vertical-align: super;}
.sub {vertical-align: sub;}
</style>
...
Ca<span class="sup">++</span><br />
O<span class="sub">2</span>
Medlem sedan sep. 20021 655 inlägg
#5

Varför använda CSS-klasser när det finns färdiga HTML-element för upphöjd resp nedsänkt text?

Enklare:

Ca<sup>++</sup><br />
O<sub>2</sub>
Medlem sedan mars 2002823 inlägg
#6

dectgap ´s förslag funkar bra, men hur undviker jag i nedanstående

<a href="postfilter1.htm">Postfilter&nbsp;Ca<sup>++</sup>> 0,32</a>

att även ++ blir udnerstruken?

Medlem sedan feb. 2003774 inlägg
#7
<style type="text/css">
sup
{
    text-decoration:none;
}
</style>
Medlem sedan mars 2002823 inlägg
#8

eftersom jag är dålig på css,
hur skulle hela sidans kod se ut?

<html>
<head>
<title></title>
<style type="text/css">
<!--
body,td,th {
	font-family: Times New Roman;
	font-size: 14px;
}
a {
	font-size: 14px;
	font-family: Times New Roman;
}
h1,h2,h3,h4,h5,h6 {
	font-family: Times New Roman;
}
h2 {
	font-size: 16px;
}
-->
</style></head>
<body>
<h2><u>artkat- Ca<sup>++</sup>&nbsp;&lt; 1,12</u></h2>

<ul>
  <li>artkat- Ca<sup>++</sup>&nbsp;&lt;&nbsp;0,95 mmol/l </li>
  <li>artkat- Ca<sup>++</sup>&nbsp;&lt; 0,85mmol/l</li>
</ul>
<ol>
<li>öka ACD-inf med 10%</li>
<Li>öka Cainf med 10%</Li></ol>
<P><a href="citrat.htm">Citrat</a>&nbsp;&nbsp;&nbsp;<a href="behschema.htm">Behandlingsschema</a></P>
</body>
</html>

somni ser strular även understrukningen..

Medlem sedan apr. 2004459 inlägg
#9

Så här:

<html>
<head>
<title></title>
<style type="text/css">
<!--
body,td,th {
	font-family: Times New Roman;
	font-size: 14px;
}
a {
	font-size: 14px;
	font-family: Times New Roman;
}
h1,h2,h3,h4,h5,h6 {
	font-family: Times New Roman;
}
h2 {
	font-size: 16px;
}
sup {
	text-decoration: none;
}
-->
</style></head>
<body>
<h2><u>artkat- Ca<sup>++</sup>&nbsp;&lt; 1,12</u></h2>

<ul>
  <li>artkat- Ca<sup>++</sup>&nbsp;&lt;&nbsp;0,95 mmol/l </li>
  <li>artkat- Ca<sup>++</sup>&nbsp;&lt; 0,85mmol/l</li>
</ul>
<ol>
<li>öka ACD-inf med 10%</li>
<Li>öka Cainf med 10%</Li></ol>
<P><a href="citrat.htm">Citrat</a>&nbsp;&nbsp;&nbsp;<a href="behschema.htm">Behandlingsschema</a></P>
</body>
</html>
Medlem sedan mars 2002823 inlägg
#10

snyggt!
och tack för det både MatsJ och PepeJeria

273 ms totalt · 4 externa anrop · v20260731065814-full.a51de22e
136 ms — deklarationer (db)
0 ms — hämta statistik (cache)
134 ms — hämta tråd, inlägg och bilagor (db)
136 ms — ändringar (db)