• Hallo, hopelijk kunnen jullie me helpen met de volgende vraag.

    Op de volgende site (http://tbetestblog.tumblr.com) wil ik graag de rode lijn plaatsen zoals de grijze lijn langs het blokje op de volgende afbeelding (http://img849.imageshack.us/img849/1433/schermafbeelding2012051.jpg). Ik heb al vanalles geprobeerd, maar kom er gewoon niet uit. Hoe krijg ik dit voor elkaar?

    Op dit moment gebruik ik overigens de volgende code:

    .postDate{
        		background-color: #F29888;
    			width:38px;
    			height:38px;
    			float:left;
    			font-size:12px;
    			font-weight:bold;
    		}
    
    		.postDateMonthDay, .postDateYear{
    			text-align: center;
    			clear:both;
    			margin:auto;
    			font: 12px 'Arial Narrow', sans-serif;
    			height:16px;
    			padding-top:3px;
    			margin-left:3px;
    			margin-right:3px;
    			color:white;
    		}
    
    		.postDateMonthDay a, .postDateYear a{
    			color:white;
    			letter-spacing: 1px;
    		}
    
    		.postDateYear{
    			border-top: 1px solid white;
    			padding-top:1px;
    
    		}
    
    		.split_border{
    			margin-top: 19px;
    			border-top: 1px solid #CC0000;
    			margin-bottom:50px;
                margin right:10px;
                margin left:10px
    			width:50px;
    		}
1 reactie aan het bekijken (van in totaal 1)
  • Je hebt van de datum een blokje gemaakt met een horizontaal streepje in het midden.
    Plaats achter die datum net zo’n blokje, zonder dag, maand en jaar en mét dat horizontale streepje in het midden.
    Desnoods zet je er wel dag maand en jaar in en geef je deze dezelfde kleur als de achtergrond.

1 reactie aan het bekijken (van in totaal 1)
  • Het onderwerp ‘Horizontale lijn op juiste plaats krijgen’ is gesloten voor nieuwe reacties.