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.
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:
Just say hi!
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
Just say hi!
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 ]
Just say hi!
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?
Just say hi!
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
Just say hi!
