Problem with borders?

aenima · 24. november 2005

If you view my site with in internet explorer you will se my problem.

As you can see, internet explorer creates a border/gap under my pictures.

Ive tried removing them with the cellpadding and cellspacing tags... but no...

I cant figure out where in my code the error is.

Firefox displays my site correctly.

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<title>Mindgap</title>
<head>
<link ref="styles/style.css" rel="stylesheet" type="text/css">
</head>
<body cellspacing="0" cellpadding="0">
<table width="624" align="center" valign="top" border="0" cellspacing="0" cellpadding="0">
<tr>
 <td colspan="2" width="624">
 <img src="sitepics/top.png" border="0">
 </td>
</tr>
<tr>
 <td width="520" valign="top">
 	<table width="520" valign="top" border="0" cellspacing="0" cellpadding="0">
   <tr>
   	<td bgcolor="#000000" width="7"></td>
   	<td bgcolor="#FFFFFF" width="13"></td>
   	<td width="500">
   	<a href="index.php?go=main"><img src="sitepics/main.png" border="0"></a>
   	</td>
   </tr>
 	</table>
 	<table width="520" border="0" cellspacing="0" cellpadding="0">
   <tr>
   	<td bgcolor="#000000" width="7"></td>
   	<td bgcolor="#FFFFFF" width="3"></td>
   	<td width="500" height="750" valign="top">


   	</td>
   	<td width="10">
   	</td>
   </tr>
 	</table>
 </td>
 <td width="104" valign="top">
 	<table width="104" cellpadding="0" cellspacing="0" valign="top" border="0">
   <tr>
   	<td width="104" height="18">
   	<a HREF="index.php?go=news"><img src="sitepics/news.png" border="0"></a>
   	</td>
   </tr>
   <tr>
   	<td width="104" height="18">
   	<a HREF="test.php"><img src="sitepics/events.png" border="0"></a>
   	</td>
   </tr>
   <tr>
   	<td width="104" height="18">
   	<a HREF="guest.php"><img src="sitepics/guests.png" border="0"></a>
   	</td>
   </tr>
   <tr>
   	<td width="104" height="18">
   	<a href="pics.php"><img src="sitepics/pics.png" border="0"></a>
   	</td>
   </tr>
   <tr>
   	<td width="104" height="18">
   	<a HREF="index.php?go=band"><img src="sitepics/band.png" border="0"></a>
   	</td>
   </tr>
   <tr>
   	<td width="104" height="18">
   	<a HREF="index.php?go=links"><img src="sitepics/links.png" border="0"></a>
   	</td>
   </tr>
   <tr>
   	<td width="104" height="18">
   	<a HREF="index.php?go=sounds"><img src="sitepics/sound.png" border="0"></a>
   	</td>
   </tr>
   <tr>
   	<td width="104" height="23">
   	<a HREF="index.php?go=contact"><img src="sitepics/contact.png" border="0"></a>
   	</td>
   </tr>
   <tr>
   	<td valign="top">
   	<img src="sitepics/mg.png">
   	</td>
   </tr>
 	</table>
 </td>
</tr>
</table>
<center><a href="admin/cp.html">Enter administration</a></center>
</body>
</html>

Can anyone help me?

Er lov å svare på norsk

Endret 24. november 2005 av aenima

Lovskogen · 24. november 2005

Jeg har ikke så mye peiling på sider som er satt opp med tabeller, men om du legger ann til divisjoner og ordentlig HTML-koding, kan jeg nok hjelpe deg

aenima · 24. november 2005

Jeg har ikke så mye peiling på sider som er satt opp med tabeller, men om du legger ann til divisjoner og ordentlig HTML-koding, kan jeg nok hjelpe deg

5201900[/snapback]

Er ikke helt stødig på webside programmering.... divisjoner? ordentlig HTML - koding? trodde da jeg koda ordentlig HTML jeg...

Lovskogen · 24. november 2005

Nei, å sette opp en side via tabeller er avleggs. <div> </div> Brukes til å sette siden inn i divisjoner.

aenima · 24. november 2005

Nei, å sette opp en side via tabeller er avleggs. <div> </div> Brukes til å sette siden inn i divisjoner.

5201951[/snapback]

Om man bruker <div></div> har vel lite med problemet mitt å gjøre. her kommer det en tabel med 7 vertikale celler som inneholder bider. hvor kommer gapet på 4-5 pixler under hvert bilde fra? forstår ikke hvorfor det bare er under hvert bildet, og ikke over og på kantene. og hvorfor viser firefox siden rett mens ie viser "feil"?

fustrerende å ikke finne problemet.

potetskrell · 24. november 2005

Hvis jeg fortsetter har jeg satt opp hele sida for deg.. Men her er en start. Man vil nok si seg litt uenig i menyen, men det kan ofte være like enkelt å gjøre det slikt som under..

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<title>Mindgap</title>
<head>
<link ref="styles/style.css" rel="stylesheet" type="text/css">
<style type="text/css" media="screen">
ul {
list-style-type: none;
}
li {

}
img {
border: none;
}
.enter {
text-align: center;
}
</style>
</head>
<body>
<div id="header"></div>
<div id="menu">

 <ul>
<li><a href="index.php?go=main"><img src="sitepics/main.png" alt=""></a></li>
   <li><a href="index.php?go=news"><img src="sitepics/news.png" alt=""></a></li>
   <li><a href="test.php"><img src="sitepics/events.png" alt=""></a></li>
   <li><a href="guest.php"><img src="sitepics/guests.png" alt=""></a></li>
   <li><a href="pics.php"><img src="sitepics/pics.png" alt=""></a></li>
   <li><a href="index.php?go=band"><img src="sitepics/band.png" alt=""></a></li>
   <li><a href="index.php?go=links"><img src="sitepics/links.png" alt=""></a></li>
   <li><a href="index.php?go=sounds"><img src="sitepics/sound.png" alt=""></a></li>
   <li><a href="index.php?go=contact"><img src="sitepics/contact.png" alt=""></a></li>
  </ul>

</div>
<div id="content">
<p>Innhold og slikt her..</p>
</div>

<div id="footer"><p class="enter"><a href="admin/cp.html">Enter administration</a></p></div>
</body>
</html>

Dette er én måte å gjøre det på, enkelt sant? Du trenger litt mer css, og også bruk av Faux columns. Da trenger du vel kanskje en liten wrapper og.

aenima · 24. november 2005

takker. skal se på det. prøve å forstå.

bruker et php script til å hente inn innhold.

<?
include("header.html");

error_reporting (E_ALL ^ E_NOTICE);
if(!$go){ $go = $HTTP_GET_VARS['go']; }

if($go=="news"){
include("news.php");
}elseif($go=="" or $go=="main"){
include("main.html");
}elseif($go=="band"){
include("band.html");
}elseif($go=="contact"){
include("contact.html");
}elseif($go=="links"){
include("links.html");
}elseif($go=="sounds"){
include("sounds.html");
}

include("footer.html");
?>

men jeg skrev om måten å sette opp linkene på. jeg tok vekk cellene. og brukte <br> tag til å liste dem nedover. nå kommer hvertfall bildene helt inntil hverandre.

Så da må problemet med gapet komme fra tabellen?

Endret 24. november 2005 av aenima

Lovskogen · 24. november 2005

Ingardj: Fyfy, han kan heller lære seg bruk av image replacement uansett:

http://www.mezzoblue.com/tests/revised-image-replacement/

potetskrell · 25. november 2005

Ingardj: Fyfy, han kan heller lære seg bruk av image replacement uansett:

http://www.mezzoblue.com/tests/revised-image-replacement/

5202118[/snapback]

Les innlegget mitt. Eksemplet er mye mer lettfattelig, og det er heller ingen skam å legge bilder i <li> første gangen man bruker css. Hadde jeg begynt med andre metoder, ville jeg endt opp med å sette opp hele sida, noe som ikke veldig lærerikt for vedkommende. Selv om det finnes en million måter å gjøre ting på, så er ikke alltid den mest korrekte måten alltid den mest lettfattelige for en nybegynner.

aenima · 25. november 2005

Nei... GO GO GO ie!

fant feilen. ved å sette align="left" i <img> tagen FØR <border> tagen forsvant det hvite mellomrommet.

Rarere feil skal man lete lenge etter...

:w00t:

Logg inn

Problem with borders?

Anbefalte innlegg

aenima

Lenke til kommentar

Videoannonse

Lovskogen

Lenke til kommentar

aenima

Lenke til kommentar

Lovskogen

Lenke til kommentar

aenima

Lenke til kommentar

potetskrell

Lenke til kommentar

aenima

Lenke til kommentar

Lovskogen

Lenke til kommentar

potetskrell

Lenke til kommentar

aenima

Lenke til kommentar

Opprett en konto eller logg inn for å kommentere

Opprett konto

Logg inn

Populær nå

Petter Solberg

Hvem er aktive 0 medlemmer