webForumDet fria alternativet

en linje under text

HTML & CSS

7 svar · 697 visningar · startad av axionman

Medlem sedan feb. 2007106 inlägg
Frågan#1

Hej! Har gjort en linje som är under en text

#linje{
width:400px;
float:left;
margin-left:100px;
margin-top:1px;border-bottom-style: dotted; 
border-bottom-color: black; border-bottom-width: 1px;
}

Sen har jag html koden här.. Det är längst ner jag användt mig av linjen. Under varje månad. Men den ser bra ut i min dator på min skärm men på andra blir de bara konstigt. hur får jag den centrerad på alla datorer?

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Down South Blues</title>
<link href="mall.css" rel="stylesheet" type="text/css" />
<link href="spelarmall.css" rel="stylesheet" type="text/css" />
</head>
<body>
<h1>Down South Blues</h1>
<div id="bildram">
<img src="images/erik1.jpg" alt="erik" width="120" height="120" />
<img src="images/bennit1.jpg" alt="bennit" width="120" height="120" />
<img src="images/burgaren1.jpg" alt="burgaren" width="120" height="120" />
<img src="images/micke1.jpg" alt="ali" width="120" height="120" />
</div>
<div id="rambakgrundgigs">
<div id="menyramgigs">
<div id="lista">
<ul>
<li><a href="index.html">Home</a></li>
<li><a href="biography.html">Biography</a></li>
<li><a href="gigs.html">Gigs</a></li>
<li><a href="music.html">Music</a></li>
<li><a href="press.html">Press</a></li>
<li><a href="gallery.html">Gallery</a></li>
<li><a href="gear.html">Gear</a></li>
<li><a href="guestbook.html">Guestbook</a></li>
<li><a href="contact.html">Contact</a></li>
</ul>
</div>
</div>
<h2>Gigs</h2>
<h5>2007</h5>
<div id="linjear">
</div>
<h4>Januari</h4>
<div id="linje">
</div>
<h4>Februari</h4>
<div id="linje">
</div>
<h4>Mars</h4>
<div id="linje">
</div>
<h4>April</h4>
<div id="linje">
</div>
<h4>Maj</h4>
<div id="linje">
</div>
<div id="gigs">
<p>26/5-2007. Mönsterås Blues Festival
</div>
<h4>Juni</h4>
<div id="linje">
</div>
<h4>Juli</h4>
<div id="linje">
</div>
<h4>August</h4>
<div id="linje">
</div>
<div id="gigs">
<p>10/8-2007. Hässleholms Festival
<p>18/8-2007. Malmö Festival
</div>
<h4>September</h4>
<div id="linje">
</div>
<div id="gigs">
<p>8/9-2007. Bo Dagar, Broby
</div>
<h4>Oktober</h4>
<div id="linje">
</div>
<div id="gigs">
<p>18/10-2007. Eslöv Blues Festival
<h4>November</h4>
<div id="linje">
</div>
<h4>December</h4>
<div id="linje">
</div>
</div>
</body>
</html>

Kan skicka med länk till sidan när jag ndå är igång..

https://www.downsouthblues.com

Medlem sedan apr. 200312 679 inlägg
#2

Varför lägger du inte den punktade linjen på h4 i stället?

h4 {border-bottom: 1px dotted #000;}

Nu ser det ju bara konstigt ut.

Bild 3.png
Medlem sedan aug. 20068 090 inlägg
#3

Som Silfver skrev...
åsså får du bara använda ett "id" en gång på varje sida.
Vill du ha flera instanser av samma stil, så får du döpa om till "class" och sätta en punkt för i stilmallen:

<div class="linje">
.linje

Medlem sedan feb. 2007106 inlägg
#4

tack det fungerade. Man kan dock inte bestäma bredden på linjen men de dög ndå..
Ett problem till. När man använder sig av ett typsnitt på texten som kanske inte alla andra har då visas ju standard, men kan man inte fixa detta? Lägga in de typsnittet på servern typ?

Medlem sedan apr. 200312 679 inlägg
#5

axionman skrev:

tack det fungerade. Man kan dock inte bestäma bredden på linjen men de dög ndå..

Det är väl bara att ändra bredden på h4-elementet? :)

h4 {width: 50%; text-align: center;}

Typ...

Medlem sedan feb. 2007106 inlägg
#6

då flyttade sig allting till vänster.. blev lixom inte i mitten av rutan

Medlem sedan aug. 20068 090 inlägg
#7

axionman skrev:

tack det fungerade. Man kan dock inte bestäma bredden på linjen men de dög ndå..
Ett problem till. När man använder sig av ett typsnitt på texten som kanske inte alla andra har då visas ju standard, men kan man inte fixa detta? Lägga in de typsnittet på servern typ?

Ja och nej. Det finns tydligen några mer eller mindre tillförlitliga sätt att "embedda" fonter. Men det handlar om bl.a. att man inte får göra så eftersom användarna kanske inte har licens att få använda fonten. Vill du ha det så, så får du göra om texten till bilder istället - vilket du inte ska bry dej om.

Medlem sedan feb. 20041 816 inlägg
#8

axionman skrev:

När man använder sig av ett typsnitt på texten som kanske inte alla andra har då visas ju standard, men kan man inte fixa detta? Lägga in de typsnittet på servern typ?

Kolla in sIFR. Det bygger på Javascript och Flash.

Annars är det väl inte hela världen om texten renderas med ett vanligt, basic typsnitt? Viktigast är (borde vara) att informationen enkelt når fram. :i

259 ms totalt · 4 externa anrop · v20260731065814-full.1dc6f849
128 ms — deklarationer (db)
0 ms — hämta statistik (cache)
128 ms — hämta tråd, inlägg och bilagor (db)
127 ms — ändringar (db)