hoe maken jullie een site bruikbaar voor meerdere browsers?
quote:zie zijn sig/ondertitelop vrijdag 23 september 2005 17:32 schreef vosss het volgende:
maak dan meteen subtiel gebruik van dit topic door de site te spammen waar je het over hebt!
wat remlof zegt dus, css gebruiken.
en hoe maak je je site bruikbaar voor meerdere browsers?
opmaak van je html controleren helpt iig al een stuk:
http://validator.w3.org/
css validatie hier:
http://jigsaw.w3.org/css-validator/
dan ga ik toch maar bezig met css... maar dan zijn de lay out problemen voorbij dus?
quote:als je site beter in elkaar zit qua code, zal hij ook beter werken in firefox...op vrijdag 23 september 2005 17:42 schreef #ANONIEM het volgende:
oke.. als ik zonder echt gebruik van tabellen de site maak (of met minder tabellen) en css goed leer dan kan mijn site niet alleen beter in elkaar zitten qua code maar ook beter werken onder firefox dus....
dan ga ik toch maar bezig met css... maar dan zijn de lay out problemen voorbij dus?
dat de site er goed uitziet, komt doordat ie erg soepel is met het accepteren van verkeerde code. firefox is dit niet (andere browsers ook niet, trouwens... zoals het hoort).
maar zo te zien http://validator.w3.org/c(...)seuro.atspace.com%2f
heb je ook een aantal fouten in je html mbt je tabellen, erg vreemd is het dan ook niet dat ze dan verneukt weergegeven worden.
quote:ja maar dat kan ik niet zien meer ofzo om de 1 of andere reden... krijg nu elke keer deze melding:op vrijdag 23 september 2005 17:46 schreef murray het volgende:
wil niet zeggen dat je problemen dan voorbij zijn...
maar zo te zien http://validator.w3.org/c(...)seuro.atspace.com%2f
heb je ook een aantal fouten in je html mbt je tabellen, erg vreemd is het dan ook niet dat ze dan verneukt weergegeven worden.
quote:i got the following unexpected response when trying to retrieve <http://gratiseuro.atspace.com/index.html>:
500 can't connect to gratiseuro.atspace.com:80 (bad hostname 'gratiseuro.atspace.com')
if you made recent changes to your domain name (dns) configuration, you may also want to check that your domain records are correct, or ask your hosting company to do so.
quote:hoe kan ik bijvoorbeeld bovenstaande code in css maken? dus zonder een tabel zoals jullie zeggen..?<table width="154" height="25" border="0" align="left" cellpadding="0" cellspacing="0">
<td width="149" height="25" background="http://gratiseuro.atspace.com/button2.jpg" alt="geld verdienen online" align="center">
<a href="http://gratiseuro.atspace.com/overzicht.html" target="iframe2">referral systemen</a></td>
</tr>
</table>
en deze
quote:moet ik dat allemaal met boxen van css gaan definieren?<table width="140" border="0" align="right" cellpadding="2" cellspacing="2">
<td align="center" bgcolor="3366cc"><a href="http://gratiseuro.atspace.com/geldhalen referral systeem.html" target="iframe2">geldhalen</a></td>
</tr><tr>
<td align="center" bgcolor="3366cc"><a href="http://gratiseuro.atspace.com/geldrace.html" target="iframe2">geldrace</a></td>
</tr><tr>
<td align="center" bgcolor="3366cc"><a href="http://gratiseuro.atspace.com/money miljonair.html" target="iframe2">money miljonair</a></td>
</tr>
</table>
en bij de knoppen en afbeeldingen moet ik die ook via css een plaats geven in boxen? [ Bericht 5% gewijzigd door #ANONIEM op 23-09-2005 18:41:17 ]
de hoofdcontainer waar al je boxen in zit
linkermenu - komen de buttons van het menu
bovenmenu - idem
content - komt je content
die gaan je dan positieoneren en een layout aan geven.
quote:nu heb ik de indeling in css gemaakt... dat is me gelukt.<body>
<div style="background-color: white; width:988px; height:710px; border: 0 solid black; float:left; margin-left:0px">
<div style="background-color: white; width:200px; height:700px; border: 1 solid black; float:left; margin-left:0px">
hier de inhoud van blokje 1</div>
<div style="background-color: 6666ff; width:780px; height:94px; border: 1 solid black; float:right; margin-right:0px">
hier de inhoud van hokje 2</div>
<div style="background-color: 6666ff; width:780px; height:600px; border: 1 solid black; float:right; margin-top:6px">
hier de inhoud van hokje 3</div>
</div>
</body>
</html>
maar nu lukken heel veel dingen me niet om via de stylesheet te doen (de inhoud geven aan die 3 div's).
quote:dit is nu mijn stylesheet...a:link {color: #99cc99;
font-size: 75%;
text-decoration: none;
font-face: arial;
background-color: 3366cc}
a:visited {color: #99cc99;
font-size: 75%;
text-decoration: none;
font-face: arial;
background-color: 3366cc}
a:hover {text-decoration: none; color: red}
h1 {font-weight: bold;
text-align: center;
color: #000000;
font-size: 100%;
font-family: times new roman, arial, sans-serif}
p {font-weight: bold;
color: #000000;
font-size: 80%;
font-family: times new roman, arial, sans-serif;}
hoe kan ik er nu voor zorgen dat ik in het stylesheet de background definieer (ik weet wel hoe dat moet via deze code:
style="background-image: url(gratis-geld.jpg);
maar zodra ik dat probeer (en ook de repeat-y functie gebruik) dan werkt die voor de eerste div dus voor de allergrootste 'box'. nu moet ik hem in die 2e div hebben en in de 3e div weer een andere achtergrond en in de 4e ook...
ik heb gelezen dat je bij de stylesheet iets kan doen van p.achtergrond {de codes} en dat wanneer je dan bij de <p> tag naar p.achtergrond verwijst deze die achtergrond haalt... zo zou je dus voor alle drie de div's een aparte achtergrond kunnen krijgen... toch?
maar hoe moet dat nu precies
nu heb ik die achtergrondcode in mijn <p> tag gedaan maar moet ik heel veel <br><br><br> doen om mijn hele achtergrond die 700 hoog is vol te krijgen met die achtergrond terwijl ik weet dat dat beter kan werken via css...daarnaast heb ik ook nog vragen over het alignen van plaatjes in de divs en van tekst
maar dat doe ik later wel een keer, ik ben voorlopig al blij als iemand me bovenstaande kan uitleggen. body { background-image: url(gratis-geld.jpg); }
en p.achtergrond
p is de paragraf die . houd in dat er een classe is en die heet achtergrond en daarvan verander je dan de background
quote:oke in mijn stylesheet krijg ik dan dus bijvoorbeeldop vrijdag 23 september 2005 21:32 schreef ra-z het volgende:
van de complete body
body { background-image: url(gratis-geld.jpg); }
en p.achtergrond
p is de paragraf die . houd in dat er een classe is en die heet achtergrond en daarvan verander je dan de background
p.achtergrond1 {codes}
p.achtergrond2 {codes}
p.achtergrond3 {codes}
en hoe verwijs ik dan vanaf de p naar die achtergrond 1 e.d. met die classes?
<p ... en dan....??
www.w3schools.com
quote:dank jullie allemaal. ik doe echt mijn best om het zelf allemaal te vinden en veel dingen kan ik ook wel vinden maar ik weet dan nog niet altijd precies waar ze moeten komen te staan e.d. en daar kan ik dan ook moeilijker achterkomen. dus is niet zo dat ik lui wil zijn want ik ben echt elke dag uren bezig om informatie op te zoeken over alles en nog wat dat met internet sites gerelateerd isop vrijdag 23 september 2005 22:10 schreef enasni het volgende:
<p class="achtergrond1"> </p>
www.w3schools.com
quote:die validator moet in principe iedereen gebruiken als je een site bouwtop vrijdag 23 september 2005 22:24 schreef freeflyer het volgende:
hee, interessant topic, alleen al via die validator kwam ik erachter dat er nogal wat fouten in mijn source zaten. wel handig dat er gelijk oplossingen bij gegeven worden
(vergeet zelf nu weer na wat aanpassingen de zooi te checken gelijk maar ff doen
en hoe krijg ik die links geplaatst zoals ik wil? bedoel zo mooi als je met een tabel de breedte kan aangeven enzo en rechts kan alignen...?
en hoe kan ik nou naar achtergronden verwijzen want ik deed daarstraks een achtergrond bij een div maar dan repeat hij zichzelf automatisch al
en daarvoor gebruik ik dus ook geen stylesheet op dat moment...ik ga er maandag ofzo wel mee verder, morgen meehelpen verhuizen. maar als iemand hier even helder op kan antwoorden dan zou dat wel heel mooi zijn.
| 1 2 3 4 5 | div { background-image:url("hello_world.gif"); background-repeat:no-repeat; height:35px; } |
kijk hier eens naar: http://www.w3schools.com/css/default.asp
quote:ja had ik gedaan maar weet nu al waarom het niet werkte en dat staat daar niet beschrevenop zaterdag 24 september 2005 09:45 schreef enasni het volgende:
[ code verwijderd ]
kijk hier eens naar: http://www.w3schools.com/css/default.asp
het blijkt dat ik (misschien vanwege mijn div indeling ofzo?) zowel de achtergrond image als achtergrondkleur moet aangeven... toen ik slechts de achtergrondafbeelding aangaf werd de lay-out helemaal anders (de 2 rechter div's kwamen onder de linker div te staan). nu heb ik dus het color attribuut toegevoegd en nu blijft het mooi staan is dit normaal of heb ik weer een brakke code gemaakt?de code is als volgt
quote:en bij mijn stylesheet de achtergronds gewoon goed gedefinieert...<body>
<div width:988px; height:710px; border: 0 solid black; float:left; margin-left:0px">
<div class="achtergrond1" style="background-color: 6666ff; width:198px; height:700px; border: 1 solid black; float:left; margin-left:0px">
<p>
home<br>
<br>
referral links<br>
<br>
link<br>
link<br>
link<br>
</p>
</div>
<div class="achtergrond2" width:780px; height:94px; border: 1 solid black; float:right; margin-top:0px">
hier de inhoud van hokje 2</div>
<div style="background-color: 6666ff; style="background-color: 6666ff; width:780px; height:600px; border: 1 solid black; float:right; margin-top:6px">
hier de inhoud van hokje 3</div>
</div>
</body>
ik vind het opzich een raar iets.
<div style= blabla>
moet je hem niet indentificeren met je stylesheet ofzo?
quote:ja daar moet ik maar eens naar kijken. ben nu bezig met de opmaak van mijn site (via css) en zie dat er in firefox helemaal niks van overblijftop zaterdag 24 september 2005 18:48 schreef renesite het volgende:
maar, is je css wel optimaal.
ik vind het opzich een raar iets.
<div style= blabla>
moet je hem niet indentificeren met je stylesheet ofzo?
terwijl ik gewoon css codes gebruik... nou ja zal wel aan mij liggen.
in de code die je post ontbeken er trouwens nog een aantal style tags of heb je ze juist dubbel staan (zie de =========), dus het kan kloppen dat het effect anders is dan je verwacht
edit:
| 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 | <body> ====================================== <div width:988px; height:710px; border: 0 solid black; float:left; margin-left:0px"> ====================================== <div class="achtergrond1" style="background-color: 6666ff; width:198px; height:700px; border: 1 solid black; float:left; margin-left:0px"> <p> home<br> <br> referral links<br> <br> link<br> link<br> link<br> </p> </div> ================================================ <div class="achtergrond2" width:780px; height:94px; border: 1 solid black; float:right; margin-top:0px"> ================================================ hier de inhoud van hokje 2</div> ================================================= <div style="background-color: 6666ff; style="background-color: 6666ff; width:780px; height:600px; border: 1 solid black; float:right; margin-top:6px"> ================================================= hier de inhoud van hokje 3</div> </div> </body> |
quote:hmm oke, nou ja ik heb css even opgegevenop zaterdag 24 september 2005 23:15 schreef enasni het volgende:
misschien is het makkelijker je style bij de class te zetten die je voor je div gebruikt in je css file i.p.v. in je html? (je definieert niet voor niks je <div class="style1">, dus je style1 staat in je css file)
in de code die je post ontbeken er trouwens nog een aantal style tags of heb je ze juist dubbel staan (zie de =========), dus het kan kloppen dat het effect anders is dan je verwacht
edit:
[ code verwijderd ]
ik heb echt mijn best gedaan maar vanmorgen wist ik nog gewoon dat ik heel veel gedroomt had over mijn site (ook geen wonder de laatste maand ben ik 5 dagen per week minstens 6uur bezig geweest met codes) dus heb maar besloten om eerst maar terug te vallen op html... ik heb er wel heel erg veel van geleert en ik denk dat ik binnen een maand ook wel weer begin met css maar ik laat het even links liggen. iedereen bedankt voor hun reacties op dit topic en ik laat het wel merken als ik er weer een keer niet uit kom (nu heb ik via html de tables aangepast en nu werkt mijn site goed zowel in ie als in firefox (maar dat zie je nu nog niet omdat ik die code nog door moet voeren naar alle referrallinks, kijk maar bij verdienjesuf met firefox dan zie je dat die al goed is en de rest kan ik in een half uur wel net zo maken via kopieren).
het is misschien niet de meest mooie manier om met tables te werken maar mijn frames zijn in ieder geval al weg... css is nog net een stap te ver voor mij op dit moment
nogmaals vriendelijk bedankt iedereen
[ Bericht 1% gewijzigd door #ANONIEM op 25-09-2005 00:09:56 ]