[CSS] voor dummies - deel 11

quote:

Op woensdag 4 maart 2009 10:45 schreef Flaccid het volgende:
Mijn iframe had al een id. Het enige is, het gaat om een tabel die zijn kleur krijgt dmv:
[ code verwijderd ]

Heel lelijk om naar te kijken, maar ik weet niet hoe ik dit kan aanpakken.

wat moet het worden?

wit?


duidelijkheid svp. ik kan niet raden wat jij wil.

quote:

Op woensdag 4 maart 2009 10:47 schreef Roy_T het volgende:

[..]

Mits de inhoud van het iframe op hetzelfde domein draait als de parent, kun je gewoon in de HTML rommelen met JS (en een stylesheet toevoegen aan de header).

edit: Inline styles worden daarmee niet overschreven, die zul je dan ook met JS moeten verwijderen.

En waar zou ik dan op moeten zoeken?

quote:

Op woensdag 4 maart 2009 10:49 schreef cablegunmaster het volgende:

[..]

wat moet het worden?

wit?

Ik wil een bg instellen met een simpele gradient. Het gaat om dit ding btw:
http://www.sintjoris.sghetplein.nl/Roosters/docent/menu.htm
Ik wilde er eerst een dropdown menu van maken, maar dat is nogal veel werk.
Het moet dus gewoon iets fancy'er worden.

background: url(http://www.waar je plaatjestaat.nl/plaatje.png) no-repeat left top;

en dit dan aan de table meegeven en het plaatje gradient maken
zo zou ik het hebben opgelost

quote:

Op woensdag 4 maart 2009 11:02 schreef cablegunmaster het volgende:
background: url(http://www.waar je plaatjestaat.nl/plaatje.png) no-repeat left top;

en dit dan aan de table meegeven en het plaatje gradient maken
zo zou ik het hebben opgelost

Hoe wil ik dat aan de table meegeven als ik geen toegang heb tot die tabel?

Ik heb het dingetje maar even gedownload, en op mijn eigen host gezet. Is toch maar 10 kb oid.

[ Bericht 6% gewijzigd door Flaccid op 04-03-2009 11:47:53 ]

weet iemand hoe ik de startpositie van de browser kan veranderen. ik wil namelijk dat de scrollbar helemaal rechts is op een pagina van 17000 pixels breed vraag me niet waarom maar t moet ff

JavaScript

quote:

Op donderdag 5 maart 2009 15:29 schreef Roy_T het volgende:
JavaScript

zeg maar hoe :p

hmm iets met window.scrollTo(0, 17000) hoe hang ik dat aan een onload?

deed t em :)

quote:

Op donderdag 5 maart 2009 16:16 schreef ikJur het volgende:

[ code verwijderd ]

deed t em

En dan toch vraag ik waaaarom?

quote:

Op donderdag 5 maart 2009 17:10 schreef Flaccid het volgende:

[..]

En dan toch vraag ik waaaarom?

opdracht voor school ik zal het resultaat wel posten als het klaar is.

Ik heb even een probleempje.. Ik probeer een achtergrond, een rand gras (dit is een herhaalbaar patroon), onderaan het scherm te positioneren. Daarvoor heb ik het volgende in mijn css staan:

Dit werkt prima in FireFox en consorten en ziet er prima uit. Ook in IE7 ziet het er in eerste instantie prima uit, maar na een fractie van een seconde laat IE7 een steek vallen en rekt de achtergrond uit over de gehele hoogte van de pagina. De afbeelding is 223px hoog. Iemand een ideetje?
Het positioneren van een div onderaan de pagina met hierin de achtergrond heb ik ook geprobeerd, maar ook dit is geen succes in IE7.

Edit: Hij wordt ook in de breedte opgerekt zie ik, maar in een flits zie je wel dat 'ie in eerste instantie goed is..

[ Bericht 3% gewijzigd door Intrepidity op 07-03-2009 12:30:14 ]

Nevermind, het bleek door supersleight te komen.. Na een conditional comment om IE 7 en hoger uit te sluiten was het opgelost

Gebruik DD_belatedPNG zou ik zeggen

Dan kun je ook background-repeat, etc gebruiken voor PNG's in IE6. Dat kan met supersleight toch niet?

quote:

Op maandag 9 maart 2009 09:22 schreef Roy_T het volgende:
Gebruik DD_belatedPNG zou ik zeggen

Dan kun je ook background-repeat, etc gebruiken voor PNG's in IE6. Dat kan met supersleight toch niet?

Thanks! Even bookmarken

quote:

Op maandag 9 maart 2009 09:22 schreef Roy_T het volgende:
Gebruik DD_belatedPNG zou ik zeggen

Dan kun je ook background-repeat, etc gebruiken voor PNG's in IE6. Dat kan met supersleight toch niet?

Hmm, dat klopt, hoewel ik het niet zo erg vond, aangezien we ondersteuning voor 'perfectie' in IE6 hebben laten vallen Alle visuele elementen die niet goed werken en niet 1,2,3 aan de praat te krijgen zijn zijn jammer dan en vliegen de laan uit, zolang de informatie maar beschikbaar is.. Maar toch maar even kijken naar die link Thnx.

Ja, ik ben het helemaal met je eens mbt "pixel perfect" ondersteuning in IE6. Mijn klanten denken er helaas niet allemaal hetzelfde over

Hallo,

Aangezien mijn andere site hier behoorlijk als "fout" bestempeld werd, wil ik die fout niet weer maken, dus ik heb me een beetje verdiept in de stof en heb een andere site die ik moet maken hopelijk beter opgemaakt.

volgens http://validator.w3.org/ issie valid, maar ik had graag jullie mening

Het gaat om www.E30SummerMeet.nl en www.E30SummerMeet.nl/style.css

Is het bijvoorbeeld wel verstandig om PNG afbeeldingen te gebruiken? Ik heb dat gedaan, omdat bij gif de kwaliteit sterk achteruit gaat ( i.v.m. transparantie )

Ik zou elke input zeer waarderen!
Thx!

Stuk beter metallicattim!

Op basis van wat ik nu snel gezien heb:

Het is nu tijd om wat meer op semantiek te letten. Je lijst met menu items bijvoorbeeld, is een lijst en geen paragraaf. Het zou dus logischer zijn om hier een <ul> voor te gebruiken.

Zorg daarnaast dat de namen van de CSS classes en ID's beschrijvend zijn. Vermijd zaken als "red" en "rechts". Je regelt de lay-out nu met CSS, maar je krijg een vreemde situatie als je de tekst liever links en groen wilt hebben: je class "redrechts" dekt dan de lading niet meer. Maak het beschrijvend, zoals "introtekst", etc etc (wat het is dus, en niet hoe het eruit ziet).

PNG's kun je prima gebruiken, zolang je beseft dat de transparantie in PNG's niet werkt in IE6 (wél in IE7 en 8). Je kunt daar kunstgrepen voor uithalen, of denken "fuck IE6" Het voordeel van PNG's is dat ze het fenomeen "semi-transparant" kennen, waar in een GIF een pixel helemaal transparant is, of helemaal niet.

PS: Haal die <center> eens snel weg, dat kan ook in de CSS

Weet iemand of het mogelijk is om in een textarea een vaste achtergrond te zetten? zodat deze niet verspringt als je entert?

quote:

Op dinsdag 10 maart 2009 22:01 schreef Chandler het volgende:
Weet iemand of het mogelijk is om in een textarea een vaste achtergrond te zetten? zodat deze niet verspringt als je entert?

waarom wil je dat nou weer ?

om een afbeelding als achtergrond te gebruiken voor een textarea? vraag van een klantje, en het wil wel maar niet in alle browsers (IE7 bv)

quote:

Op dinsdag 10 maart 2009 21:53 schreef Roy_T het volgende:
Stuk beter metallicattim!

Op basis van wat ik nu snel gezien heb:

Het is nu tijd om wat meer op semantiek te letten. Je lijst met menu items bijvoorbeeld, is een lijst en geen paragraaf. Het zou dus logischer zijn om hier een <ul> voor te gebruiken.

Zorg daarnaast dat de namen van de CSS classes en ID's beschrijvend zijn. Vermijd zaken als "red" en "rechts". Je regelt de lay-out nu met CSS, maar je krijg een vreemde situatie als je de tekst liever links en groen wilt hebben: je class "redrechts" dekt dan de lading niet meer. Maak het beschrijvend, zoals "introtekst", etc etc (wat het is dus, en niet hoe het eruit ziet).

PNG's kun je prima gebruiken, zolang je beseft dat de transparantie in PNG's niet werkt in IE6 (wél in IE7 en 8). Je kunt daar kunstgrepen voor uithalen, of denken "fuck IE6" Het voordeel van PNG's is dat ze het fenomeen "semi-transparant" kennen, waar in een GIF een pixel helemaal transparant is, of helemaal niet.

PS: Haal die <center> eens snel weg, dat kan ook in de CSS

Thx, met deze opbouwende kritiek kan ik wel wat!! Ik ga ermee aan de slag

Ik had idd al een browsercheck gedaan en zag dat de site in IE6 en lager sowieso niet fatsoenlijk wordt weergegeven... op het moment heb ik idd het "fuck IE6" gevoel haha. Komt misschien nog wel, het is geen miljoenenpubliek wat er komt, het gaat op die sowieso meer om de info, dan om het design, maar wil het toch een beetje netjes uit laten zien.

quote:

Op dinsdag 10 maart 2009 22:24 schreef Chandler het volgende:
om een afbeelding als achtergrond te gebruiken voor een textarea? vraag van een klantje, en het wil wel maar niet in alle browsers (IE7 bv)

Nee, dat kan niet. Wat je wél kunt doen is een div die achtergrond geven, met daarbinnen een textarea met dezelfde afmetingen als die div en background: transparent.