e7: Weiteres Problem: display:block + <a> mit border

Beitrag lesen

Hi,

nein, .map_div wird nicht ignoriert - aber es hat hier halt weniger gewicht. du brauchst also etwas mit mehr gewicht, als eine klasse.

Und genau da ist das Problem - wie mache ich das? Hier der genaue Ausschnitt des HTML-Codes:

<td class="map_td_3"><a href="index.php?id=cave&cid=51" title="Bleiweil (ID: 51)" class="map_div" style="background-image: url(pictures/pixel.gif); "><span class="map_info">&nbsp;</span></a></td>

E7

PS: Hier mal der leicht gekürzte HTML-Code der betreffenden Datei:
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<link rel="stylesheet" href="style.css" type="text/css"/>
<meta content="text/html; charset=ISO-8859-1" http-equiv="content-type"/>
<title>stone age</title>
</head>
<body>
<div class="top_bar"><img src="design/logo.gif" alt="StoneAge"/></div>
<div class="top_right"><img src="design/logo_right.jpg" alt="Das Steinzeitspiel"/></div>
<div class="information"><b>Rohstoffe in Höhle Dolchheith (4|9)</b><br/><span title="Max: 10"><b>Einwohner:</b> 101008 (0)</span> <span title="Max: 5000"><b>Nahrung:</b> 27490 (5)</span> <span title="Max: 3000"><b>Holz:</b> 27925 (5)</span> <span title="Max: 3000"><b>Stein:</b> 28539 (5)</span> <span title="Max: 3000"><b>Metall:</b> 29090 (0)</span> <span title="Max: 3000"><b>Schwefel:</b> 29090 (0)</span> <span title="Max: 1500"><b>GG:</b> 14545 (0)</span></div>

<div class="navigation"><a href="index.php?id=uebersicht" class="navi_link">&Uuml;bersicht</a>
<a href="index.php?id=karte" class="navi_link">Landkarte</a>

<div class="content"><h1>Landkarte</h1>
<table class="tabellenrahmen">
<td class="map_td_2"><a href="index.php?id=cave&cid=1" title="Elbendiek (ID: 1)" class="map_div" style="background-image: url(pictures/pixel.gif); "><span class="map_info">&nbsp;</span></a></td><td class="map_td_4"><a href="index.php?id=cave&cid=11" title="Todesgarten (ID: 11)" class="map_div" style="background-image: url(pictures/pixel.gif); "><span class="map_info">&nbsp;</span></a></td><td class="map_td_2"><a href="index.php?id=cave&cid=21" title="Kugelbruch (ID: 21)" class="map_div" style="background-image: url(pictures/pixel.gif); "><span class="map_info">&nbsp;</span></a></td><td class="map_td_2"><a href="index.php?id=cave&cid=31" title="Pickelhof (ID: 31)" class="map_div" style="background-image: url(pictures/pixel.gif); "><span class="map_info">&nbsp;</span></a></td><td class="map_td_1"><a href="index.php?id=cave&cid=41" title="Gnubbelgatt (ID: 41)" class="map_div" style="background-image: url(pictures/pixel.gif); "><span class="map_info">&nbsp;</span></a></td><td class="map_td_3"><a href="index.php?id=cave&cid=51" title="Bleiweil (ID: 51)" class="map_div" style="background-image: url(pictures/pixel.gif); "><span class="map_info">&nbsp;</span></a></td><td class="map_td_3"><a href="index.php?id=cave&cid=61" title="Schenkelhügel (ID: 61)" class="map_div" style="background-image: url(pictures/pixel.gif); "><span class="map_info">&nbsp;</span></a></td><td class="map_td_3"><a href="index.php?id=cave&cid=71" title="Augenbronn (ID: 71)" class="map_div" style="background-image: url(pictures/pixel.gif); "><span class="map_info">&nbsp;</span></a></td><td class="map_td_4"><a href="index.php?id=cave&cid=81" title="Greifsrade (ID: 81)" class="map_div" style="background-image: url(pictures/pixel.gif); "><span class="map_info">&nbsp;</span></a></td><td class="map_td_4"><a href="index.php?id=cave&cid=91" title="Spelzengatt (ID: 91)" class="map_div" style="background-image: url(pictures/pixel.gif); "><span class="map_info">&nbsp;</span></a></td></tr>
<td class="map_td_3"><a href="index.php?id=cave&cid=2" title="Pilsklotzen (ID: 2)" class="map_div" style="background-image: url(pictures/pixel.gif); "><span class="map_info">&nbsp;</span></a></td><td class="map_td_4"><a href="index.php?id=cave&cid=12" title="Finkenbad (ID: 12)" class="map_div" style="background-image: url(pictures/pixel.gif); "><span class="map_info">&nbsp;</span></a></td><td class="map_td_4"><a href="index.php?id=cave&cid=22" title="Sockenwasser (ID: 22)" class="map_div" style="background-image: url(pictures/pixel.gif); "><span class="map_info">&nbsp;</span></a></td><td class="map_td_1"><a href="index.php?id=cave&cid=32" title="Eisenstock (ID: 32)" class="map_div" style="background-image: url(pictures/pixel.gif); "><span class="map_info">&nbsp;</span></a></td><td class="map_td_4"><a href="index.php?id=cave&cid=42" title="Riesenhag (ID: 42)" class="map_div" style="background-image: url(pictures/pixel.gif); "><span class="map_info">&nbsp;</span></a></td><td class="map_td_1"><a href="index.php?id=cave&cid=52" title="Dunkelhof (ID: 52)" class="map_div" style="background-image: url(pictures/pixel.gif); "><span class="map_info">&nbsp;</span></a></td><td class="map_td_4"><a href="index.php?id=cave&cid=62" title="Fahleg (ID: 62)" class="map_div" style="background-image: url(pictures/pixel.gif); "><span class="map_info">&nbsp;</span></a></td><td class="map_td_1"><a href="index.php?id=cave&cid=72" title="Affenhütte (ID: 72)" class="map_div" style="background-image: url(pictures/pixel.gif); "><span class="map_info">&nbsp;</span></a></td><td class="map_td_3"><a href="index.php?id=cave&cid=82" title="Speichelhütte (ID: 82)" class="map_div" style="background-image: url(pictures/pixel.gif); "><span class="map_info">&nbsp;</span></a></td><td class="map_td_3"><a href="index.php?id=cave&cid=92" title="Kadaverfest (ID: 92)" class="map_div" style="background-image: url(pictures/pixel.gif); "><span class="map_info">&nbsp;</span></a></td></tr>

</table><p class="smallinfo" title="Diese Werte nehmen keinen Einfluss auf das Spielgeschehen">
php: execution time: 0.067 seconds</p></div></body></html>

Und hier mal die CSS-Datei auch leicht gekürzt:

a:link, a:active {
 color: #003050;
 text-decoration: none;
 border-bottom: 1px dashed #14DCDC;
}

a:visited {
 text-decoration: none;
 border-bottom: 1px dashed #14DCDC;
 color: #001030;
}

b {
 font-weight: bold;
}

input, textarea {
 border: 1px dashed #103050;
 background-color: #50C0C0;
}

input:hover {
 background-color: #80E0E0;
}

.navi_link:link, .navi_link:visited, .navi_link:active {
 color: #000000;
 display: block;
 font-weight: bold;
 border: none;
 padding: 1px;
 text-transform: lowercase;
}

.navi_link:hover {
 color: white;
 border-left: 2px solid #50C0C0;
}

.top_bar {
 background-image: url(design/back_top.gif);
 background-repeat: repeat-x;
 width: 100%;
}

.top_right {
 position: absolute;
 right: 0px;
 top: 0px;
}

.navigation {
 position: absolute;
 left: 0px;
 top: 140px;
 width: 200px;
 text-align: center;
}

.content {
 position: absolute;
 left: 220px;
 top: 120px;
 right: 2px;
}

.tabellenzeile {
 background-image: url(design/back_table.gif);
 background-repeat: repeat-x;
}

.tabellenrahmen {
 border: 1px solid #10D0D0;
 border-spacing: 0px;
 border-collapse: collapse;
}

.map_div {
 width: 48px;
 height: 48px;
 max-width: 48px;
 max-height: 48px;
 min-width: 48px;
 min-height: 48px;
 overflow: hidden;
 display: block;
 border-style: none;
}

.map_td_1 {
 background-image: url('pictures/map_gebirge.gif');
}

.map_info {
 font-size: 0.6em;
 color: black;
}