Checkbox - nem

Du kan ikke lave den "flad"

style="border:0px">

style="background-color:#919ca3; border:0px" <-- eller måske sådan

Funker ikke, men I kan se det på tv2.dk. Troede bare det var nemt.

jeg gør det på min side sådan .. så må der være noget andet i dit stylesheet der tager over ..

Ja det har sikkert ret i. Kan det være padding ?

det tror jeg ikke

Jeg er efter et par eksperimenter ret overbevist om, at det er en styresystems-ting, så du kun kan lave den om med custom-udgaver ;-|

Ja, det giver mening. Jeg har tjekket mit .css og der er så vidt jeg kan se intet der overlapper. Desuden har jeg set samme problem andre steder...

Smid et svar. Hvis du kan fortælle mig hvordan problemet løses skal jeg nok hoste op med en anelse flere point :P

Ligger lige mit stylesheet her, det kan være du kan se noget jeg ikke kan:

/* Hovedtypografi */


body
{
    background-color: #3e6077;
    color: #000000;
    font-family: tahoma, verdana, sans-serif;
    font-size: 13px;
}

img
{
    border: 0px;
}

form
{
    margin: 0px;
}

fieldset
{
    border-width: 0px;
}


/* Positionering af elementer */


div#top
{
    background-image: url(/grafik/logo.jpg);
    border-color: #000000;
    border-style: solid;
    border-width: 1px;
    left: -375px;
    top: 7px;   
    height: 100px;
    margin-left: 50%;
    position: absolute;
    width: 750px;
}

div#menu
{
    background-color: #919ca3;
    border-color: #000000;
    border-style: solid;
    border-width: 0px 1px 1px 1px;
    color: #000000;
    left: -237px;
    top: 107px;   
    height: 18px;
    margin-left: 50%;
    position: absolute;
    width: 474px;
}

div#midt
{
    left: -237px;
    top: 125px;
    height: auto;
    margin-left: 50%;
    position: absolute;
    width: 474px;
}

div#venstre
{
    left: -375px;
    top: 126px;
    height: auto;
    margin-left: 50%;
    position: absolute;
    width: 132px;
}

div#hoejre
{
    left: 243px;
    top: 126px;
    height: auto;
    margin-left: 50%;
    position: absolute;
    width: 132px;
}


/* Diverse divs */


div.bokstop
{
    background-color: #3a3a3a;
    border-color: #000000;
    border-style: solid;
    border-width: 1px 0px 1px 0px;
    color: #ffffff;
    float: left;
    font-size: 11px;
    font-weight: bold;
    height: 16px;
    letter-spacing: 1px;
    padding: 0px;
    width: 92px;
    text-align: center;
}

div.boksindhold
{
    background-color: #919ca3;
    border-color: #000000;
    border-style: solid;
    border-width: 1px 1px 1px 1px;
    color: #000000;
    font-size: 11px;
    padding: 3px;
}

div.mellemrum
{
    font-size: 5px;
    height: 5px;
}

div.midtbund
{
    background-color: #919ca3;
    border-color: #000000;
    border-style: solid;
    border-width: 1px 0px 1px 0px;
    color: #000000;
    float: left;
    font-size: 10px;
    padding: 0px 0px 1px 0px;
    width: 438px;
    text-align: center;
}

div.indhold
{
    background-color: #d6dfe4;
    border-color: #000000;
    border-style: solid;
    border-width: 0px 1px 1px 1px;
    color: #000000;
    height: 289px;
    padding: 15px 5px 15px 5px;
}


/* Spans */


span.fed
{
    font-weight: bold;
}

span.kursiv
{
    font-style: italic;
}

span.dato
{
    font-size: 11px;
}

span.overskrift1
{
    background-color: transparent;
    color: #000000;
    font-family: verdana, tahoma, sans-serif;
    font-size: 24px;
    font-weight: bold;
}

span.overskrift2
{
    background-color: transparent;
    color: #000000;
    font-family: verdana, tahoma, sans-serif;
    font-size: 18px;
    font-weight: bold;
}

span.overskrift3
{
    background-color: transparent;
    color: #000000;
    font-family: verdana, tahoma, sans-serif;
    font-size: 14px;
    font-weight: bold;
}


/* Links - rækkefølgen må IKKE ændres */


a:link
{
    background-color: transparent;
    color:#800000;
    text-decoration: none;
}

a:visited
{
    background-color: transparent;
    color:#800000;
    text-decoration: none;
}


a:hover
{
    background-color: transparent;
    color:#800000;
    text-decoration: underline;
}

a:active
{
    background-color: transparent;
    color:#800000;
    text-decoration: none;
}


/* Andet */


.forside
{
    font-size: 12px;
}

.floatleft50
{
    float: left;
    width: 50%;
}

.floatleft
{
    float: left;
}

.floatright
{
    float: right;
}

.floatstop
{
    clear: both;
}

input.boks
{
    background-color: #d6dfe4;
    border-color: #000000;
    border-width: 1px;
    font-size: 11px;
    height: 18px;
    width: 100%;
}

input.logknap
{
    font-family: verdana, tahoma, sans-serif;
    font-size: 10px;
    font-weight: bold;
    border-width: 1px;
    border-style: solid;
    border-color: #999999 #666666 #666666 #999999;
    background-image: url(/grafik/logknap.gif);
    background-position: right;
    float: right;
    height: 18px;
    padding-right: 10px;
    width: 50%;
}

input.check
{
    border: 1px solid #000000;
}

Jeg kan heller finde noget som skulle have speciel indflydelse på den problematik i dit stylesheet ;-)

En custom har jeg set på en eller anden side, men har ikke bidt mærke i hvor !-)

Men princippet er vel meget enkelt: en lille grafik, som ligner fluebenet inde i en boks, hvis man afkrydser og væk med kalorius, så den er tom når den skal være det ...

roenving & troza:

Problemet er løst, efter at jeg har 'ryttet op' i mit stylesheet, men fatter ikke hvorfor. Nu mangler jeg bare at få det venstrestillet...

Smid et svar begge 2 !!

Det har måske noget med rækkefølgerne at gøre ?-)

-- css kan være lidt svær at have med at gøre på den led, for man kan sige at definitionerne ved hver forekomst af noget som skal styles læses _bagfra_ og hvis et ordentligt match findes afbrydes søgningen !-)

Men samtidig er der et hierarki, så navngivne definitioner tæller anderledes end unavngivne, så den endelige løsning er test - test - test ...

-- og velbekomme ;~}

Jeg tror så småt jeg har fattet systemet, fandt et kanon link til css. Tror faktisk ikke man KAN højrestille en checkbox sådan lige. Alle de steder jeg har kigget har de samme 'problem'. Hvis jeg sætter en border på checkboxen går den helt ud til kanten, så checkboxen 'fylder' mere end det man ser.

Venter lige på troxa...

Troxa, sidste chance...

Der var du heldig roenving, du løb med hele puljen :-P

;O)

-- men tak for points ;~}