webForumDet fria alternativet

en linje under text

7 svar · 695 visningar · startad av axionman

axionmanMedlem sedan feb. 2007106 inlägg
#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

silfverMedlem 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
Danne VMedlem 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

axionmanMedlem 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?

silfverMedlem 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...

axionmanMedlem sedan feb. 2007106 inlägg
#6

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

Danne VMedlem 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.

dAEkMedlem 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

140 ms totalt · 3 externa anrop · v20260731065814-full.30151723
0 ms — hämta forumlista (cache)
0 ms — hämta statistik (cache)
137 ms — hämta tråd, inlägg och bilagor (db)