Hallo allemaal,

Ik ben nu een tijdje bezig de plugins in mijn sidebar te stijlen op http://www.autohd.nl.

Om de verschillende boxen te stijlen heb ik meerdere klasses aangemaakt in css. Als de recente reacties op catframe2 staan dan word de box aangepast op de content. Maar omdat ik deze anders eruit wil laten zien heb ik alles van catframe 2 gekopieerd en catframe 3 genoemd om deze dan vervolgens aan te gaan passen.

Nu is het zo dat als ik catframe 3 invul in de html ipv 2. De box maar tot de helft loopt dus zichzelf niet meer aanpast aan de content. Zelf heb ik geen idee waar dit vandaan komt omdat ik alles van catfram2 exact heb gekopieerd!

Hieronder de code:

Code:

.cateframe2{
background:#FFFFFF;
padding-top:1px;
padding-bottom:5px;
padding-left:10px;
}

.cateframe3{
background:#FFFFFF;
padding-top:1px;
padding-bottom:5px;
padding-left:10px;
}

.cateframe2 ul{
margin:0px;
padding:0px;
}

.cateframe3 ul{
margin:0px;
padding:0px;
}

.cateframe2 ul li{
padding:0px;
margin:0px;
list-style:none;
}

.cateframe3 ul li{
padding:0px;
margin:0px;
list-style:none;
}

.cateframe2 ul li a{
padding:0px;
margin:0px;
display:block;

width:125px;
padding-left:20px;
background:url(images/bullet.gif) no-repeat 10px 6px;
font-size:12px;
padding-right:10px;
color:#606F9C;
text-decoration:none;
line-height:18px;
}


.cateframe3 ul li a{
padding:0px;
margin:0px;
display:block;

width:125px;
padding-left:20px;
background:url(images/bullet.gif) no-repeat 10px 6px;
font-size:12px;
padding-right:10px;
color:#606F9C;
text-decoration:none;
line-height:18px;
}

.cateframe2 ul li a:hover{
text-decoration:underline;
}

.cateframe3 ul li a:hover{
text-decoration:underline;
}

Op de site heb ik nu catframe3 ingevuld ipv. 2

Het cateframe3 blokje is tweemaal gedefinieerd in je style.css bestand. Eenmaal vanaf regel 144 en eenmaal vanaf regel 414.

Hartstikke bedankt! het werkt nu inderdaad goed.

Wat ik me nu nog afvraag is hoe ik de ruimte tussen de naam en het excerpt van de comment kan verkleinen.

Bijv. Dylan: Hey Steffan ipv. Dylan:.... Hey Steffan

In style.css, het blokje .cateframe3 ul li a

padding:0 10px 0 0;

veranderen in

padding: 0;

Misschien zou de hele padding weghalen ook werken, probeer het even :)

Toevoeging, als je FireFox hebt, installeer dan eens FireBug. Daarmee kun je je pagina in FireFox inspecteren. Je kunt de verschillende delen en blokken van je pagina oplichten en de .css ervan bekijken. En natuurlijk ook op een makkelijke manier de kunst afkijken bij andere sites. Ik moet eerlijk bekennen dat ik dit pas sinds kort ontdekt heb, maar het is al een grote hulp geweest. Ik denk als je er even tijd in steekt om het uit te proberen dat je binnen no-time zelf dit soort dingen kunt oplossen.

Niet dat ik je niet met alle plezier help hoor :)

Nogmaals bedankt voor de hulp!. Heb nu ook firebug geďnstalleerd, dat lijkt me een mooi programma om fouten mee op te sporen.