DIG Digital Corner
Alles wat je altijd al over computers, hardware, software, internet en elektronische gadgets had willen weten, maar niet op Tweakers.net durft te vragen.
[CSS] voor dummies.
[CSS] voor dummies - Deel 2
[CSS] voor dummies - Deel 3
[CSS] voor dummies - Deel 4
[CSS] voor dummies - Deel 5
[CSS] voor dummies - deel 6
[CSS] voor dummies - Deel 7
Mijn laatste post:
Zullen we een mooie OP maken? Met wat handige links?
[CSS] voor dummies - Deel 2
[CSS] voor dummies - Deel 3
[CSS] voor dummies - Deel 4
[CSS] voor dummies - Deel 5
[CSS] voor dummies - deel 6
[CSS] voor dummies - Deel 7
Mijn laatste post:
Vraag:quote:Wat nog vager is: Mijn link probleem in IE. Kijk eens op www.beerwheels.nl met IE 6. Ik heb wel van Install all IE ofzoiets. Maar als je eenlink weergeeft wordt de pagina wit
Zullen we een mooie OP maken? Met wat handige links?
@Flaccid: De vorige keer dat ik zoiets vroeg (Javascript voor dummies) werd er gezegd dat ik maar wat moois moest maken. 
> Doe je ding!
> Doe je ding!
Heb het niet meer gezien toenquote:Op zaterdag 2 februari 2008 13:35 schreef fokME2 het volgende:
@Flaccid: De vorige keer dat ik zoiets vroeg (Javascript voor dummies) werd er gezegd dat ik maar wat moois moest maken.
> Doe je ding!
I'll give it a shot!
?quote:Op zaterdag 2 februari 2008 14:01 schreef Tarabass het volgende:
Ik zie er niets aan. Wat moet ik doen om het probleem te simuleren?
Helpt het als je "<br />" gebruikt (dus met een space)? Het is namelijk een known bug dat IE problemen heeft met de versie zonder space.quote:
tvp, iemand nog een antwoord op mijn vraag
quote:Op zaterdag 2 februari 2008 11:33 schreef Chandler het volgende:
Ik heb een vraagje
Ik wil graag afbeeldingen in een horizontale box laten zien met alleen een horizontale scrollbar.
Hoogte: 150; breedte: 500; Afbeeldingen 128px hoog/breed
Nu heb ik een div met een vaste breedte maar overflow: auto; echter komen de afbeeldingen toch onderelkaar en krijg ik een schollbalk aan de rechterkant terwijl ik deze aan de onderkant wil.
Weet iemand een oplossing hiervoor? of een voorbeeld? (Iframe is geen oplossing
The people who lost my respect will never get a capital letter for their name again.
Like trump...
Like trump...
Ja ik vroeg of je een voorbeeld je kan doen hoe je je afbeeldingen plaatst?quote:Op zaterdag 2 februari 2008 17:49 schreef Chandler het volgende:
tvp, iemand nog een antwoord op mijn vraag
[..]
kan je stukje code geven?
Dat weet ik niet, en 'k kan het hier ook niet testen. Geen IE thuisquote:Op zaterdag 2 februari 2008 17:38 schreef CraZaay het volgende:
[..]
Helpt het als je "<br />" gebruikt (dus met een space)? Het is namelijk een known bug dat IE problemen heeft met de versie zonder space.
Kun je het hierin niet testen: http://browsershots.org/quote:Op zaterdag 2 februari 2008 19:18 schreef Light het volgende:
[..]
Dat weet ik niet, en 'k kan het hier ook niet testen. Geen IE thuis
Simpelquote:Op zaterdag 2 februari 2008 18:25 schreef Flaccid het volgende:
[..]
Ja ik vroeg of je een voorbeeld je kan doen hoe je je afbeeldingen plaatst?
kan je stukje code geven?
| 1 2 3 4 5 6 7 | <img src="x.png" width="128" height="128" style="float: left; padding: 10px;"> <img src="x.png" width="128" height="128" style="float: left; padding: 10px;"> <img src="x.png" width="128" height="128" style="float: left; padding: 10px;"> <img src="x.png" width="128" height="128" style="float: left; padding: 10px;"> <img src="x.png" width="128" height="128" style="float: left; padding: 10px;"> </div> |
Maar dan nog blijven ze onder elkaar staan :{
The people who lost my respect will never get a capital letter for their name again.
Like trump...
Like trump...
Men neme een div van 500px breed (zet hierin de foto's), en plaatse deze weer in een andere div van 150px breed met "overflow: auto". Zou moeten werken volgens mij.
Welke shizzle als DOCTYPE moet je voor je html zetten?
Doe ik nu. Is dit verantwoord?
| 1 2 | <html xmlns="http://www.w3.org/1999/xhtml"> |
Doe ik nu. Is dit verantwoord?
Die is prima, mits je daarna ook echt XHTML gebruikt.quote:Op zondag 3 februari 2008 19:21 schreef Flaccid het volgende:
Welke shizzle als DOCTYPE moet je voor je html zetten?
[ code verwijderd ]
Doe ik nu. Is dit verantwoord?
Wil iedereen die in telekinese gelooft nu mijn hand op steken?
| Foto's van toen en nu | Icons | Whatpulse keyboard | .NET developer? |
| Foto's van toen en nu | Icons | Whatpulse keyboard | .NET developer? |
CSS heeft nog een andere optiequote:Op zondag 3 februari 2008 08:55 schreef Chandler het volgende:
[..]
Simpel
[ code verwijderd ]
Maar dan nog blijven ze onder elkaar staan :{
| 1 |
dan heb je alleen een verticale scrollbar
[ alle babes op 1 pagina via fok!wiki -bijgewerkt tot 20/10/2015 ]
Leve Kim , Leve Maduro , Leve Castro
#freeTarik #freeDemon_from_heaven
Leve Kim , Leve Maduro , Leve Castro
#freeTarik #freeDemon_from_heaven
die wordt voggesmij niet gesupport door IE 6.quote:Op zondag 3 februari 2008 19:41 schreef BabeWatcher het volgende:
[..]
CSS heeft nog een andere optie
[ code verwijderd ]
dan heb je alleen een verticale scrollbar
is het waar dat je kan kijken met welke editor een site gemaakt is?
Helaas, het werkt niet, wat ik ook probeer.
Anyone? :D
| 1 2 3 4 5 6 7 8 9 10 11 | <div style="width: auto;"> <img src="#" height="128" width="128" style="padding: 10px;"> <img src="#" height="128" width="128" style="padding: 10px;"> <img src="#" height="128" width="128" style="padding: 10px;"> <img src="#" height="128" width="128" style="padding: 10px;"> <img src="#" height="128" width="128" style="padding: 10px;"> <img src="#" height="128" width="128" style="padding: 10px;"> <img src="#" height="128" width="128" style="padding: 10px;"> </div> </div> |
Anyone? :D
The people who lost my respect will never get a capital letter for their name again.
Like trump...
Like trump...
iframe denk ik danquote:Op zondag 3 februari 2008 20:26 schreef Chandler het volgende:
Helaas, het werkt niet, wat ik ook probeer.
[ code verwijderd ]
Anyone?
Ik heb een achtergrond die anders scrollt dan mijn div.
www.joristimes.nl/test
Als je het scherm groter of kleiner maatk zit er af en toe 1 pixel verschil tussen de border van de achtergrond en de rode div
[ Bericht 13% gewijzigd door Flaccid op 03-02-2008 20:43:06 ]
niet helemaal goed gelezen, probeer overflow-x: scroll;quote:Op zondag 3 februari 2008 20:26 schreef Chandler het volgende:
Helaas, het werkt niet, wat ik ook probeer.
[ code verwijderd ]
Anyone?
[ alle babes op 1 pagina via fok!wiki -bijgewerkt tot 20/10/2015 ]
Leve Kim , Leve Maduro , Leve Castro
#freeTarik #freeDemon_from_heaven
Leve Kim , Leve Maduro , Leve Castro
#freeTarik #freeDemon_from_heaven
beiden werken niet 
The people who lost my respect will never get a capital letter for their name again.
Like trump...
Like trump...
| 1 2 3 4 5 6 7 8 9 10 11 | <div style="width: 1500px; height: 148px;"> <img src="#" height="128" width="128" style="padding: 10px;" /> <img src="#" height="128" width="128" style="padding: 10px;" /> <img src="#" height="128" width="128" style="padding: 10px;" /> <img src="#" height="128" width="128" style="padding: 10px;" /> <img src="#" height="128" width="128" style="padding: 10px;" /> <img src="#" height="128" width="128" style="padding: 10px;" /> <img src="#" height="128" width="128" style="padding: 10px;" /> </div> </div> |
Nee, tenzij je dit expliciet in de source zet.quote:Op zondag 3 februari 2008 20:26 schreef Flaccid het volgende:
is het waar dat je kan kijken met welke editor een site gemaakt is?
Nee, dat kan niet het beste: dat moet zelfs. Niet meer, en niet minderquote:Op maandag 4 februari 2008 13:30 schreef Flaccid het volgende:
Wat kan je het beste voor je <html> tag zetten, doctype enzo?
Welke doctype moet ik gebruiken?quote:Op maandag 4 februari 2008 14:17 schreef CraZaay het volgende:
[..]
Nee, tenzij je dit expliciet in de source zet.
[..]
Nee, dat kan niet het beste: dat moet zelfs. Niet meer, en niet minder
http://www.w3schools.com/tags/tag_doctype.asp
Die pagina lijkt me vrij helder? Transitional HTML 4.01 of XHTML 1.0 is altijd een veilige keuze.quote:Op maandag 4 februari 2008 14:52 schreef Flaccid het volgende:
[..]
Welke doctype moet ik gebruiken?
http://www.w3schools.com/tags/tag_doctype.asp
Deze werkt idd goed, echter is nu het probleem dat je met een vaste maat werkt. Met 10 afbeeldingen is dat geen probleem maar heb je tussen de 2 en 20 afbeeldingen dan werkt deze oplossing niet!quote:
The people who lost my respect will never get a capital letter for their name again.
Like trump...
Like trump...
Desnoods doe je het met JS, heb ik ook weleens gedaan, Maar CSS moet ook kunnen lijkt me. Vrolijk verder spelen zou ik zeggen
Kan iemand me met het volgende probleem helpen..
Als ik de site die ik voor een vriend van me aan het maken ben, bekijk in IE, dan is het menu een beetje opgeschoven, kan iemand de fout spotten?
http://www.dje-rik.nl/test/DJERIK/index.html
Als ik de site die ik voor een vriend van me aan het maken ben, bekijk in IE, dan is het menu een beetje opgeschoven, kan iemand de fout spotten?
http://www.dje-rik.nl/test/DJERIK/index.html
Ook voor jou: haal eerst de 32 html-bugs er eens uit!quote:Op maandag 4 februari 2008 23:57 schreef Banzaiaap het volgende:
Kan iemand me met het volgende probleem helpen..
Als ik de site die ik voor een vriend van me aan het maken ben, bekijk in IE, dan is het menu een beetje opgeschoven, kan iemand de fout spotten?
http://www.dje-rik.nl/test/DJERIK/index.html
Ja dat heb ik reeds een dag gedaan (tussendoor) maar kom er gewoon niet uitquote:Op maandag 4 februari 2008 20:58 schreef CraZaay het volgende:
Desnoods doe je het met JS, heb ik ook weleens gedaan, Maar CSS moet ook kunnen lijkt me. Vrolijk verder spelen zou ik zeggen
The people who lost my respect will never get a capital letter for their name again.
Like trump...
Like trump...
Als je php hebt draaien kan je het met een variable oplossen, waarbij je het aantal plaatjes in een dir telt en dan de width uitrekent en die als breedte meegeeft. Wat je ook kan doen is alles in een table gooien:quote:Op maandag 4 februari 2008 19:10 schreef Chandler het volgende:
[..]
Deze werkt idd goed, echter is nu het probleem dat je met een vaste maat werkt. Met 10 afbeeldingen is dat geen probleem maar heb je tussen de 2 en 20 afbeeldingen dan werkt deze oplossing niet!
| 1 2 3 4 5 6 7 8 9 10 11 12 13 | <table cellpadding="0" cellspacing="0" style="border: none"> <tr> <td><img src="#" style="width: 128px; height: 128px; margin: 10px;" /><td> <td style="padding: 10px;"><img src="#" height="128" width="128" /><td> <td style="padding: 10px;"><img src="#" height="128" width="128" /><td> <td style="padding: 10px;"><img src="#" height="128" width="128" /><td> <td style="padding: 10px;"><img src="#" height="128" width="128" /><td> <td style="padding: 10px;"><img src="#" height="128" width="128" /><td> <td style="padding: 10px;"><img src="#" height="128" width="128" /><td> </tr> </table> </div> |
het is inderdaad een oplossing maar helaas niet de gene die ik zoekquote:Op dinsdag 5 februari 2008 10:19 schreef Tarabass het volgende:
Als je php hebt draaien kan je het met een variable oplossen, waarbij je het aantal plaatjes in een dir telt en dan de width uitrekent en die als breedte meegeeft. Wat je ook kan doen is alles in een table gooien:
[ code verwijderd ]
maar toch tnx! Verder zit ik met iets vaags, ik heb de volgende code
| 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 | <a href="#" class="border: 1px solid #464444; width: 130px; height: 130px; text-align: center; display: block;"><img src="/thumb.php?cat=animals&photo=1" border="0" onClick="preview('animals', '1');"></a> <a href="#" class="border: 1px solid #464444; width: 130px; height: 130px; text-align: center; display: block;"><img src="/thumb.php?cat=animals&photo=11" border="0" onClick="preview('animals', '11');"></a> <a href="#" class="border: 1px solid #464444; width: 130px; height: 130px; text-align: center; display: block;"><img src="/thumb.php?cat=animals&photo=12" border="0" onClick="preview('animals', '12');"></a> <a href="#" class="border: 1px solid #464444; width: 130px; height: 130px; text-align: center; display: block;"><img src="/thumb.php?cat=animals&photo=14" border="0" onClick="preview('animals', '14');"></a> <a href="#" class="border: 1px solid #464444; width: 130px; height: 130px; text-align: center; display: block;"><img src="/thumb.php?cat=animals&photo=2" border="0" onClick="preview('animals', '2');"></a> <a href="#" class="border: 1px solid #464444; width: 130px; height: 130px; text-align: center; display: block;"><img src="/thumb.php?cat=animals&photo=3" border="0" onClick="preview('animals', '3');"></a> </div> |
en krijg dit als uitkomst
maar wil 3x een blok naast elkaar van 130px breed en 130px hoog waarin de afbeelding gecentreerd staat, echter worden de afbeeldingen weer gegeven in een blok met de eigen grote!? wat doe ik fout?
[ Bericht 10% gewijzigd door Chandler op 07-02-2008 10:20:05 ]
The people who lost my respect will never get a capital letter for their name again.
Like trump...
Like trump...
Dummytijd: Is het af te raden om naast tekst ook objecten in een header te zetten? Ik wil hetzelfde als Wikipedia doen, een onderstreepte H2 met compleet rechts op de lijn een [edit] tekst. Wikipedia lost dit op met een constructrie als "<h2><span>[edit]</span>Title</h2>", maar is dit wel zoals het hoort? Krijg ik hier geen accessibility issues mee?
Zou geen probleem mogen geven, zo gebruik ik het ook (alleen dan achter de eigenlijk kop ipv ervoor).quote:Op donderdag 7 februari 2008 11:05 schreef Geqxon het volgende:
Dummytijd: Is het af te raden om naast tekst ook objecten in een header te zetten? Ik wil hetzelfde als Wikipedia doen, een onderstreepte H2 met compleet rechts op de lijn een [edit] tekst. Wikipedia lost dit op met een constructrie als "<h2><span>[edit]</span>Title</h2>", maar is dit wel zoals het hoort? Krijg ik hier geen accessibility issues mee?
Het liefst doe ik het ook erachter, maar dan is de float niet meer mogelijk. In een text-based browser ziet dit er volgens mij wel fatsoenlijk uit.
Zo doet wiki dat niet. Wiki doet dit:quote:Op donderdag 7 februari 2008 11:05 schreef Geqxon het volgende:
Dummytijd: Is het af te raden om naast tekst ook objecten in een header te zetten? Ik wil hetzelfde als Wikipedia doen, een onderstreepte H2 met compleet rechts op de lijn een [edit] tekst. Wikipedia lost dit op met een constructrie als "<h2><span>[edit]</span>Title</h2>", maar is dit wel zoals het hoort? Krijg ik hier geen accessibility issues mee?
| 1 |
Is exact hetzelfde principe toch?quote:Op donderdag 7 februari 2008 12:36 schreef Tarabass het volgende:
[..]
Zo doet wiki dat niet. Wiki doet dit:
[ code verwijderd ]
Dat, en ik vind de tweede span niet correct, en vooral onhandig als je een keer geen extra optie-tekst hebt. Daarnaast moet je in dit geval met diverse classes te werk gaan, en ook dat is bij mij geen favoriet.quote:Op donderdag 7 februari 2008 12:48 schreef CraZaay het volgende:
[..]
Is exact hetzelfde principe toch?
Nee. De h2-tag staat er in dit geval omheen om zo zoekmachines etc. beter hun werkt te laten doen qua indexeren. De span-tags krijgen de stijlen mee via css-classes. Dit is imo netter en de h2 is beter her te gebruiken. Maar het uiteindelijke resultaat zal inderdaad hetzelfde zijn, dus eigenlijk ook niet iets om druk over te maken..quote:Op donderdag 7 februari 2008 12:48 schreef CraZaay het volgende:
[..]
Is exact hetzelfde principe toch?
Maar zal een bot als google de twee inhouden dan niet gelijk wegen? Dat de inhoud van allebei de span-tags even zwaar is, in plaats van mijn eerdere voorbeeld waar de daadwerkelijke inhoud van de H2 zwaarder weegt dan de span-tag die ernaast staat?
Ik had dit ook al op tweakers gepost, maar misschien weten jullie ook een oplossing
quote:Ik ben bezig met een site voor een vriend van mij, die een site nodig heeft waar hij zijn muziek kan laten horen, en waar informatie over optredens en dergelijke te vinden is. Heel simpel zou je zeggen.. Ik heb de site ontworpen in Photoshop, stukken eruit geslicet en daarna opgebouwd met XHTML en CSS. Echter, nou ziet de site er heel anders uit in Firefox dan in IE7 (Ik heb vanuit Firefox gebouwd, omdat dat mijn standaard browser is, maar nu blijkt het toch makkelijker geweest om de site eerst in IE te checken. De layout klopt totaal niet meer in IE7, terwijl het er in FF prima uitziet.
Ik heb even een testversie [url="http://www.dje-rik.nl/test/DJERIK/index.html"]hier[/url] geupload, het is nog niet af, maar het was meer om de layout te testen.
Kan iemand me uitleggen wat ik verkeerd doe? (Ik ben nog maar een klein half jaar hier mee bezig, dus reken me aub niet te hard af
In Geqxon's voorbeeld staat de H2 er ook omheen toch?quote:Op donderdag 7 februari 2008 13:09 schreef Tarabass het volgende:
[..]
Nee. De h2-tag staat er in dit geval omheen om zo zoekmachines etc. beter hun werkt te laten doen qua indexeren. De span-tags krijgen de stijlen mee via css-classes. Dit is imo netter en de h2 is beter her te gebruiken. Maar het uiteindelijke resultaat zal inderdaad hetzelfde zijn, dus eigenlijk ook niet iets om druk over te maken..
Begin met die 32 HTML errors (zie validator), en daarna praten we verderquote:Op donderdag 7 februari 2008 13:51 schreef Banzaiaap het volgende:
Ik had dit ook al op tweakers gepost, maar misschien weten jullie ook een oplossing
Sorry klopt, is gedaanquote:Op donderdag 7 februari 2008 14:04 schreef CraZaay het volgende:
[..]
Begin met die 32 HTML errors (zie validator), en daarna praten we verder
Anyone? zie ik nou gewoon wat over het hoofd?quote:Op donderdag 7 februari 2008 00:47 schreef Chandler het volgende:
[..]
het is inderdaad een oplossing maar helaas niet de gene die ik zoek
Verder zit ik met iets vaags, ik heb de volgende code
[ code verwijderd ]
en krijg dit als uitkomst
[ afbeelding ]
maar wil 3x een blok naast elkaar van 130px breed en 130px hoog waarin de afbeelding gecentreerd staat, echter worden de afbeeldingen weer gegeven in een blok met de eigen grote!? wat doe ik fout?
The people who lost my respect will never get a capital letter for their name again.
Like trump...
Like trump...
Ik heb het voor de grap eens `from scratch´ gedaan:quote:Op donderdag 7 februari 2008 14:25 schreef Chandler het volgende:
[..]
Anyone? zie ik nou gewoon wat over het hoofd? :D
| 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 | width: 402px; height: 402px; margin: 0; padding: 0; border: 1px #000 solid; } ul.imageblock li{ width: 130px; height: 130px; float: left; padding: 0; margin: 1px; text-align: center; line-height: 130px; list-style-type: none; border: 1px #AAA solid; } |
| 1 2 3 4 5 6 7 8 9 10 | <li><a href="#">baz</a></li> <li><a href="#">baz</a></li> <li><a href="#">baz</a></li> <li><a href="#">baz</a></li> <li><a href="#">baz</a></li> <li><a href="#">baz</a></li> <li><a href="#">baz</a></li> <li><a href="#">baz</a></li> </ul> |
Zoiets doet het hier prima.
Heb je een doc-type staan? Anders eens style="" in de tag plaatsenquote:Op donderdag 7 februari 2008 14:25 schreef Chandler het volgende:
[..]
Anyone? zie ik nou gewoon wat over het hoofd?
Iemand?quote:Op donderdag 7 februari 2008 13:51 schreef Banzaiaap het volgende:
Ik had dit ook al op tweakers gepost, maar misschien weten jullie ook een oplossing
Ik ben bezig met een site voor een vriend van mij, die een site nodig heeft waar hij zijn muziek kan laten horen, en waar informatie over optredens en dergelijke te vinden is. Heel simpel zou je zeggen.. Ik heb de site ontworpen in Photoshop, stukken eruit geslicet en daarna opgebouwd met XHTML en CSS. Echter, nou ziet de site er heel anders uit in Firefox dan in IE7 (Ik heb vanuit Firefox gebouwd, omdat dat mijn standaard browser is, maar nu blijkt het toch makkelijker geweest om de site eerst in IE te checken. De layout klopt totaal niet meer in IE7, terwijl het er in FF prima uitziet.
Ik heb even een testversie [url="http://www.dje-rik.nl/test/DJERIK/index.html"]hier[/url] geupload, het is nog niet af, maar het was meer om de layout te testen.
Kan iemand me uitleggen wat ik verkeerd doe? (Ik ben nog maar een klein half jaar hier mee bezig, dus reken me aub niet te hard af )
Edit: Ik heb het nu tijdelijk opgelost met de volgende code.
| 1 2 3 4 5 6 7 8 9 | <!--[if IE]> <style> #main { top:33px; } </style> <![endif]--> |
[ Bericht 12% gewijzigd door Banzaiaap op 07-02-2008 16:44:41 ]
Die van jou is inderdaad veel beter, is er ook een optie ipv links floaten dat het gecentreerd staat.. Stel ik heb maar 2 plaatjes dat deze dan in het midden van het kader komen te staan?quote:Op donderdag 7 februari 2008 14:53 schreef Geqxon het volgende:
[..]
Ik heb het voor de grap eens `from scratch´ gedaan:
[ code verwijderd ]
[ code verwijderd ]
Zoiets doet het hier prima.
ik heb dit zelf al geprobeerd maar helaas
The people who lost my respect will never get a capital letter for their name again.
Like trump...
Like trump...
