HTML & CSSur HTML, XHTML & CSS
4 svar · 231 visningar · startad av mahjar
Hej.
Kolla på den här koden
KOD:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<HTML xmlns="http://www.w3.org/1999/xhtml" xml:lang="sv" lang="sv">
<html>
<head>
<style type="text/css">
p.meny {
border: 1px solid #000000;
background-image: url(logon.gif);
width: 500px;
text-align: right;
}
p.content {
border: 2px dotted #000000;
width: 350px;
text-align: center;
background-color: #00B4FF;
}
p.besok {
border-right: 2px dotted #000000;
border-top: 2px dotted #000000;
border-bottom: 2px dotted #000000;
width: 150px;
text-align: center;
background-color: #00B4FF;
}
a:link {
color: #000000;
text-decoration: none;
}
a:visited {
text-decoration: none;
color: #000000;
}
a:hover {
text-decoration: underline;
color: #333333;
}
a:active {
text-decoration: none;
color: #000000;
}
.style2 {
font-family: "Courier New", Courier, mono;
font-size: 12px;
}
</style>
<title>Mahjar's Site</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
</head>
<body>
<p class="meny"><br />
<br />
<br />
<span class="style2"><a href="index.html">.Start</a> .Om Mig .Gästbok</span> <br />
</p>
<p class="content"><br />
<br />
</p>
</body>
</html>
när jag addar <p class="besok"></p>
så kommer den under <p class="content"></p>
men jag vill att den ska vara bredvid den.
Välkommen till webForum mahjar!
p-taggen används för stycken. Därför placeras den alltid på en egen rad. Pröva att använda en span-tagg istället för en p tagg för att få bort den effekten. I övrigt kan du ju sätta <nobr></nobr> runt den text du inte vill ska få en ny rad i sig.
Tack =)!
Ska jag bara ändra <p> till <span>?
Prövade så men då gick allt bort...ska man använda nåt annat istället för "class" i SPAN taggen?
Ja nu funkade det, tack så mycket nitro2k01 och silfver!
