Nieuws:

We zijn er weer.

Na lange tijd van afwezigheid zijn we er weer  :laugh:
We hebben alle wachtwoorden gereset, je oude wachtwoord werkt niet meer.Je moet via het "wachtwoord vergeten"-linkje je wachtwoord resetten. Je krijgt hiervoor een mailtje op het adres dat je bij ons geregistreerd hebt.

De komende tijd zijn we nog druk bezig om de rest van de site op te bouwen, dus het kan zijn dat sommige onderdelen (tijdelijk) niet werken.

Welkom, Gast. Alsjeblieft inloggen of registreren.
Heb je de activerings-mail niet ontvangen?

Auteur Topic: (Opgelost) [Site]School projectje.  (gelezen 5587 keer)

Offline rick.blub

  • Lid
  • Steunpunt: Nee
(Opgelost) [Site]School projectje.
« Gepost op: 2009/12/08, 21:40:04 »
Hallo allemaal.

Ik moet voor school een site maken. Ik maak hierbij gebruik van css.
de site is te vinden op http://po.comxa.com/.
Het probleem is dat het woord Page 100 pixels te ver naar rechts staat.
Weet iemand hoe ik dit goed oplos?

Ps. Dit is niet de layout, maar een manier om de div's in te delen ;)
« Laatst bewerkt op: 2010/01/19, 15:31:22 door rick.blub »
Volop Ubuntu 12.04 gebruiker.

Offline Rachid

  • Vertaalteam
    • rachidbm
    • Mijn blog
  • Steunpunt: Nee
Re: [Site]Simpel school projectje.
« Reactie #1 Gepost op: 2009/12/08, 22:02:38 »
Als ik op de link klik word ik doorgestuurd naar http://www.000webhost.com/admin-review
Ben je ook blij dat Ubuntu zo toegankelijk en gratis is, en wil je graag net als ik iets terugdoen, kijk dan eens rond bij mwanzo, dé poort naar het bijdragen aan Ubuntu en haar gemeenschap!

Offline profoX

  • Lid
    • wesley
    • Lionslink
  • Steunpunt: Nee
Re: [Site]Simpel school projectje.
« Reactie #2 Gepost op: 2009/12/09, 07:25:17 »
zet het in een aparte div met
position: relative;
left: -100px;


of bedoel je wat anders
Human Knowledge Belongs To The World -- Antitrust (2001)
Nederlandstalige Ubuntu documentatie van Ubuntu-NL (wiki)

Offline EricDrijv

  • Lid
    • youtube.com
  • Steunpunt: Nee
Re: [Site]Simpel school projectje.
« Reactie #3 Gepost op: 2009/12/09, 08:58:51 »
Je hebt in je css een foutje:

in menu:
left moet zijn margin-left
Se non è vero, è ben trovato (als het niet waar is, is het goed gevonden)
Desktop: Kubuntu | Laptop:Lubuntu

Offline profoX

  • Lid
    • wesley
    • Lionslink
  • Steunpunt: Nee
Re: [Site]Simpel school projectje.
« Reactie #4 Gepost op: 2009/12/09, 09:08:21 »
Ik heb het eens beter bekeken, oplossing van EricDrijv is mogelijk, maar dan moet je ook "position: relative;" weglaten.
Human Knowledge Belongs To The World -- Antitrust (2001)
Nederlandstalige Ubuntu documentatie van Ubuntu-NL (wiki)

Offline EricDrijv

  • Lid
    • youtube.com
  • Steunpunt: Nee
Re: [Site]Simpel school projectje.
« Reactie #5 Gepost op: 2009/12/09, 12:25:15 »
Ik heb het eens beter bekeken, oplossing van EricDrijv is mogelijk, maar dan moet je ook "position: relative;" weglaten.

Ik heb het zelf geprobeerd en nee, om het werkend te krijgen hoeft het niet!
Voor de juistheid (schoolproject) inderdaad wel! :rolleyes:

Dus het wordt dan:
div.menu {
     float:   left;
     margin-left:   -100px;
     width:   200px;
     background-color:   blue;
}

« Laatst bewerkt op: 2009/12/09, 12:33:16 door EricDrijv »
Se non è vero, è ben trovato (als het niet waar is, is het goed gevonden)
Desktop: Kubuntu | Laptop:Lubuntu

Offline rick.blub

  • Lid
  • Steunpunt: Nee
Re: [Site]Simpel school projectje.
« Reactie #6 Gepost op: 2009/12/09, 15:03:06 »
Nu het volgende, de inhoudt van het paarse blok moet scrollen. dat gaat niet helemaal goed.
Het menu moet wel zichtbaar blijven... ook als je naar benden scrolt
« Laatst bewerkt op: 2009/12/09, 15:11:47 door rick.blub »
Volop Ubuntu 12.04 gebruiker.

Offline EricDrijv

  • Lid
    • youtube.com
  • Steunpunt: Nee
Re: [Site]Simpel school projectje.
« Reactie #7 Gepost op: 2009/12/09, 15:22:58 »
Nu het volgende, de inhoudt van het paarse blok moet scrollen. dat gaat niet helemaal goed.
Het menu moet wel zichtbaar blijven... ook als je naar benden scrolt

bij menu toevoegen
position: fixed;
Se non è vero, è ben trovato (als het niet waar is, is het goed gevonden)
Desktop: Kubuntu | Laptop:Lubuntu

Offline rick.blub

  • Lid
  • Steunpunt: Nee
Re: [Site]Simpel school projectje.
« Reactie #8 Gepost op: 2009/12/09, 15:39:51 »
Dat kan.

Ik denk tog dat het mooier is als de hele pagina scrolt, en menu mee verdwijnt.
Volop Ubuntu 12.04 gebruiker.

Offline EricDrijv

  • Lid
    • youtube.com
  • Steunpunt: Nee
Re: [Site]Simpel school projectje.
« Reactie #9 Gepost op: 2009/12/09, 15:53:22 »
Dat kan.

Ik denk tog dat het mooier is als de hele pagina scrolt, en menu mee verdwijnt.
Of:
in html:
<div class="all">
<div class="r-top"></div>
<div class="header">Header</div>
<div class="menu">Menu</div>
<div class="r-bhap"></div>
<div class="page">Page<br>test hele rits woorden</div>
<div class="r-bottom"></div>
</div>
in css:
div.all{
width: 1000px;
margin-left: auto;
margin-right: auto;
background-color: red;}

div.r-top{
margin-left: 100px;
width: 900px;
height: 20px;
background-color: yellow;}

div.header{
width: 900px;
height: 60px;
margin-left: 100px;
background-color: green;}

div.r-bhap{
width: 900px;
margin-left: 100px;
height: 20px;
background-color: yellow;}

div.menu{
float: left;
width: 100px;
background-color: blue;}

div.page{
height: 500px;
overflow-y: auto;
margin-left: 100px;
background-color: purple;}

div.r-bottom{
width: 900px;
height: 20px;
margin-left: 100px;
background-color: yellow;}
Se non è vero, è ben trovato (als het niet waar is, is het goed gevonden)
Desktop: Kubuntu | Laptop:Lubuntu

Offline EricDrijv

  • Lid
    • youtube.com
  • Steunpunt: Nee
Re: [Site]Simpel school projectje.
« Reactie #10 Gepost op: 2009/12/09, 16:06:19 »
Je moet je html tag wel goed zetten er staat nu hmtl
Se non è vero, è ben trovato (als het niet waar is, is het goed gevonden)
Desktop: Kubuntu | Laptop:Lubuntu

Offline rick.blub

  • Lid
  • Steunpunt: Nee
Re: [Site]Simpel school projectje.
« Reactie #11 Gepost op: 2009/12/09, 16:25:14 »
Dat kan.

Ik denk tog dat het mooier is als de hele pagina scrolt, en menu mee verdwijnt.
Of:
in html:
<div class="all">
<div class="r-top"></div>
<div class="header">Header</div>
<div class="menu">Menu</div>
<div class="r-bhap"></div>
<div class="page">Page<br>test hele rits woorden</div>
<div class="r-bottom"></div>
</div>
in css:
div.all{
width: 1000px;
margin-left: auto;
margin-right: auto;
background-color: red;}

div.r-top{
margin-left: 100px;
width: 900px;
height: 20px;
background-color: yellow;}

div.header{
width: 900px;
height: 60px;
margin-left: 100px;
background-color: green;}

div.r-bhap{
width: 900px;
margin-left: 100px;
height: 20px;
background-color: yellow;}

div.menu{
float: left;
width: 100px;
background-color: blue;}

div.page{
height: 500px;
overflow-y: auto;
margin-left: 100px;
background-color: purple;}

div.r-bottom{
width: 900px;
height: 20px;
margin-left: 100px;
background-color: yellow;}

Gaat niet helemaal goed...
Menu staat 20 px te hoog, en als hij groter hij eronder komt(groter bijvoorbeeld) schuift de pagina 100 px op

Je moet je html tag wel goed zetten er staat nu hmtl
Goed idee XD
Volop Ubuntu 12.04 gebruiker.

Offline EricDrijv

  • Lid
    • youtube.com
  • Steunpunt: Nee
Re: [Site]Simpel school projectje.
« Reactie #12 Gepost op: 2009/12/09, 16:43:47 »
Ik weet natuurlijk niet waar je het menu nu wilt hebben, het was maar een voorbeeldje
Als je in google zoekt op: div css kun je een heleboel tutorials vinden!
Se non è vero, è ben trovato (als het niet waar is, is het goed gevonden)
Desktop: Kubuntu | Laptop:Lubuntu

Offline rick.blub

  • Lid
  • Steunpunt: Nee
Re: [Site]Simpel school projectje.
« Reactie #13 Gepost op: 2009/12/09, 18:30:56 »
Ik vindt het zo wel goed. Alleen de kleur moet ik nog kiezen. Dat geel is niet zo mooi XD

Als iemand een goed idee heeft, laat je vooral horen!
« Laatst bewerkt op: 2009/12/09, 18:44:08 door rick.blub »
Volop Ubuntu 12.04 gebruiker.

Offline Joshua822

  • Documentatieteam
  • Steunpunt: Nee
Re: [Site]Simpel school projectje.
« Reactie #14 Gepost op: 2009/12/09, 21:23:33 »
Misschien is deze website handig voor het uitzoeken van mooie kleurencombinaties :

http://kuler.adobe.com/#themes/rating?time=30

Offline rick.blub

  • Lid
  • Steunpunt: Nee
Re: [Site]Simpel school projectje.
« Reactie #15 Gepost op: 2009/12/09, 22:20:28 »
In Firefox en IE8 wordt de site nu goed weergegeven. Maar in IE6&7 en Chrome niet.
Iemand enig idee waardoor dat komt?

Screenshot IE6:

Link naar pagina: http://po.comxa.com/f-X15.php
Volop Ubuntu 12.04 gebruiker.

Offline EricDrijv

  • Lid
    • youtube.com
  • Steunpunt: Nee
Re: [Site]Simpel school projectje.
« Reactie #16 Gepost op: 2009/12/09, 22:44:39 »
Probeer eens als eerste in je css alle marges op nul te zetten:

* { margin:0; padding:0; }

Misschien lost dat het probleem op
Se non è vero, è ben trovato (als het niet waar is, is het goed gevonden)
Desktop: Kubuntu | Laptop:Lubuntu

Offline rick.blub

  • Lid
  • Steunpunt: Nee
Re: [Site]Simpel school projectje.
« Reactie #17 Gepost op: 2009/12/10, 16:35:34 »
Helaas, zelfde resultaat
Volop Ubuntu 12.04 gebruiker.

Offline Rachid

  • Vertaalteam
    • rachidbm
    • Mijn blog
  • Steunpunt: Nee
Re: [Site]Simpel school projectje.
« Reactie #18 Gepost op: 2009/12/10, 18:31:58 »
Ik zou het niet weten, maar IE6 zou ik gewoon negeren. Anders kun je wel bezig blijven...
MS doet er veel aan om IE6 de wereld uit te helpen. Jij zou hierbij helpen door geen rekening te houden met IE6 in jouw site :P

Tevens loopt het aandeel van IE6 best snel naar beneden.
Ben je ook blij dat Ubuntu zo toegankelijk en gratis is, en wil je graag net als ik iets terugdoen, kijk dan eens rond bij mwanzo, dé poort naar het bijdragen aan Ubuntu en haar gemeenschap!

Offline commandoline

  • LoCo-contact
    • marten-de-vries
    • Marten-de-Vries.nl
  • Steunpunt: Nee
Re: [Site]Simpel school projectje.
« Reactie #19 Gepost op: 2009/12/10, 19:43:02 »
Tevens loopt het aandeel van IE6 best snel naar beneden.
De stats van w3schools zijn nogal onbetrouwbaar, de helft van de mensen die die site bezoekt zijn webdevelopers. Als je wilt dat mensen zonder problemen je site kunnen bekijken, is IE6 ondersteuning nog steeds een must vind ik.

Offline rick.blub

  • Lid
  • Steunpunt: Nee
Re: [Site]Simpel school projectje.
« Reactie #20 Gepost op: 2009/12/10, 20:54:20 »
Tevens loopt het aandeel van IE6 best snel naar beneden.
De stats van w3schools zijn nogal onbetrouwbaar, de helft van de mensen die die site bezoekt zijn webdevelopers. Als je wilt dat mensen zonder problemen je site kunnen bekijken, is IE6 ondersteuning nog steeds een must vind ik.
Mee eens. Dat je met ie 5 geen rekening houd vind ik logisch, maar IE6 wel.
Alleen wat doet IE6 niet goed...?

Ik zou het niet weten, maar IE6 zou ik gewoon negeren. Anders kun je wel bezig blijven...
MS doet er veel aan om IE6 de wereld uit te helpen. Jij zou hierbij helpen door geen rekening te houden met IE6 in jouw site :P

Tevens loopt het aandeel van IE6 best snel naar beneden.
Beter is gewoon een melding te geven dat ze moeten updaten naar een nieuwere versie of gewoon firefox ;)
« Laatst bewerkt op: 2009/12/10, 20:56:06 door rick.blub »
Volop Ubuntu 12.04 gebruiker.

Offline EricDrijv

  • Lid
    • youtube.com
  • Steunpunt: Nee
Re: [Site]Simpel school projectje.
« Reactie #21 Gepost op: 2009/12/10, 21:33:03 »
Se non è vero, è ben trovato (als het niet waar is, is het goed gevonden)
Desktop: Kubuntu | Laptop:Lubuntu

Offline Rachid

  • Vertaalteam
    • rachidbm
    • Mijn blog
  • Steunpunt: Nee
Re: [Site]Simpel school projectje.
« Reactie #22 Gepost op: 2009/12/10, 21:58:02 »
Tevens loopt het aandeel van IE6 best snel naar beneden.
De stats van w3schools zijn nogal onbetrouwbaar, de helft van de mensen die die site bezoekt zijn webdevelopers. Als je wilt dat mensen zonder problemen je site kunnen bekijken, is IE6 ondersteuning nog steeds een must vind ik.
Wat betreft w3schools heb je wel een punt. Maar ik vind het geen must. Ik vind dat mensen maar moeten updaten. IE6 is gewoonweg vies en onveilig, MS raadt af dat nog te gebruiken. Ik weet niet zeker of het nog ondersteund wordt, maar als dat wel zo is, niet lang meer.

Ik zal hier vanaf nu niet meer over doorzeuren. Daarom sluit ik af met een leuke site: http://www.saveie6.com/

Ben je ook blij dat Ubuntu zo toegankelijk en gratis is, en wil je graag net als ik iets terugdoen, kijk dan eens rond bij mwanzo, dé poort naar het bijdragen aan Ubuntu en haar gemeenschap!

Offline rick.blub

  • Lid
  • Steunpunt: Nee
Re: [Site]Simpel school projectje.
« Reactie #23 Gepost op: 2009/12/10, 22:05:14 »
Met die oplossing komt het er zo uit te zien:
« Laatst bewerkt op: 2009/12/10, 22:08:44 door rick.blub »
Volop Ubuntu 12.04 gebruiker.

Offline EricDrijv

  • Lid
    • youtube.com
  • Steunpunt: Nee
Re: [Site]Simpel school projectje.
« Reactie #24 Gepost op: 2009/12/10, 22:14:44 »
Hier komt de vorige tip vandaan, misschien staat er iets bruikbaars bij!
http://www.positioniseverything.net
en float problemen
http://www.positioniseverything.net/explorer/floatIndent.html
« Laatst bewerkt op: 2009/12/10, 22:19:14 door EricDrijv »
Se non è vero, è ben trovato (als het niet waar is, is het goed gevonden)
Desktop: Kubuntu | Laptop:Lubuntu