[CSS] voor dummies - deel 11

Index

» digital corner

» development

actieve topics nieuwe topics
abonnement Unibet Coolblue Bitvavo
pi_66682386
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.
Redacted
pi_66682400
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?
pi_66682454
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.
pi_66682849
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
Redacted
pi_66682920
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 ]
pi_66729739
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
0023
pi_66729901
JavaScript
pi_66729927
quote:
Op donderdag 5 maart 2009 15:29 schreef Roy_T het volgende:
JavaScript
zeg maar hoe :p
0023
pi_66730404
hmm iets met window.scrollTo(0, 17000) hoe hang ik dat aan een onload?
0023
pi_66731897
1<body onload="window.scrollTo(17000, 0);">

deed t em :)
0023
pi_66733986
quote:
Op donderdag 5 maart 2009 16:16 schreef ikJur het volgende:

[ code verwijderd ]

deed t em
En dan toch vraag ik waaaarom?
pi_66734540
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.
0023
pi_66794831
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:
1
2
3
4
5
6
7		body {
   [...]
   background-image: url("../images/mains/grass_background.png");
   background-position: bottom;
   background-attachment: fixed;
   background-repeat: repeat-x;
}

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 ]
pi_66850256
Nevermind, het bleek door supersleight te komen.. Na een conditional comment om IE 7 en hoger uit te sluiten was het opgelost
pi_66850751
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?
pi_66850889
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
pi_66851753
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.
pi_66851972
Ja, ik ben het helemaal met je eens mbt "pixel perfect" ondersteuning in IE6. Mijn klanten denken er helaas niet allemaal hetzelfde over
  dinsdag 10 maart 2009 @ 21:47:09 #269
30927 metallicattim
-=Hypocrisy=-
pi_66913922
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!
&lt;a href="http://www.bmwe30club.nl" target="_blank" rel="nofollow"&gt;BMW E30 Club Nederland&lt;/a&gt;
&lt;a href="http://www.e30fansite.nl/Forum/viewtopic.php?f=24&t=8185" target="_blank" rel="nofollow"&gt;BMW E30 M-Tech II 325i&lt;/a&gt;
pi_66914265
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
pi_66914691
Weet iemand of het mogelijk is om in een textarea een vaste achtergrond te zetten? zodat deze niet verspringt als je entert?
The people who lost my respect will never get a capital letter for their name again.
Like trump...
pi_66915210
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 ?
Redacted
pi_66915754
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)
The people who lost my respect will never get a capital letter for their name again.
Like trump...
  dinsdag 10 maart 2009 @ 22:31:09 #274
30927 metallicattim
-=Hypocrisy=-
pi_66916088
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.
&lt;a href="http://www.bmwe30club.nl" target="_blank" rel="nofollow"&gt;BMW E30 Club Nederland&lt;/a&gt;
&lt;a href="http://www.e30fansite.nl/Forum/viewtopic.php?f=24&t=8185" target="_blank" rel="nofollow"&gt;BMW E30 M-Tech II 325i&lt;/a&gt;
pi_66918150
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.
pi_66937813
ik zit nu op werk, dus kan niet al te veel aan de site doen, maar nu valt me bv. in dat ik nog een menu-item wil toevoegen, dat moet ik nu dus op elke pagina erbij gaan plakken.

Is er geen mogelijkheid om een menu te maken en deze "op te vragen" op elke pagina, zodat je het menu maar op 1 plek hoeft aan te passen en dat op elke pagina doorgevoerd word ( Dat was toch de kracht van CSS? ) maar dit kan niet via een div in style.css of toch?
&lt;a href="http://www.bmwe30club.nl" target="_blank" rel="nofollow"&gt;BMW E30 Club Nederland&lt;/a&gt;
&lt;a href="http://www.e30fansite.nl/Forum/viewtopic.php?f=24&t=8185" target="_blank" rel="nofollow"&gt;BMW E30 M-Tech II 325i&lt;/a&gt;
pi_66937996
quote:
Op woensdag 11 maart 2009 15:41 schreef metallicattim het volgende:
ik zit nu op werk, dus kan niet al te veel aan de site doen, maar nu valt me bv. in dat ik nog een menu-item wil toevoegen, dat moet ik nu dus op elke pagina erbij gaan plakken.

Is er geen mogelijkheid om een menu te maken en deze "op te vragen" op elke pagina, zodat je het menu maar op 1 plek hoeft aan te passen en dat op elke pagina doorgevoerd word ( Dat was toch de kracht van CSS? ) maar dit kan niet via een div in style.css of toch?
PHP

pagina maken met menu of de div stukjes alleen

bvb Menu.php
1<div>wat er ook in mag staan</div

1
2
3		<?php
 include 'menu.php' 
?>

Werkt prima online (offline werkt het met Xampp en localhost wel even kijken in welke div hij moet staan dat menu

je kan de include zien als een verlenging van de pagina waarop je hem zet . soort tussengeplakt briefje

zelfde manier kan er ook een footer gemaakt worden

Natuurlijk moeten je bestanden .php gaan heten ipv .html maar de meeste servers maakt dat geen bal uit

[ Bericht 5% gewijzigd door cablegunmaster op 11-03-2009 16:42:04 ]
Redacted
pi_66938361
Of een willekeurig andere server-side taal ipv PHP, of client-side met JavaScript (maar dat zou ik niet aan willen raden)
pi_66944535
thx!! De opmaak van die menu.php mag dus ook gewoon html code zijn?

En het menu word geplaatst, daar waar ik de include oproep?

Ik ga er eens mee stoeien, bedankt voor de hulp!
&lt;a href="http://www.bmwe30club.nl" target="_blank" rel="nofollow"&gt;BMW E30 Club Nederland&lt;/a&gt;
&lt;a href="http://www.e30fansite.nl/Forum/viewtopic.php?f=24&t=8185" target="_blank" rel="nofollow"&gt;BMW E30 M-Tech II 325i&lt;/a&gt;
pi_66944622
in menu.php mag je kloten wat je wil met html

als de pagina waar je het in include ook .php heet
Redacted
pi_66955997
Sterker nog, je mag 'm ook gewoon menu.html noemen en die includen in je iets.php
pi_66956876
quote:
Op donderdag 12 maart 2009 00:10 schreef Roy_T het volgende:
Sterker nog, je mag 'm ook gewoon menu.html noemen en die includen in je iets.php
Zolang elk bestand waar het menu in voorkomt maar php heet snapt de php code je werking
Redacted
pi_66959689
kan ik mijn huidige index.html etc. dan gewoon veranderen in index.php? Of moet ik de doctype en meta tags aanpassen?

Met deze vraag ben ik effe lui, want ik kan het ook opzoeken weet ik Maar ik moet nu naar werk, misschien dat iemand het effe voor me kan voorkauwen
&lt;a href="http://www.bmwe30club.nl" target="_blank" rel="nofollow"&gt;BMW E30 Club Nederland&lt;/a&gt;
&lt;a href="http://www.e30fansite.nl/Forum/viewtopic.php?f=24&t=8185" target="_blank" rel="nofollow"&gt;BMW E30 M-Tech II 325i&lt;/a&gt;
pi_66959729
Je kan het gewoon aanpassen in .php.
pi_66962032
quote:
Op donderdag 12 maart 2009 00:53 schreef cablegunmaster het volgende:

[..]

Zolang elk bestand waar het menu in voorkomt maar php heet snapt de php code je werking
Hoeft niet eens, zolang er in de httpd.conf van apache maar staat aangegeven dat het betreffende bestandsformaat geparsed wordt door php is er niks aan de hand..
met .php zit je wel altijd safe.
pi_66976195
iemand een idee waarom in IE mijn footer div zo'n resultaat geeft:


en in FF en Chrome zo'n resultaat geeft:


En wat ik er aan zou kunnen doen om het goed te krijgen ? ;-)

1
2
3
4
5
6
7		#footer{
   height: 20px;
   left: 260px;
   background: #CCC;
   position: absolute;
   bottom: 20px;
   padding-top: 20px;
pi_66977119
Iets zegt mij dat we HTML en meer CSS moeten zien
pi_66987004
quote:
Op donderdag 12 maart 2009 09:07 schreef Roy_T het volgende:
Je kan het gewoon aanpassen in .php.
SUPER!!

Heb het zojuist aangepast en werkt idd perfect!! Ik ga de header en footer ook meteen via een include oproepen, alleen de inhoud is dan statisch.

Thx voor de hulp
&lt;a href="http://www.bmwe30club.nl" target="_blank" rel="nofollow"&gt;BMW E30 Club Nederland&lt;/a&gt;
&lt;a href="http://www.e30fansite.nl/Forum/viewtopic.php?f=24&t=8185" target="_blank" rel="nofollow"&gt;BMW E30 M-Tech II 325i&lt;/a&gt;
  zondag 15 maart 2009 @ 00:32:24 #289
245726 BanaBox
U never know whats inside.
pi_67057627
quote:
Op donderdag 12 maart 2009 17:19 schreef klusmeister het volgende:
iemand een idee waarom in IE mijn footer div zo'n resultaat geeft:
[ afbeelding ]

en in FF en Chrome zo'n resultaat geeft:
[ afbeelding ]

En wat ik er aan zou kunnen doen om het goed te krijgen ? ;-)
[ code verwijderd ]


wat staat er in de html? en wat is de css voor tekst?
Ook leuk!
Last.fm
pi_67151135
http://code.google.com/p/ie7-js/

toevoegen aan OP! svp Dat maakt het dat IE zich ook degelijk gedraagt ^^ als Firefox.
Redacted
  dinsdag 17 maart 2009 @ 23:18:38 #291
230788 n8n
Pragmatisch
pi_67155066
quote:
Op donderdag 12 maart 2009 17:19 schreef klusmeister het volgende:
iemand een idee waarom in IE mijn footer div zo'n resultaat geeft:
[ afbeelding ]

en in FF en Chrome zo'n resultaat geeft:
[ afbeelding ]

En wat ik er aan zou kunnen doen om het goed te krijgen ? ;-)
[ code verwijderd ]
Probeer eens wat te varieren met { line-height: ##px } op het element waar de tekst in staat.
“Specialization is for insects”.—Robert Heinlein
pi_67157293
quote:
Op dinsdag 17 maart 2009 21:37 schreef cablegunmaster het volgende:
http://code.google.com/p/ie7-js/

toevoegen aan OP! svp Dat maakt het dat IE zich ook degelijk gedraagt ^^ als Firefox.
Als dat in OP komt, dan heb ik nog wel een stuk of 10 libraries die erin kunnen. Je kunt je ook afvragen waarom je zo'n library nodig hebt. Je bent best wel een prutser als je een site in IE7 niet hetzelfde krijgt als in Firefox, zonder hier meer dan 5 minuten extra aan te besteden. Het is imo plain evil om dat met JS op te gaan lossen.

[ Bericht 3% gewijzigd door Roy_T op 18-03-2009 00:47:05 ]
pi_67161543
quote:
Op woensdag 18 maart 2009 00:37 schreef Roy_T het volgende:

[..]

Als dat in OP komt, dan heb ik nog wel een stuk of 10 libraries die erin kunnen. Je kunt je ook afvragen waarom je zo'n library nodig hebt. Je bent best wel een prutser als je een site in IE7 niet hetzelfde krijgt als in Firefox, zonder hier meer dan 5 minuten extra aan te besteden. Het is imo plain evil om dat met JS op te gaan lossen.
Wel eenvoudig.

Heb je voorbeelden?
pi_67161627
quote:
Op woensdag 18 maart 2009 10:01 schreef Flaccid het volgende:

Wel eenvoudig.

Heb je voorbeelden?
Voorbeelden van wat?
pi_67162982
quote:
Op woensdag 18 maart 2009 10:04 schreef Roy_T het volgende:

[..]

Voorbeelden van wat?
Had het eigenlijk tegen degene die propageerde dat het in de OP moest. Maar heb al wat gevonden.
pi_67240534
Is het mogelijk om een plaatje in een li te plaatsen, zonder dat die li de bovenliggende li omhoog duwt?
pi_67241064
quote:
Op vrijdag 20 maart 2009 15:11 schreef Nashje het volgende:
Is het mogelijk om een plaatje in een li te plaatsen, zonder dat die li de bovenliggende li omhoog duwt?
Je zult echt eerst uit moeten leggen hoe een li iets "omhoog duwt"
pi_67244067
Hmm nee, heb voor een andere manier gekozen . Sorry.

Kun je trouwens embedded swfjes clickable maken met een a href?
pi_67245678
Nee, maar je zou een link over de swf kunnen leggen, ter grootte van de swf.
pi_67353233
Dat zou ook een oplossing zijn geweest idd, niet eens aan gedacht.

Ben weer aanbeland bij een nieuw raadsel. Zal vast mogelijk zijn, maar weet niet hoe... Een zoeksysteem binnen je site, die niet gaat zoeken in tables oid, nee, stuk tekst waarop je hebt gezocht wordt geselecteerd op de site. Dus zonder PHP ofzo.
actieve topics nieuwe topics
abonnement Unibet Coolblue Bitvavo
[CSS] voor dummies - deel 11
Index

» digital corner

» development

Forum Opties
Forumhop:
Hop naar:
(afkorting, bv 'KLB')