Mijn website , hulp aub
- Onderwerp starter jens121
- Startdatum
- Status
city guy
Gebruiker
- Lid geworden
- 27 jan 2010
- Berichten
- 710
Hi,
je keuze van de kleur is zeker niet slecht. Misschien kun je op sommige punten wat meer licht zetten.
Op mijn explorer lopen de foto's van het centrale vak af (foto's van de planeten). Net als de tekst. Moet je een beetje opletten dat het netjes staat.
De kop zet jij Taak Aadrijkskunde. Moet zijn Taak Aar < == drijkskunde. Je bent de "r" even vergeten.
Maar: het kan een mooie site worden
je keuze van de kleur is zeker niet slecht. Misschien kun je op sommige punten wat meer licht zetten.
Op mijn explorer lopen de foto's van het centrale vak af (foto's van de planeten). Net als de tekst. Moet je een beetje opletten dat het netjes staat.
De kop zet jij Taak Aadrijkskunde. Moet zijn Taak Aar < == drijkskunde. Je bent de "r" even vergeten.
Maar: het kan een mooie site worden
heh wat bedoel je met deze zin" Op mijn explorer lopen de foto's van het centrale vak af (foto's van de planeten). Net als de tekst. Moet je een beetje opletten dat het netjes staat. "
en hoe zou ik dit kunnen oplossen
?Ik heb ook gehad op school waar er kleine schermen zijn dat de fotos niet naast elkaar staan maar onder elkaar en zeer slordig maar met een breed scherm dat het goed staat hoe denk je dat ik dit zou kunnen oplossen.
alvast bedankt
city guy
Gebruiker
- Lid geworden
- 27 jan 2010
- Berichten
- 710
heh wat bedoel je met deze zin" Op mijn explorer lopen de foto's van het centrale vak af (foto's van de planeten). Net als de tekst. Moet je een beetje opletten dat het netjes staat. "
en hoe zou ik dit kunnen oplossen
Ik heb ook gehad op school waar er kleine schermen zijn dat de fotos niet naast elkaar staan maar onder elkaar en zeer slordig maar met een breed scherm dat het goed staat hoe denk je dat ik dit zou kunnen oplossen.
alvast bedankt
Heb je gedacht over de mogelijkheid van een tabel? Het aantal rijen is het aantal planeten en dan met 2 kolommen. 1 met de beschrijving en 1 met de foto misschien?
Misschien gebruik je die al maar daar heb ik niet gekeken. De kolommen moeten wel een vaste breedte hebben. Voor jezelf is het dan makkelijk als de fotoos ook allemaal dezelfde afmeting hebben.
ok ik zal dit proberen bedankt voor de reactie
Ik heb nu die eigenschappen naast de planeet gezet maar weet niet of het er goed uitziet voor de moment als het niet zo is kan je wat tips geven
city guy
Gebruiker
- Lid geworden
- 27 jan 2010
- Berichten
- 710
Ik heb nu die eigenschappen naast de planeet gezet maar weet niet of het er goed uitziet voor de moment als het niet zo is kan je wat tips geven
Hi,
een goede verbetering. Meer overzichtelijk. Als je de cell van de planetenfoto (zonnestelsel) smaller maakt bv. 10 breder dan de fotoos dan komt de tekst mooier naast de foto.
.. en vergeet niet de kopregel van de site te verbeteren. Daar staat aadrijkskunde wat aardrijkskunde zou moeten zijn
(see de R na aa?)
csshunter
Meubilair
- Lid geworden
- 4 aug 2009
- Berichten
- 6.465
Hoi jens121,
Ik zou geen breedte opgeven voor bv. de tabel onder "De vier rotsachtige planeten". Zonder opgegeven breedte past de tabel zich dan aan aan de beschikbare breedte van de donkerblauwe kolom waar de tabel in zit.
Datzelfde geldt voor de tabelcellen: alle linkercellen <td> hebben steeds een breedte van 383px gekregen. Als je die weglaat, wordt de cel net zo breed als de foto, en wordt de rechtercel met de tekst zo breed mogelijk (maar nog wel binnen het donkerblauw).
Met vriendelijke groet,
CSShunter
Ik zou geen breedte opgeven voor bv. de tabel onder "De vier rotsachtige planeten". Zonder opgegeven breedte past de tabel zich dan aan aan de beschikbare breedte van de donkerblauwe kolom waar de tabel in zit.
Datzelfde geldt voor de tabelcellen: alle linkercellen <td> hebben steeds een breedte van 383px gekregen. Als je die weglaat, wordt de cel net zo breed als de foto, en wordt de rechtercel met de tekst zo breed mogelijk (maar nog wel binnen het donkerblauw).
Met vriendelijke groet,
CSShunter
ik heb de breedte van de td"s nu laten vallen, heeft dit een betere layout ?
city guy
Gebruiker
- Lid geworden
- 27 jan 2010
- Berichten
- 710
Hi Jens#,
dat is een mooie pagina geworden.
Er staat een tekst "Als je meer informatie wil van de zon kan u dat door op de link te klikken van de zon." De combinatiekleur rood op blauw is niet voor iedereen goed leesbaar.Je zou kunnen proberen dat contrast te verbeteren door misschien een felgele kleur te gebruiken, misschien wel vet ook nog.
De link naar de zon-informatie heb ik nog niet kunnen vinden(?)
Toen ik naar de heelal-pagina keek kreeg ik nog een idee.
Voor site-bezoekers die iets willen leren kun jij een extraatje doen. Speciale woorden (hadronen, quarks en zo door) kun je een korte toelichting geven. Stop die woorden in een
Code:
<span>CSShunter idee was ook niet de slechtste zag ik.
hallo,
Ja de link van de zon daarvoor moet je klikken op "De zon" op die titel
en welk kleur stel je dan voor , voor op een blauwe achtergrond.
bedankt voor reacties
Frats
Terugkerende gebruiker
- Lid geworden
- 22 nov 2008
- Berichten
- 4.492
Leuke website, vind em er goed uitzien :thumb:
Waar ik even op zou letten zijn de teksten, je gebruikt regelmatig "u" en "je" door elkaar, zelfs op dezelfde zin, en ook spring je soms van tegenwoordige naar verleden tijd.
Verder ben je Pluto vergeten?
Het is officieel geen planeet meer, maar misschien juist daarom wel een van de bekendere voorwerpen in ons zonnestelsel 
Verder zou je, als je een link maakt, dat eigenlijk duidelijk moeten maken door een streep onder te zetten. Dat is nou eenmaal standaard en dan begrijpen mensen het sneller; op die manier hoef je ook niet in de tekst te zetten dat mensen ergens op kunnen klikken.
Bij Jupiter ontbreekt nog waar de atmosfeer uit bestaat.
Succes ermee verder, je bent al een heel eind :thumb:
Waar ik even op zou letten zijn de teksten, je gebruikt regelmatig "u" en "je" door elkaar, zelfs op dezelfde zin, en ook spring je soms van tegenwoordige naar verleden tijd.
Verder ben je Pluto vergeten?
Het is officieel geen planeet meer, maar misschien juist daarom wel een van de bekendere voorwerpen in ons zonnestelsel Verder zou je, als je een link maakt, dat eigenlijk duidelijk moeten maken door een streep onder te zetten. Dat is nou eenmaal standaard en dan begrijpen mensen het sneller; op die manier hoef je ook niet in de tekst te zetten dat mensen ergens op kunnen klikken.
Bij Jupiter ontbreekt nog waar de atmosfeer uit bestaat.
Succes ermee verder, je bent al een heel eind :thumb:
Ik heb het naar geel aangepast en heb ook die moeilijke woorden met een title aangepast
city guy
Gebruiker
- Lid geworden
- 27 jan 2010
- Berichten
- 710
Hi Jens#
als dit jou eerste site is, dan heb je nou toch iets in handen wat een mooie
site is. Nou moet je consequent in de stijl blijven.Er is volgens mijn IE8 nog iets geks. Als hij maximaal groot is gaat met de planeten de tekst goed. Als mijn browser window kleiner wordt dan gaat de tekst weer uit het blauwe vlak. 
Controleer of de content compleet is; pas aan wat nodig is. Als er tijd is kun je misschien nog over de stijl gaan na zitten denken of hij helemaal is wat je wilde.
Als ik nog denk aan verder iets, dan post ik dat wel hier.
Nou denk ik dat ik voor even niet meer moet toevoegen, je gaat goed:thumb:.
csshunter
Meubilair
- Lid geworden
- 4 aug 2009
- Berichten
- 6.465
Hoi Jens,
De teksten naast de planeten staan nu mooi direct naast de foto's.
Maar de breedte van de tekst wandelt bij kleinere beeldschermen nog uit de achtergrond.
in plaats van:
CSShunter
[edit]Ha, kruispost met CityGuy.
Het buiten boord lopen van de tekst is niet alleen in IE8, maar in alle browsers (mijn screenshotjes zijn met Firefox). gelukkig werkt de oplossing ook in alle browsers.[/edit]
De teksten naast de planeten staan nu mooi direct naast de foto's.
Maar de breedte van de tekst wandelt bij kleinere beeldschermen nog uit de achtergrond.
- Kijk.
Code:
[FONT="Courier New"][SIZE="2"][COLOR="DarkGreen"]<table>[/COLOR][/SIZE][/FONT]
Code:
[FONT="Courier New"][SIZE="2"][COLOR="DarkRed"]<table style="width: 751px; height: 573px">[/COLOR][/SIZE][/FONT]- Kijk!
- Tip: om te kijken of het altijd goed gaat, kan je het window van de browser verkleinen. Als het goed is, verschuift dan alles mooi mee.
Code:
[FONT="Courier New"][SIZE="2"]<p><a href="images/venus2-groot.jpg" title="klik voor vergroting"><img style="border: 0"
src="images/venus2-groot.jpg" width="169" height="151" alt="venus"/></a></p>[/SIZE][/FONT]- De "title" is de tekst die in het kleine gele vakje verschijnt als je met de muis over de afbeelding beweegt.
- De "border" is de rand van de afbeelding. Die moet op nul gezet worden, want anders komt er bij een link op een afbeelding automatisch een 2 pixel brede rand om de afbeelding heen.
CSShunter
[edit]Ha, kruispost met CityGuy.
Het buiten boord lopen van de tekst is niet alleen in IE8, maar in alle browsers (mijn screenshotjes zijn met Firefox). gelukkig werkt de oplossing ook in alle browsers.
[/edit]
Laatst bewerkt:
csshunter
Meubilair
- Lid geworden
- 4 aug 2009
- Berichten
- 6.465
Vervolg.
Oeps! Op je pagina Zonnestelsel zie ik dat de link naar Zonnestelsel in het menu naar een verkeerde pagina gaat.
Dat brengt me wel op een idee. Wat je nog zou kunnen doen om in het menu te laten zien op welke pagina je zit, is het volgende.
In het menu van elke pagina zet je een ID voor de huidige pagina, bijvoorbeeld:
(de links naar de andere pagina's blijven gewoon hetzelfde)
Nu maak je in je stylesheet een stijl aan voor dit ID:
Of andere kleurtjes. Het "!important" is om voorrang te krijgen op de gewone stijl van de menu-link, die ergens anders in het stijlsheet staat.
Op elke pagina wordt nu alleen de link met id="huidig" in deze afwijkende stijl getoond: anders dan de andere pagina's waar je niet op zit.
Met vriendelijke groet,
CSShunter
Oeps! Op je pagina Zonnestelsel zie ik dat de link naar Zonnestelsel in het menu naar een verkeerde pagina gaat.
Dat brengt me wel op een idee. Wat je nog zou kunnen doen om in het menu te laten zien op welke pagina je zit, is het volgende.
In het menu van elke pagina zet je een ID voor de huidige pagina, bijvoorbeeld:
Code:
[FONT="Courier New"][SIZE="2"][COLOR="DarkSlateBlue"]<li><a id="huidig" href="zonnestelsel.html">Zonnestelsel</a></li>[/COLOR][/SIZE][/FONT]Nu maak je in je stylesheet een stijl aan voor dit ID:
Code:
[FONT="Courier New"][SIZE="2"][COLOR="DarkSlateBlue"]#huidig {
background: #FFFFC0;
color: #000080 !important;
}[/COLOR][/SIZE][/FONT]Op elke pagina wordt nu alleen de link met id="huidig" in deze afwijkende stijl getoond: anders dan de andere pagina's waar je niet op zit.
Met vriendelijke groet,
CSShunter
Goeroeboeroe
Terugkerende gebruiker
- Lid geworden
- 3 mei 2007
- Berichten
- 1.408
Dat ziet er leuk uit!
Alleen vind ik 'n paar afbeeldingen veel te groot. Daardoor wordt je pagina 1.25 MB groot, en dat laadt veel te langzaam.
zon.jpg is 725 KB groot en 1024x1024 px. Maar je verkleint het heel stek tot 169 x 151. Als je nou de afbeelding zelf verkleint, wordt de omvang misschien iets van 10 KB. Dat scheelt enorm in de laadtijd van de pagina.
Overigens is het beter om 1024 x 1024 (een vierkant) ook te verkleinen tot een vierkant, anders krijg je 'n vervorming. Dus 169x169 of 151x151.
Ook Rotating-earth wordt waarschijnlijk 'n stuk kleiner als je de afbeelding zelf verkleint tot de maat die je nu gebruikt.
Alleen vind ik 'n paar afbeeldingen veel te groot. Daardoor wordt je pagina 1.25 MB groot, en dat laadt veel te langzaam.
zon.jpg is 725 KB groot en 1024x1024 px. Maar je verkleint het heel stek tot 169 x 151. Als je nou de afbeelding zelf verkleint, wordt de omvang misschien iets van 10 KB. Dat scheelt enorm in de laadtijd van de pagina.
Overigens is het beter om 1024 x 1024 (een vierkant) ook te verkleinen tot een vierkant, anders krijg je 'n vervorming. Dus 169x169 of 151x151.
Ook Rotating-earth wordt waarschijnlijk 'n stuk kleiner als je de afbeelding zelf verkleint tot de maat die je nu gebruikt.
Laatst bewerkt:
Hi Jens#
als dit jou eerste site is, dan heb je nou toch iets in handen wat een mooie
Controleer of de content compleet is; pas aan wat nodig is. Als er tijd is kun je misschien nog over de stijl gaan na zitten denken of hij helemaal is wat je wilde.
Als ik nog denk aan verder iets, dan post ik dat wel hier.
Nou denk ik dat ik voor even niet meer moet toevoegen, je gaat goed:thumb:.
Dit is nu opgelost, als nu je browser vergroot of verkleint blijft de tekst in het blauwe gedeelte.
bedankt voor dit te melden
Hoi Jens,
De teksten naast de planeten staan nu mooi direct naast de foto's.
Maar de breedte van de tekst wandelt bij kleinere beeldschermen nog uit de achtergrond.
Je moet nog even de tabel-breedte weghalen in de regels 60 en 116. Ook de tabel-hoogte kan trouwens weg zonder dat er iets vreselijks gebeurt. Dus gewoon:
- Kijk.
in plaats van:Code:[FONT="Courier New"][SIZE="2"][COLOR="DarkGreen"]<table>[/COLOR][/SIZE][/FONT]
Code:[FONT="Courier New"][SIZE="2"][COLOR="DarkRed"]<table style="width: 751px; height: 573px">[/COLOR][/SIZE][/FONT]Wat misschien nog wel aardig is, is om op de (verkleinde) afbeeldingen een link te zetten naar het grote formaat. Dat kan als volgt:
- Kijk!
- Tip: om te kijken of het altijd goed gaat, kan je het window van de browser verkleinen. Als het goed is, verschuift dan alles mooi mee.
Code:[FONT="Courier New"][SIZE="2"]<p><a href="images/venus2-groot.jpg" title="klik voor vergroting"><img style="border: 0" src="images/venus2-groot.jpg" width="169" height="151" alt="venus"/></a></p>[/SIZE][/FONT]Hij wordt mooi!
- De "title" is de tekst die in het kleine gele vakje verschijnt als je met de muis over de afbeelding beweegt.
- De "border" is de rand van de afbeelding. Die moet op nul gezet worden, want anders komt er bij een link op een afbeelding automatisch een 2 pixel brede rand om de afbeelding heen.
CSShunter
[edit]Ha, kruispost met CityGuy.
Het buiten boord lopen van de tekst is niet alleen in IE8, maar in alle browsers (mijn screenshotjes zijn met Firefox). gelukkig werkt de oplossing ook in alle browsers.
bedankt voor de reactie dit is nu gelukt
ik heb nu bijgemaakt als je op de foto"s klikt dat je ze in een andere browser groter te zien krijgt.
- Status
