Archief - CSS: crossbrowser probs / image komt niet zoals gewenst

teh_NiHiLiM · 8 apr 2008

Gegroet gy allen,

mijn eerste post in het Webdesign gedeelte van 9lives.

Ik zal maar dirrect met de deur in huis vallen:
Ik heb een probleem, en ik zelf en enkele anderen krijgen het niet opgelost :confused:

aanschouw de volgende website:
http://industria.be/~loud/ (website opkomende ploeg voor Praesidium verkiezingen)

in IE7 komt de site mooi uit zoals het behoeft.
in FF/Opera/Safari loopt het echter mis :cry:

van zodra mijn img links zijn, of kleiner dan 12px, dan jah.. misvormt de site.

dit is mijn header: (of toch de delen van belang)

PHP:

<head>
	<link rel="stylesheet" type="text/css" href="style.css" media="screen" />
	<style type="text/css">
    img{
		border: 0px;
	}
	img a{
		border: 0px;
	}
    </style>
</head>

<body>


<table width="730" border="0" cellspacing="0" cellpadding="0">
  <tr>
          <td width="730" height="191">
          <table width="730" border="0" cellspacing="0" cellpadding="0">
            <tr>
                  <td width="646" height="25"><img src="images/header_02.jpg" width="646" height="25" /></td>
                  <td width="16" height="25"><em><img src="images/header_03.jpg" width="16" height="25" /></em></td>
                  <td width="14" height="25"><img src="images/header_04.jpg" width="14" height="25" /></td>
                  <td width="16" height="25"><img src="images/header_05.jpg" width="16" height="25" /></td>
                  <td width="38" height="25"><img src="images/header_06.jpg" width="38" height="25" /></td>
            </tr>
            <tr>
                  <td width="646" height="14"><img src="images/header_08.jpg" width="646" height="14" /></td>
                  <td width="16" height="14" class="nllink"><a href="?lang=nl"><img src="images/header_09.jpg" alt="Nederlands" width="16" height="14" /></a></td>
                  <td width="14" height="14"><img src="images/header_10.jpg" width="14" height="14" /></td>
                  <td width="16" height="14"class="enlink"><a href="?lang=en"><img src="images/header_11.jpg" alt="English" width="16" height="14" /></a></td>
                  <td width="38" height="14"><img src="images/header_12.jpg" width="38" height="14" /></td>
            </tr>
            <tr>
                   <td width="646" height="152"><img src="images/header_13.jpg" width="646" height="152" /></td>
               
                    ......

            </tr>
          </table>
          </td>
  </tr>
  <tr>
          <td>
          <table width="730" border="0" cellspacing="0" cellpadding="0">
            <tr>
                   <td width="48" height="45"><img src="images/nav_l.jpg" width="48" height="45" /></td>
                   <td width="97" height="45"><A HREF="index.php"  title="<?php echo strtoupper($langfile['home']); ?>" id="home" onMouseOver="document.but_home.src='images/nav_home_h.jpg'" onMouseOut="document.but_home.src='images/nav_home.jpg'" ><img src="images/nav_home.jpg" NAME="but_home" width="97" height="45" alt=""></A></td>
                   <td width="12" height="45"><img src="images/nav_fill.jpg" width="12" height="45" /></td>
                   <td width="97" height="45"><A HREF="team.php"  title="<?php echo strtoupper($langfile['team']); ?>" id="team" onMouseOver="document.but_team.src='images/nav_team_h.jpg'" onMouseOut="document.but_team.src='images/nav_team.jpg'" ><img src="images/nav_team.jpg" NAME="but_team" width="97" height="45" alt=""></A></td>
                   <td width="12" height="45"><img src="images/nav_fill.jpg" width="12" height="45" /></td>
.... and so on.

en dit is mijn stylesheet:

Code:

body{
	background-color:#000000;
	background-image: url(images/bg.jpg);
	background-repeat: repeat;
	font-family: georgia;
	font-weight: normal;
	color: #848484;
	font-size: 12px;
	border: 0px;
}
.nllink {
	text-decoration:none;
	width:16px;
	heigth:14px;
	font-size: 2px;
	border: 0px;
}
.enlink {
	text-decoration:none;
	width:16px;
	heigth:14px;
	font-size: 2px;
	border: 0px;
}
.list li, .list ul{
	color: #4eb108;
	font: Georgia;
	font-weight: bold;
}
.kalender li, .kalender ul{
	color: #848484;
	font: Georgia;
}
.subtitle{
	color: #4eb108;
	font: Georgia;
	font-weight: bold;
}
.subtitle a{
	color: #4eb108;
	font: Georgia;
	font-weight: bold;
	text-decoration: underline;
}
.footer {
	color: #666666;
	font: Georgia;
	font-weight: normal;
	font-size: 9px;
}
a,a:active,a:visited{
	text-decoration: none;
	color: white;
	border:0px;
}
a:hover{
	text-decoration: underline;
	color: white;
	border:0px;
}
img{
	border: 0px;
}
img a{
	border: 0px;
}

kan iemand mij helpen bij dit probleem ?

ik heb echt al verschillende dingen geprobeerd :doh:

dank bij voorbaat,
NiCO

Archief - CSS: crossbrowser probs / image komt niet zoals gewenst

teh_NiHiLiM

Legacy Member