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"> </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">Ü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"> </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"> </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"> </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"> </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"> </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"> </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"> </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"> </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"> </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"> </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"> </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"> </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"> </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"> </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"> </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"> </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"> </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"> </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"> </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"> </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;
}