abstand bei border?

jonemo · 16.06.2003, 16:16

entweder bin ich mal wieder an die grenzen des falschen ie box models gestoßen oder aber ich bin einfach zu blöde. ich bekomme so was wie im anhang, will aber sowas wie im anhang ohne die abstände zwischen den boxen.

der code dazu ist im html:

Code:

<div id="menu">
	<a href="a"><img src="design/spacer.gif" height="150" width="20" /></a>
	<a href="a"><img src="design/spacer.gif" height="150" width="20" /></a>
	<a href="a"><img src="design/spacer.gif" height="150" width="20" /></a>
	<a href="a"><img src="design/spacer.gif" height="150" width="20" /></a>
	<a href="a"><img src="design/spacer.gif" height="150" width="20" /></a>
	<a href="a"><img src="design/spacer.gif" height="150" width="20" /></a>
</div>

und im css

Code:

/* MENU */
#menu {position:absolute; left: 8%;top: 390px; width: 170px; padding: 1px; margin: 0; font-size: 12px; border:0;}
#menu a {margin:0; padding:0; background-color: #fff;}
#menu a:hover {text-decoration: none; background: #ddd; }
#menu a:active {background: #eee; color: #000;}
#menu a img {border:1px solid #000; padding:0; margin:0}
#menu a img:hover {border: solid 1px #007DA5;}

AnnaStesia · 16.06.2003, 16:27

hm, ist vielleicht eine blöde Frage, aber hat es einen bestimmten Grund, warum Du die Maßeinheiten weglässt? Ich dachte bei numerischen Angaben müssten die immer dabei sein?

jonemo · 16.06.2003, 16:43

bei NULL muss nix ran, denn NULL ist NULL egal in welcher maßeinheit und bei allen andren zahlen sind die px dran. oder?

prefix · 16.06.2003, 17:58

hier mal eine lösung:

Code:

<?php echo "<?xml version=\"1.0\" encoding=\"iso-8859-1\"?".">"; ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Unbenanntes Dokument</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link href="menu.css" rel="stylesheet" type="text/css" />
</head>

<body>
<div id="menu">
	<div class="links">
		<a href="a"><img src="design/spacer.gif" height="150" width="20" /></a>
	</div>
	<div class="links">
		<a href="a"><img src="design/spacer.gif" height="150" width="20" /></a>
	</div>
</div>

</body>
</html>

css:

Code:

/* MENU */
#menu {
position:absolute; 
left: 8%;
top: 390px; 
width: 170px; 
padding: 1px; 
margin: 0; 
font-size: 12px; 
border:0;
}
/* weg damit !!!
#menu a {
margin:0; 
padding:0; 
background-color: #fff;
}
#menu a:hover {
text-decoration: none; 
background: #ddd; 
}
#menu a:active {
background: #eee; 
color: #000;
}
#menu a img {
border:1px solid #000; 
padding:0; 
margin:0
}
#menu a img:hover {
border: solid 1px #007DA5;
}

*/

.links {
	position: relative;
	display: inline;
	margin: 0px;
	width: 20px;
	height: 150px;
}

.links a {
margin:0px; 
padding:0px; 
background-color: #fff;
}
.links a:hover {
text-decoration: none; 
background: #ddd; 
}
.links a:active {
background: #eee; 
color: #000;
}
.links a img {
border:1px solid #000; 
margin:0px;
}
.links a img:hover {
border: solid 1px #007DA5;
}

jonemo · 16.06.2003, 18:21

1. nein, ich habe nicht validiert, weil ich weiß, dass das noch nicht so ganz 1a ist.

2. danke für deine lösung

3. ist es keine lösung, denn das problem besteht immer noch, nur sind es jetzt nur noch zwei kästen

prefix · 16.06.2003, 18:23

na dann gib ein paar kästen dazu! hier funkt. es: http://www.prefix.at/v5_1/test/menu.php

jonemo · 16.06.2003, 18:45

Nun steh ich hier, ich armer Tor, ....

In der Tat, da guggt er dumm der jonemo. stellt sich nur die Frage warum es vorher nicht ging. Wahrscheinlich war das alte Stylesheet im Cache oder sonstwas.

Aber eins hab ich daraus gelernt. Ich geh nie wieder ins Puristen-Forum um zu hlefen. Ich bin zu dumm dafür.

EDIT

und noch was hab ich gelernt: ich schiess diesen brauser auf den mond. jetzt hab ich die borders umgeändert (in rot) und sie sind immer noch schwarz

prefix · 16.06.2003, 19:36

cache?!?! ;-)) das wird schon, jonemo *ggg* - mir gefällt dein schritt zu css - mit der zeit wird sich da eine hass-liebe zwischen css und dir entwickeln, und das gehört so :-)