Artikel poll radio input verkeerd

Pagina: 1
Acties:

  • DJMaze
  • Registratie: Juni 2002
  • Niet online
De poll bij een artikel toont de radio buttons vreemd, zie plan: Finetunen van de lay-out en hands-on - Development-iteratie #117

Screenshot van het probleem (domein heeft nog geen ssl, ben ik te lui voor):
Afbeeldingslocatie: http://bugs-annoy.us/tweakers/poll-radio.png

De volgende CSS werkt wel bij mij voor de uitlijning
Cascading Stylesheet:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
.pollWrapper .poll label {
    padding-left: 10px;
    position: relative;
}
.poll label input {
    position: absolute;
    top: 0;
}
.pollWrapper .poll label input {
    margin-top: 0;
}
.poll label input + span, .poll label input + a {
    display: block;
    margin-left: 20px;
    overflow: hidden;
}

Maak je niet druk, dat doet de compressor maar


  • Slavy
  • Registratie: December 2007
  • Niet online

Slavy

The War Drags Ever On!

Ik zeg, sabotage! :+

Come hear the moon is calling, The witching hour draws near, Hold fast the sacrifice, For now it's the time to die, All hell breaks loose, WITCHING HOUR!


  • DJMaze
  • Registratie: Juni 2002
  • Niet online
Mijn afbeelding url is ook gesaboteerd en geupload naar tweakers servers :+
En het is zo'n mooi domeinnaam "bugs-annoy.us" :Y

Maak je niet druk, dat doet de compressor maar


  • DennusB
  • Registratie: Mei 2006
  • Niet online
DJMaze schreef op dinsdag 17 oktober 2017 @ 15:11:
[...]

Mijn afbeelding url is ook gesaboteerd en geupload naar tweakers servers :+
En het is zo'n mooi domeinnaam "bugs-annoy.us" :Y
Nee hoor, ze draaien gewoon een camo server :) Dus hij staat niet op Tweakers servers :P

Owner of DBIT Consultancy | DJ BassBrewer


  • crisp
  • Registratie: Februari 2000
  • Laatst online: 16:24

crisp

Devver

Pixelated

De margin-top weghalen van ".pollWrapper .poll label input" werkt zo te zien ook. Dat heb ik lokaal dus maar gedaan voor de eerstvolgende reguliere release :)

Intentionally left blank


  • DJMaze
  • Registratie: Juni 2002
  • Niet online
Dat ziet er inderdaad een stukje beter uit, maar voor mijn gevoel nog niet ideaal.
De inputs zijn bij mij 16px hoog en de tekst 15px.
Het volgende oogt voor mij persoonlijk dan nog iets beter
Cascading Stylesheet:
1
2
3
.pollWrapper .poll label {
    line-height: 18px;
}


P.S. mijn vorige code was uitgebreider om de "float:left" te vernietigen ;)

[ Voor 12% gewijzigd door DJMaze op 17-10-2017 15:53 ]

Maak je niet druk, dat doet de compressor maar


  • crisp
  • Registratie: Februari 2000
  • Laatst online: 16:24

crisp

Devver

Pixelated

DJMaze schreef op dinsdag 17 oktober 2017 @ 15:53:
Dat ziet er inderdaad een stukje beter uit, maar voor mijn gevoel nog niet ideaal.
De inputs zijn bij mij 16px hoog en de tekst 15px.
Het volgende oogt voor mij persoonlijk dan nog iets beter
Cascading Stylesheet:
1
2
3
.pollWrapper .poll label {
    line-height: 18px;
}
Eens; heb ik ook toegevoegd :)
P.S. mijn vorige code was uitgebreider om de "float:left" te vernietigen ;)
position: absolute is imo net zo 'vies' :P

Intentionally left blank

Pagina: 1