Avatar billede unknown_someone Juniormester
20. oktober 2006 - 10:54 Der er 9 kommentarer og
1 løsning

checkbox og margin

har prøvet at fjerne margin på en checkbox med dette style; margin: -3px -2px 0 -3px;

Det virker perfekt i IE men i FF bliver placeringen forkert (de 3px for langt til venstre) - findes der nogle crossbrowser-måde at fjerne den margin der er omkring en checkbox?
Avatar billede cmau Nybegynder
20. oktober 2006 - 10:59 #1
Prøv med padding.
Avatar billede notes2c Nybegynder
20. oktober 2006 - 11:09 #2
Prøv:

<input type="Checkbox" name="test" style="margin: 0 !important; margin: -3px -2px 0 -3px;">
Avatar billede unknown_someone Juniormester
20. oktober 2006 - 11:09 #3
når det er margin der er omkring boksen vil det ikke hjælpe at ændre padding - men det er allerede forsøgt.
Avatar billede unknown_someone Juniormester
20. oktober 2006 - 11:10 #4
funker ikke.
Avatar billede notes2c Nybegynder
20. oktober 2006 - 11:14 #5
Så må du vise din kode, der kan være andre afhængigheder som har indflydelse
Avatar billede unknown_someone Juniormester
20. oktober 2006 - 11:31 #6
altså - der er ikke så meget at vise, det er jo bare en almindelig checkbox;

<div class="inputfield"><input type="checkbox" name="online" class="checkfield" value="TRUE" /></div>

.checkfield {
    margin: -3px -2px 0 -3px;
}

inputfield-klassen er ikke andet end style af tekst.
Avatar billede notes2c Nybegynder
20. oktober 2006 - 11:42 #7
Kan ikke forstå det ikke virker hos dig... Det virker fint hos mig og er ens.

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

<html>
<head>
<title>Untitled</title>
<meta http-equiv="Content-type" content="text/html; charset=iso-8859-1">
<style type="text/css">
<!--
body {
    margin: 0;
    padding: 0;
}
.checkfield {
    margin: 0 !important;
    margin: -3px -2px 0 -3px;
}
-->
</style>
<script type="text/javascript">
</script>
</head>

<body>
<div class="inputfield"><input type="checkbox" name="online" class="checkfield" value="TRUE" /></div>


</body>
</html>
Avatar billede unknown_someone Juniormester
20. oktober 2006 - 11:56 #8
placering i FF ser fin ud - men ikke i IE7.
Avatar billede notes2c Nybegynder
20. oktober 2006 - 12:02 #9
Har ikke IE7 kun IE6. Men kunne godt forstille mig at det kunne give en forskel...

Kan ikke lige hjælpe dig der... Men måske er der andre der har et IE7 forslag...
Avatar billede unknown_someone Juniormester
25. oktober 2010 - 16:19 #10
den perfekte løsning blev aldrig fundet - så jeg tillader mig at lukke selv her.
Avatar billede Ny bruger Nybegynder

Din løsning...

Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.

Loading billede Opret Preview
Kategori
Vi tilbyder markedets bedste kurser inden for webudvikling

Log ind eller opret profil

Hov!

For at kunne deltage på Computerworld Eksperten skal du være logget ind.

Det er heldigvis nemt at oprette en bruger: Det tager to minutter og du kan vælge at bruge enten e-mail, Facebook eller Google som login.

Du kan også logge ind via nedenstående tjenester