[CSS] IE negeert me :(

Pagina: 1
Acties:

  • RSpliet
  • Registratie: Juni 2003
  • Laatst online: 27-11-2025
Ik heb een zeker domein weten te bemachtigen, waarvoor ik nu een pagina'tje aan t schrijven ben, teweten seven-soft.com. Het voorlopige design is te vinden op http://www.seven-soft.com/style.html, en dan zie je meteen wat er mis is(of niet :p). Het gaat hier om de dropdownbox bij het zoekmenu. Daar heeft het optgroup 'scripts' een vette italic style, terwijl ik in het CSS al hebt aangegeven dat dat gewone, niet italic tekst moet zijn. Bewijs:
code:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
select{
font-family: arial,sans-serif;
}

optgroup{
font-style: normal;
font-weight: 400;
font-size: 10px;
}

option{
color: #000000;
font-size: 10px;
}


Wat te doen? Ik ben niet zo goed in CSS-hacken-voor-IE, mss weet iemand t?

[ Voor 8% gewijzigd door RSpliet op 26-02-2004 14:09 ]

Schaadt het niet, dan baat het niet


Verwijderd

Sommige dingen, zeker (obscure) OS-gerenderde elementen (zoals form-elementen) zijn niet even goed in elke browser te stylen via CSS. OPTGROUP blijkbaar dus ook. Ik denk dat als je verder kijkt op andere browsers dat je hier nog veel meer variaties in zal tegenkomen.

Verwijderd

Internet Explorer kan er niets mee.
Technisch gezien kun je zeggen dat dat correct is omdat het label geen inhoud is van de optgroup tag. Het is een attribuut.

Oplossingen:
- lekker zo laten
- geen optgroup gebruiken maar niet werkende options en ranzige oplossingen met  
- eigen dropdown componentje maken met DHTML

  • RSpliet
  • Registratie: Juni 2003
  • Laatst online: 27-11-2025
Maar wrom waarschuwt W3C hier niet voor? En om het nog leuker te maken: als ik ervan maak:
code:
1
2
3
4
5
6
optgroup{
font-style: normal;
font-weight: 400;
font-size: 10px;
color: #ff0000;
}

Dan maakt hij de tekst wel rood, maar verandert hij niet de tekstsoorten ed...

Wat ik me ook afvraag, wat maakt Opera ervan?

Schaadt het niet, dan baat het niet


  • Justice
  • Registratie: Maart 2001
  • Laatst online: 07-08-2025
bij opera 7.23 is het niet italic, en ziet er goed uit. Alleen er is wel een horizontale scrollbalk, ik weet niet of dat gewenst is :)

Human Bobby


  • crisp
  • Registratie: Februari 2000
  • Laatst online: 01:01

crisp

Devver

Pixelated

IE loop gewoon hopeloos achter met dit soort dingen...
Wat ik me ook afvraag, wat maakt Opera ervan?
test het zelf zou ik zeggen; Opera is gratis te downloaden....

Intentionally left blank


  • RSpliet
  • Registratie: Juni 2003
  • Laatst online: 27-11-2025
horizontale scrollbalk? Dat met een dropdownbox? mmm... zal dan wel. Kan niet zo veel kwaad. Maar dan is het dus toch IE... lijkt mij

Schaadt het niet, dan baat het niet


  • Justice
  • Registratie: Maart 2001
  • Laatst online: 07-08-2025
nee niet in de dropdownbox maar op de "hele" pagina. :) Je kan toch gewoon die italic uitzetten op elk item ipv op de groep, dan zal het vast wel goed werken.
S3v3n_0f_n1n3 schreef op 26 februari 2004 @ 14:38:
Oja, die horizontale scrollbalk da's omdat ie voor 1024x768 gemaakt is ;).
ja ik zag het. Lijkt me niet zo slim, de trent is nu om een sidebar / hotlist altijd in beeld te hebben, daardoor hou je soms minder ruimte over (zoals ik dus ;))
Maar ja dat is een eprsoonlijke keuze.

Je kan toch hetvolgende doen?
Cascading Stylesheet:
1
2
3
4
5
option{
color: #000;
font-size: 10px;
font-style: normal;
}


Of zelfs al onder 'select'

[ Voor 67% gewijzigd door Justice op 26-02-2004 14:44 ]

Human Bobby


  • RSpliet
  • Registratie: Juni 2003
  • Laatst online: 27-11-2025
ik heb onder select idd al het een en ander neergesmeten, kan ik iig de font size aanpassen. Helaas wilt dat italic optgroup ook onder select of option niet :(

[ Voor 110% gewijzigd door RSpliet op 26-02-2004 17:20 ]

Schaadt het niet, dan baat het niet


Verwijderd

Technisch gezien kun je zeggen dat dat correct is omdat het label geen inhoud is van de optgroup tag. Het is een attribuut.
Dus, als ik het goed begrijp:
code:
1
2
3
optgroup[label]{
 content:attr(label);
}
Dat moet dus zeker te stijlen zijn... ware het niet dat een UA zelf mag bepalen of FORM elementen stijlbaar zijn of niet. Het W3C heeft dit niet gedefinieerd, als het kan, is het een feature, als het niet kan, geen bug. In css3-ui is wel het een en ander vastgelegd, maar nog niet dat je zelf echt dingen kunt veranderen. Meer dat je een DIV als een SELECT elementen kunt stijlen.

Verwijderd

dubbel

[ Voor 99% gewijzigd door Verwijderd op 27-02-2004 07:49 ]


  • r0bert
  • Registratie: September 2001
  • Laatst online: 26-05 09:56
Cascading Stylesheet:
1
2
3
4
5
6
7
8
optgroup{
   font-style: normal;
   font-weight: 400;
   font-size: 10px;

   /**/
   text-decoration: none;
}

helpt ook niet?

  • Grijze Vos
  • Registratie: December 2002
  • Laatst online: 21-02 23:50
mozilla firefox rendert em btw gewoon goed.

Op zoek naar een nieuwe collega, .NET webdev, voornamelijk productontwikkeling. DM voor meer info

Pagina: 1