The Black Forest

62. Submitted on 2004/12/17, 23.50 h by Arduenn:

I dare you

Ik begin al gewend te raken aan de gymschoenachtige layout van Het Zwarte Bos. Sterker nog, ik overweeg om de lay MSIE-compatible te maken: kadertjes met afgeronde hoekjes en een arcering op de achtergrond (screenshot voor de arme sukkelaars die van hun baas alleen maar MSIE mogen gebruiken).

Ik weet alleen niet hoe.

Hoe maak ik in godesnaam een MSIE-compatibele lay met kadertjes met afgeronde hoekjes en een arcering op de achtergrond?

Volgens mij kan zoiets helemaal niet met MSIE!

[image]

Kan iemand een HTML/CSS-paginaatje schrijven met daarin kadertjes met afgeronde hoekjes en een arcering op de achtergrond die het ook doet in MSIE en wel zodanig, dat ik het principe kan toepassen bij de Het Zwarte Bos-lay? I dare you.

[Update] Rectificatie: het ken...

... dankzij webdesingspecialist Hank. En dan wilde ik bij deze de Wet van Arduenn postuleren: "Hoe harder iemand mekkert dat iets niet kan, hoe sneller de oplossing zich aandient."

There are 16 comments to this post (the latest by Arduenn on 2004/12/19, 9.24 h).

1. D. commented on 2004/12/18, 1.46 h:

Helpen kan ik je niet, maar dat je de IE gebruikers tegemoet wil komen vind ik lief van je.

2. WL commented on 2004/12/18, 11.08 h:

Hier is een screenshot onder MSIE, is toch niet slecht.

http://members.lycos.nl/lordwar/images/screen shotmsie.JPG

3. Arduenn commented on 2004/12/18, 12.45 h:

Niet slecht, maar ook niet goed...

4. Arduenn commented on 2004/12/18, 13.38 h:

Kan iemand een HTML/CSS-paginaatje schrijven met daarin kadertjes met afgeronde hoekjes en een arcering op de achtergrond die het ook doet in MSIE en wel zodanig, dat ik het principe kan toepassen bij de Het Zwarte Bos-lay? I dare you.

Znder Javascript S.V.P. Je dteste Javascript.

5. Hank commented on 2004/12/18, 15.30 h:

De oplossing is redelijk simpel. Zet een div met align=center om de gehele content (dus meteen na de body).

Verander de png's in gifjes en volgens mij doet de transparantie het dan ook.

Ik neem dit overigens aan, ik heb geen windoos, en ie op de mac doet het prima. Ik ga puur uit van de screenshot van WL.

Of je haalt die transparantie helemaal weg. Bij top.png, middle.png en bottom.png zie ik sowieso geen noodzaak voor die ruime transparante marge, en bij hatches.png kan je de transparantie vullen met #6699CC.

Succes.

6. Dave commented on 2004/12/18, 15.40 h:

Dat blauw is soort van heel erg, ik probeel het niet te zien. Maar ik denk niet dat ik evenveel invloed op de kleuren heb als Kittekat. (Damn you, Kittekat!!!)

7. kittekat commented on 2004/12/18, 16.02 h:

Hee! Zo spreek je niet tegen een kittige dame, Dave. Hihi, moet je ook maar fijne verhaaltjes schrijven.

8. Arduenn commented on 2004/12/18, 16.48 h:

@Hank - Maar dan ziet het er nooit uit als nu. GIFjes hebben maar een transparantie: 100%. Dat resulteert in berlutsende rafelige ribbelpixelrandjes. Transparantie weg bij top, middle en bottom betekent weg ronde randjes. En met div align=center wordt echt alles gecentreerd, ook alle tekst. Hatches opvullen met #6699CC is wl een goed idee.

@Dave - Ik had ook liever mosterdgroen, maar ik heb geen handschoenen van rhinoceros-leer om katjes aan te pakken.

9. Hank commented on 2004/12/18, 17.42 h:

Hmmm. Volgens mij resulteert het niet in een algehele gecentreerdheid, maar mocht dat wel zo zijn dan kan je waar nodig text-align:left; in de css zetten.

Als je de matte (overgang van kleur naar transparant) in de ronde hoekjes een kleur geeft die tussen #6699CC en lichtblauw zit ziet het er overal mooi uit. Dit gaat eenvoudig in Save For Web in photoshop.

10. Arduenn commented on 2004/12/18, 20.21 h:

Als je de matte (overgang van kleur naar transparant) in de ronde hoekjes een kleur geeft die tussen #6699CC en lichtblauw zit ziet het er overal mooi uit

Maar dan wordt het toch weer een zooitje met de arcering erachter...

11. Hank commented on 2004/12/18, 23.34 h:

Dat valt best mee, dat is heel mooi te maken (ik heb jaren ervaring met crossbrowsert-htmllen). Probeer het maar. (en ik weet dat je het niet wilt, maar desnoods schrijf ik een JavaScriptje zodat iedereen behalve IE/win-gebruikers de huidige site zien).

12. Arduenn commented on 2004/12/19, 9.10 h:

Dat valt best mee

I.d.d!

(en ik weet dat je het niet wilt, maar desnoods schrijf ik een JavaScriptje zodat iedereen behalve IE/win-gebruikers de huidige site zien)

Neenee! Geen Javascript! Waah! Ga weg Satan!

Hoe is 'ie nu in MSIE?

13. WL commented on 2004/12/19, 9.19 h:

Het ziet er goed uit!

http://members.lycos.nl/lordwar/images/screen shotmsie2.JPG

14. WL commented on 2004/12/19, 9.20 h:

Alleen in de mac is het toch wat strakker en de knoppen zijn veel beter. Maar ik klaag niet hoor....

15. Arduenn commented on 2004/12/19, 9.21 h:

Yeah! (Baby!)

16. Arduenn commented on 2004/12/19, 9.24 h:

Nouja, bijna dan... Er is nog iets mis met de boven-marges binnen elk geelomlijnd vakje en het onderste randje is niet helemaal kosher.

Nom de Dieu!

Add new comment:

Name:

Site:

The Black Forest navigation bar

|< : << : : >> : >|