kantrandjes bij letters
- Onderwerp starter BugMenOT2
- Startdatum
- Status
Maikymouse
Gebruiker
- Lid geworden
- 28 mrt 2007
- Berichten
- 8
kun je mischien wat duidelijker zijn?
of een voorbeeld...
of een voorbeeld...
peter vazed
Meubilair
- Lid geworden
- 8 sep 2000
- Berichten
- 7.972
Bedoelt ge zoiets:
PHP:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/1999/REC-html401-19991224/loose.dtd">
<html>
<head>
<title>tekst met randje</title>
<style type="text/css">
BODY {
margin: 0px 0px 0px 0px;
font-family: verdana, arial, helvetica;
background-color: #e4e0c9;
font-size: 14px;
color: #000066;
}
.info{
border: dotted 3px #000000;
padding:10px;
}
.kopa { color:#ff0000;
margin-left: 10px;
font-size: 38px;
font-family: Arial Black ;font-style : italic}
.kopv { margin-top: -52px;
margin-left: 8px;
color: #2e8983;
font-size: 38px;
font-family: Arial Black ;font-style : italic}
</style>
</head>
<body bgcolor="#ffffff" text="#000000" link="#0000ff" vlink="#800080" alink="#ff0000">
<div class="info" style="width:700px;text-align:center; margin:auto;" >
tekst met randje in html
<div align="center" class="kopa">
HTML tekst met een randje
</div>
<div align="center" class="kopv">HTML tekst met een randje</div>
</div>
</body>
</html>
peter vazed
Meubilair
- Lid geworden
- 8 sep 2000
- Berichten
- 7.972
Vogelen met de reeds gegeven style zou kunnen, doch het kan wat makkelijker.
Zie code:
/// edit
aanpassing ivm verschijnen.
De feitelijke tekst (class="tekst") moet als laatste in je div's,
dus zo:
Zie code:
PHP:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/1999/REC-html401-19991224/loose.dtd">
<html>
<head>
<title>tekst met randje</title>
<style type="text/css">
BODY {
margin: 0px 0px 0px 0px;
font-family: verdana, arial, helvetica;
background-color: #e4e0c9;
font-size: 14px;
color: #000066;
}
.info{
border: dotted 3px #000000;
padding:10px;
}
.tekst{
position:absolute;
left:32px;
top:60px;
font-size: 38px;
font-family: Arial Black ;font-style : italic;
color: #000066;
}
.tekstt{
position:absolute;
left:30px;
top:58px;
font-size: 38px;
font-family: Arial Black ;font-style : italic;
color: #00ff00;}
.tekstr{
position:absolute;
left:34px;
top:60px;
font-size: 38px;
font-family: Arial Black ;font-style : italic;
color: #00ff00;
}
.teksto{
position:absolute;
left:30px;
top:64px;
font-size: 38px;
font-family: Arial Black ;font-style : italic;
color: #00ff00;
}
.tekstl{
position:absolute;
left:32px;
top:60px;
font-size: 38px;
font-family: Arial Black ;font-style : italic;
color: #ffffff;
}
</style>
</head>
<body bgcolor="#ffffff" text="#000000" link="#0000ff" vlink="#800080" alink="#ff0000">
<div class="info" style="width:700px;text-align:center; margin:auto;" >Tekst met een randje.<br>
Via een absolute positie in een style.<br>
Dus verplaats de tekst een paar pixels naar links orf rechts, resp. naar boven en onderen.<br>
<div class="tekst " >hier de tekst</div>
<div class="tekstt " >hier de tekst</div>
<div class="tekstr " >hier de tekst</div>
<div class="teksto" >hier de tekst</div>
<div class="tekstl" >hier de tekst</div>
</div>
</body>
</html>/// edit
aanpassing ivm verschijnen.
De feitelijke tekst (class="tekst") moet als laatste in je div's,
dus zo:
PHP:
<div class="tekstt " >hier de tekst</div>
<div class="tekstr " >hier de tekst</div>
<div class="teksto" >hier de tekst</div>
<div class="tekstl" >hier de tekst</div>
<div class="tekst" >hier de tekst</div>
Laatst bewerkt:
Het kan ook met het dhtml-filter glow():
maar dat werkt alleen met IE (en je moet een breedte en hoogte opgeven voor het element).
Vr.Gr. Egel.
PHP:
<div style="color: white; filter:glow(color=black,strength=1,enabled=1); width: 320px; height: 40px; letter-spacing: 2px; padding-left: 2px;">filter: glow()</div>Vr.Gr. Egel.
- Status
