+ Antworten
Ergebnis 1 bis 8 von 8

Thema: abstand bei border?

  1. #1
    TP-Veteran jonemo macht sich hier sehr viel Mühe Avatar von jonemo
    Registriert seit
    Dec 2002
    Ort
    london
    Beiträge
    1.020

    abstand bei border?

    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;}
    Angehängte Grafiken  

  2. #2
    TP-Veteran AnnaStesia lebt für das TP und seine User AnnaStesia lebt für das TP und seine User AnnaStesia lebt für das TP und seine User AnnaStesia lebt für das TP und seine User AnnaStesia lebt für das TP und seine User AnnaStesia lebt für das TP und seine User AnnaStesia lebt für das TP und seine User AnnaStesia lebt für das TP und seine User Avatar von AnnaStesia
    Registriert seit
    Mar 2002
    Ort
    Berlin
    Beiträge
    1.862
    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?
    Ich weiss es doch auch nicht.
    » www.sightdesign.de «

  3. #3
    TP-Veteran jonemo macht sich hier sehr viel Mühe Avatar von jonemo
    Registriert seit
    Dec 2002
    Ort
    london
    Beiträge
    1.020
    bei NULL muss nix ran, denn NULL ist NULL egal in welcher maßeinheit und bei allen andren zahlen sind die px dran. oder?

  4. #4
    TP-Specialist prefix ist auf einem guten Weg
    Registriert seit
    Aug 2002
    Ort
    Nähe Wien
    Beiträge
    4.642
    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;
    }
    Geändert von prefix (16.06.2003 um 17:15 Uhr)

  5. #5
    TP-Veteran jonemo macht sich hier sehr viel Mühe Avatar von jonemo
    Registriert seit
    Dec 2002
    Ort
    london
    Beiträge
    1.020
    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

  6. #6
    TP-Specialist prefix ist auf einem guten Weg
    Registriert seit
    Aug 2002
    Ort
    Nähe Wien
    Beiträge
    4.642
    na dann gib ein paar kästen dazu! hier funkt. es: http://www.prefix.at/v5_1/test/menu.php

  7. #7
    TP-Veteran jonemo macht sich hier sehr viel Mühe Avatar von jonemo
    Registriert seit
    Dec 2002
    Ort
    london
    Beiträge
    1.020
    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
    Geändert von jonemo (16.06.2003 um 17:48 Uhr)

  8. #8
    TP-Specialist prefix ist auf einem guten Weg
    Registriert seit
    Aug 2002
    Ort
    Nähe Wien
    Beiträge
    4.642
    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 :-)

+ Antworten

Aktive Benutzer

Aktive Benutzer

Aktive Benutzer in diesem Thema: 1 (Registrierte Benutzer: 0, Gäste: 1)

     

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51