Hej
Jeg har et lidt "sjovt" problem... jeg får nogen linieskift/tomme linie når jeg bruger <p></p> selvom jeg ikke burde.
Da det ikke vil give nogen mening at lede efter alt css/html i et dokument med en masse php så har jeg hevet det rene html/css ud så I kan se problemet:
www.wuhtzu.dk/random/test_p.html
<html>
<head>
<link rel="stylesheet" type="text/css" href="style.css">
</head>
<body>
<table border="1" cellpadding="0" cellspacing="0">
<tr>
<td colspan='2'><p>Dette er en stor fed mening</p>
</td>
</tr>
<tr>
<td><p>Jonas</p>
</td>
</tr>
<tr>
<td><p>Dette er en stor fed mening</p>
</td>
</tr>
<tr>
<td><p>Jonas</p>
</td>
</tr>
</table>
<br><br><br><br>
<table border="1">
<tr>
<td colspan='2'><p>Dette er en stor fed mening</p>
</td>
</tr>
<tr>
<td><a href='mailto:tis@tis.dk'><p>Jonas</p></a><br>
</td>
</tr>
<tr>
<td colspan='2'><p>Dette er en stor fed mening</p>
</td>
</tr>
<tr>
<td><a href='mailto:tis@tis.dk'><p>Jonas</p></a><br>
</td>
</tr>
</table>
<br><br><br>
<table border="1">
<tr>
<td colspan='2'><p>Dette er en stor fed mening</p>
</td>
</tr>
<tr>
<td><a href='mailto:tis@tis.dk'>Jonas</a><br>
</td>
</tr>
<tr>
<td colspan='2'><p>Dette er en stor fed mening</p>
</td>
</tr>
<tr>
<td><a href='mailto:tis@tis.dk'>Jonas</a><br>
</td>
</tr>
</table>
</body>
</html>
style.css
body{
margin: 0 0 0 0;
background-color: #727272;
}
table{
border: 0 0 0 0;
}
/*Properties for predefined tags, like p, h1 ect:*/
p{
font-family: arial;
fontsize: 1em;
}
input{
font-family: arial;
}
textarea{
font-family: arial;
}
/*Properties for links*/
a:link{
color: #000000;
}
a:visited{
color: #000000;
}
a:hover{
color: #FFFFFF;
}
a:active{
color: #FFFFFF;
}
a{
text-decoration: none;
}
/*class Properties*/
p.blogheader{
margin: 0 0 0 5;
font-family: arial;
font-size: 15px;
font-weight: bold;
}
p.content{
margin: 0 0 0 10;
font-family: arial;
font-size: 1em;
}
p.adminheader{
font-family: arial;
font-size: 1.5em;
}
p.adminfield{
font-family: arial;
font-weight: bold;
}
p.articleheader{
font-family: arial;
font-size: 1.5em;
}
p.articleheader2{
font-family: arial;
font-weight: bold;
}
/*id Properties for layout tables and cells*/
#leftshadowsite{
width: 33px;
background-image: url(../gfx/leftshadowsite420x33.png);
}
#rightshadowsite{
width: 33px;
background-image: url(../gfx/rightshadowsite420x33.png);
}
#banner{
height: 98px;
background-image: url(../gfx/banner800x98.png);
}
#menudrop{
width: 800px;
height: 30px;
background-image: url(../gfx/menudrop800x30.png);
}
#dropshadow{
height: 16px;
background-image: url(../gfx/dropshadow800x16.png);
}
#maincontent{
width: 536px;
background-color: #C95F29;
}
#topdose{
height: 10px;
background-image: url(../gfx/topdose264x10.png)
}
#leftdose{
width: 13px;
background-image: url(../gfx/leftdose42x13.png);
}
#rightdose{
width: 10px;
background-image: url(../gfx/rightdose42x10.png)
}
Der skal I primært lægge mærke til:
/*Properties for predefined tags, like p, h1 ect:*/
p{
font-family: arial;
fontsize: 1em;
}Som I kan se får jeg en underlig blank linie ovenfor og nedenfor navnet i midterste tabel, hvor navnet samtidig er et link og indsluttet i <p>-tag. Derimod sker det ikke hvis jeg blot laver navnet til et link som i den nederste tabel og der sker heller ikke noget når jeg blot bruger <p> uden at lave navnet til et link.
Så det må være kombinationen af <a> og <p> der giver et problem, men hvorfor? Hvad gør jeg galt?
Jonas
Indlæg senest redigeret d. 19.06.2006 09:31 af Bruger #7041