1. #1

    Registered
    19/09/05
    Posts
    1,911
    iTrader
    0
    Mentioned
    0 Post(s)

    CSS: border-left belangrijker dan border-bottom

    waarschijnlijk is dit niet mogelijk, maar als ik in css een border-left een kleur geef, en border-bottom een kleur, dan is er idd 1 pixel waarbij men zal moeten kiezen... namelijk die onderaan links in het hoekje!

    nu blijkt dat hij de kleur neemt van de border-bottom, wat in mijn geval slecht is, ik wil de kleur van border-left


    is dit mogelijks ffs
    no votes  

  2. #2
    frenzal's Avatar
    Registered
    20/12/02
    Location
    Antwerpen
    Posts
    1,319
    iTrader
    8 (100%)
    Mentioned
    0 Post(s)
    Reputation
    0/1
    gebruik een achtergrond image?
    no votes  

  3. #3
    grooverider's Avatar
    Registered
    08/07/03
    Location
    Leuven
    Posts
    328
    iTrader
    0
    Mentioned
    0 Post(s)
    Reputation
    0/0
    net even uitgeprobeerd met deze code:
    HTML Code:
    <body>
    <div id="box"></div>
    </body>
    Code:
    * {margin: 0; padding: 0;}
    
    #box {
    	margin: 100px auto;
    	width: 200px;
    	height: 200px;
    	border-left: 1px solid #000;
    	border-bottom: 1px solid #8f0;
    }
    en bij mij nam hij voor de linkerbenedenpixel net altijd de kleur van border left, zelfs wanneer ik de volgorde van de 2 verwissel...
    Eerst dacht ik dat de kleur zou nemen van de laatste gespecifieerde waarde, maar dat doet hij blijkbaar niet.

    Ik heb net even mijn test gedaan in IE, en daar neemt hij inderdaad de kleur van de bottom aan. Het hangt dus louter af van welke rendering engine.

    Om zeker te zijn kan je misschien hetgeen je een border-left wil geven in een nieuwe div zetten:
    HTML Code:
    <body>
    <div class="borderLeft">
    	<div id="box"></div>
    </div>
    </body>
    Code:
    * {margin: 0; padding: 0;}
    
    #box {
    	width: 200px;
    	height: 200px;
    	border-bottom: 1px solid #000;
    }
    
    .borderLeft {
    	width: 200px;
    	margin: 100px auto;
    	border-left: 1px solid #8f0;
    }
    vrij omslachtige manier, maar ze werkt wel (voor gebruik in een ul zal het wat meer werk kosten)
    no votes  

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •  

Log in

Log in