Nieuws:

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

Auteur Topic: website gebouwd met kompozer, maar ziet er steeds anders uit  (gelezen 7913 keer)

Offline lighthead

  • Lid
  • Steunpunt: Nee
website gebouwd met kompozer, maar ziet er steeds anders uit
« Gepost op: 2009/07/21, 13:53:33 »
Heb met Kompozer een website gebouwd, en die ziet er op mijn PC goed uit.
Krijg van anderen berichten dat teksten inspringen en niet links lijnen...
foto's staan niet naast elkaar maar onder en boven.
Heb ik iets niet goed ingesteld?

Als ik op een laptopje kijk met kleiner scherm zie ik idd teksten anders.
hoe kan ik instellen dat het op elke pc en met elke browser hetzelfde er uitziet?


Offline Meneer Jansen

  • Lid
  • Steunpunt: Nee
Re: website gebouwd met kompozer, maar ziet er steeds anders uit
« Reactie #1 Gepost op: 2009/07/21, 14:22:02 »
Ik weet niet of het 't zelfde probeleem is, maar ik hat dat ook. Oplossing bleek te zijn in Firefox:

Edit > Preferences > Content > Advanced > Minimum font size = NONE

Succes :)
http://forum.nedlinux.nl | http://www.alleslinux.com/forum
Linux interesse gebieden: mulitmedia en configuratie.

Offline Dave

  • Lid
  • Steunpunt: Nee
Re: website gebouwd met kompozer, maar ziet er steeds anders uit
« Reactie #2 Gepost op: 2009/07/21, 14:40:15 »
probleem is meestal de browser van Microsoft die zo z'n eigen webstandaards lief heeft.
Maak je een site moet je dus kijken hoe het er in de diverse browsers uit ziet.



Offline asilnevs

  • Lid
    • jef-damen
    • Ubuntu - Video - 2012
  • Steunpunt: Nee
Re: website gebouwd met kompozer, maar ziet er steeds anders uit
« Reactie #3 Gepost op: 2009/07/21, 16:11:45 »
Als je wil weten hoe je website er in andere browsers uit ziet dan kun je hier je gang gaan: http://browsershots.org/
Allemaal Linux gerelateerde links op mijn website http://home.scarlet.be/jefdamen/Ubuntu.html
Mijn filmpjes met Openshot en Kdenlive gemaakt:http://www.youtube.com/user/asilnevs
https://jefdamen.wordpress.com/
We are spiritual beings having a human experience

Offline lighthead

  • Lid
  • Steunpunt: Nee
Re: website gebouwd met kompozer, maar ziet er steeds anders uit
« Reactie #4 Gepost op: 2009/07/21, 20:56:45 »
@ asilnevs: dit is echt geweldig, wat een goede tip!  bedankt. ik zie nu hoe het er uit zit met andere browsers, nu zoek ik een oplossing voor de tekstinstellingen.

@ Meneer Jansen: ik heb het gedaan, maar dit maakt niets uit.
het lijkt me trouwens niet aan een willekeurige browser te liggen, maar aan de paginebouw en instellingen.
vroeger heb ik ook wel met frontpage gewerkt, daar kon je instellen, door welke browsers het een zelfde beeld moest geven. Dit heb ik bij Kompozer nog niet kunnen vinden. Wellicht heet het anders.

@ Dave: ik heb het tot nu zelf alleen met een firefox bekeken, en op mijn PC ziet het er anders uit dan op mijn laptop....alletwee hebben ze firefox.
« Laatst bewerkt op: 2009/07/21, 21:06:01 door lighthead »

Offline Dave

  • Lid
  • Steunpunt: Nee
Re: website gebouwd met kompozer, maar ziet er steeds anders uit
« Reactie #5 Gepost op: 2009/07/21, 21:14:31 »
ook eenzelfde scherm en resolutie?

Offline lighthead

  • Lid
  • Steunpunt: Nee
Re: website gebouwd met kompozer, maar ziet er steeds anders uit
« Reactie #6 Gepost op: 2009/07/22, 12:45:15 »
nee niet hetzelfde scherm,  op pc is andere resolutie dan op de laptop.
maar de vormgeving zou toch verhoudingsgewijs 'meegenomen' moeten worden naar een andere resolutie?

Offline lighthead

  • Lid
  • Steunpunt: Nee
Re: website gebouwd met kompozer, maar ziet er steeds anders uit
« Reactie #7 Gepost op: 2009/07/23, 19:58:00 »
Maar ik zit echt een beetje omhoog, is er iemand met ervaring met Kompozer die mij helpen kan?

Offline Nunslaughter

  • Lid
    • timovwb
  • Steunpunt: Nee
Re: website gebouwd met kompozer, maar ziet er steeds anders uit
« Reactie #8 Gepost op: 2009/07/23, 20:03:24 »
Zal dit niet meer aan uw code liggen dan aan Kompozer? Zorg ervoor dat de code aan de standaarden voldoet en dan zal deze op de meeste browser goed weergegeven worden lijkt me.

Offline lighthead

  • Lid
  • Steunpunt: Nee
Re: website gebouwd met kompozer, maar ziet er steeds anders uit
« Reactie #9 Gepost op: 2009/07/23, 20:23:44 »
u bedoeld de code die ik met Kompozer maak als ik een webpagina schrijf?
het systeem van Kompozer is toch WYSIWYG?

Hoe kan ik dan de standaarden instellen bij de code?

Offline Carharttguy

  • Lid
  • Steunpunt: Nee
Re: website gebouwd met kompozer, maar ziet er steeds anders uit
« Reactie #10 Gepost op: 2009/07/23, 20:36:59 »
u bedoeld de code die ik met Kompozer maak als ik een webpagina schrijf?
het systeem van Kompozer is toch WYSIWYG?

Hoe kan ik dan de standaarden instellen bij de code?

Nunslaughter bedoeld dat je werkende HTML code kan schrijven zonder dat die een standaard is.
Ik ken nu heel weinig van HTML, maar:
<bold></bold> en <strong></strong> doen dacht ik net hetzelfde, terwijl het een een standaard is, en het andere niet.

Don't shoot me if i'm wrong, just correct me. :)

Offline asilnevs

  • Lid
    • jef-damen
    • Ubuntu - Video - 2012
  • Steunpunt: Nee
Re: website gebouwd met kompozer, maar ziet er steeds anders uit
« Reactie #11 Gepost op: 2009/07/23, 20:40:42 »
Ik ken ook niets van al die standaarden maar hier kun je een W3C CSS validatie op je site loslaten: http://jigsaw.w3.org/css-validator/
Allemaal Linux gerelateerde links op mijn website http://home.scarlet.be/jefdamen/Ubuntu.html
Mijn filmpjes met Openshot en Kdenlive gemaakt:http://www.youtube.com/user/asilnevs
https://jefdamen.wordpress.com/
We are spiritual beings having a human experience

Offline lighthead

  • Lid
  • Steunpunt: Nee
Re: website gebouwd met kompozer, maar ziet er steeds anders uit
« Reactie #12 Gepost op: 2009/07/23, 21:01:36 »
@ asilnevs,
volgens de site is het allemaal in orde. helemaal valide!

Kennelijk is dit niet wat ik bedoel.
Als ik op mijn laptop met monzilla firefox (resolutie 1024 x 768) op een pagina kijk, dan ie die anders dan ik hem gemaakt heb.
Ik heb ook de screenshots laten maken en geen enkele screenshot laat de webpagina zien, zoals ik hem heb gemaakt.
Maar als ik bijvoorbeeld deze pagina (van dit forum) bekijk op PC (resolutie 1280 x 1024)  of laptop ziet ie er steeds hetzelfde uit.
hoe kan dat?

@ Carhartguy,
bedoel je dat Kompozer wel dingen kan schrijven, maar niet volgens een standaard?

Offline Nunslaughter

  • Lid
    • timovwb
  • Steunpunt: Nee
Re: website gebouwd met kompozer, maar ziet er steeds anders uit
« Reactie #13 Gepost op: 2009/07/23, 21:20:43 »
Ik heb nog maar 2 websites gemaakt, dus zo veel ervaring heb ik helemaal niet met html. Ik heb wel heel snel Kompozer laten vallen en met Gedit en deze site verder gegaan.
http://www.w3schools.com/TAGS/

Laat ons de site anders een zien. Misschien kunnen we zien wat er verkeerd is.

Offline Carharttguy

  • Lid
  • Steunpunt: Nee
Re: website gebouwd met kompozer, maar ziet er steeds anders uit
« Reactie #14 Gepost op: 2009/07/23, 21:38:26 »
@lighthead, ja dat kan. Kan je met bijna alle webdesign prog's denk ik. :)

En misschien toon je even over welke site het gaat, kunnen we even de bron zien om te kijken hoe het is opgebouwd? :)

Offline Chaukar Man

  • Lid
    • http://chaukar.deviantart.com
  • Steunpunt: Nee
Re: website gebouwd met kompozer, maar ziet er steeds anders uit
« Reactie #15 Gepost op: 2009/07/24, 01:46:14 »
Heb je CSS gebruikt en gevalideerd?
Zo maar wat willekeurig artwork:
http://www.chaukar.deviantart.com

Ecchi Anime, Manga and Otakuism:
http://www.animeonsen.com

Offline Koen Bokern

  • Lid
  • Steunpunt: Nee
Re: website gebouwd met kompozer, maar ziet er steeds anders uit
« Reactie #16 Gepost op: 2009/07/24, 08:49:46 »
Het is inderdaad handig om de bron aan ons te laten zien, anders kunnen we alleen gokken.

Je hebt je css gevalideerd, maar heb je ook de html gevalideerd? Dat kan hier:
http://validator.w3.org/

1 tip: Maak geen gebruik van WYSIWYG. Daarmee maak je vaak rommeligge codes. Foto's staan niet naast elkaar? Dan zou je de css eigenschap 'float: left;' voor kunnen gebruiken. Let wel op, je moet dan wel na de foto's even '<div class="clear"></div>' gebruiken en de css '.clear { clear: both; }'.

Maak je gebruik van tabellen? Dat is in ieder geval fout, want tabellen zijn voor data, niet voor layouts. Gebruik divs hiervoor.

Offline lighthead

  • Lid
  • Steunpunt: Nee
Re: website gebouwd met kompozer, maar ziet er steeds anders uit
« Reactie #17 Gepost op: 2009/07/24, 14:33:07 »
@ Koen,

bij validator.w3.org heb ik de toegangspagina laten nakijken.
heel veel errors.
ze staan we allemaal omschreven, dus ik kan zien wat er fout is gedaan.

Het leek mij aardig iemand te helpen met het bouwen van een site, maar nu ik hem op proef bekijk valt het me erg tegen.

 @ Nunslaughter,
ik ga op jouw aanbevolen site zien of dit handiger is om mee te bouwen. bedankt voor de tip
hierboven staat de site
« Laatst bewerkt op: 2010/11/07, 15:00:07 door lighthead »

Offline Koen Bokern

  • Lid
  • Steunpunt: Nee
Re: website gebouwd met kompozer, maar ziet er steeds anders uit
« Reactie #18 Gepost op: 2009/07/24, 17:37:47 »
Aah ik zie je probleem. Je maakt erg veel gebruik van "&nbsp;". Dit moet je absoluut niet hiervoor gebruiken. I.p.v dit kan je beter margin gebruiken. De BIK pagina heb ik voor je herschreven en is nu valid.

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html lang="nl-be">
<head>
<meta http-equiv="Content-Type" content="text/html;charset=utf-8">
<title>BIK</title>
<meta content="tim" name="author">
<link rel="stylesheet" type="text/css" href="style.css" />
</head>
<body>
<div id="header">
<img class="iborder" style="margin-right: 50px;" alt="bik" src="BIK_files/bik_titel.gif">
<img class="iborder" alt="oc&amp;w" src="BIK_files/ocw_kleur_wit_160x160.gif">
</div>
<hr />
<div id="content">
<p style="margin-bottom: 0;">
Een <b>BIK</b>-er is een beroepskunstenaar die de BIK-opleiding  heeft gevolgd. Professionals, die naast hun eigen werkzaamheden
</p>

<div class="inspringing">
<p style="margin-top:0;">
als kunstenaar, op een basisschool willen werken, om workshops en projecten uit te voeren, volgen deze éénjarige opleiding.
Tijdens de opleiding leert de kunstenaar zijn eigen projecten uit te voeren op een basisschool. Deze opleiding omvat onder andere
drie uitgebreide stages op verschillende basisscholen.
</p>

<p>
Bik binnen het basisonderwijs
Kunst- en cultuureducatie krijgen binnen het basisonderwijs steeds meer een eigen vaste plek. U bent wellicht op zoek naar effectieve
manieren om kinderen enthousiast te maken en te houden voor kunst en cultuur. Kunstenaars die de opleiding 'Beroepskunstenaars in
de Klas' (bik) hebben gevolgd, kunnen u daar bij helpen.
</p>

<p>
Op de website van Kunstenaars en Co, de ontwikkelaar van de BIK-opleiding staat o.a.:
</p>

<div class="inspringing">
<p>
"Om de continuïteit, de kwaliteit en het eigen karakter van de bik opleiding ook in de toekomst te waarborgen is er
een bijzondere samenwerking tot stand gekomen tussen 5 kunstvakopleidingen, 5 kunstinstellingen, Kunstenaars & Co
en het ministerie van OCW. Gezamenlijk gaan deze partijen de komende jaren werken aan de verdere ontwikkeling van BIK
waarbij de relatie tussen opleiding en werkveld centraal blijft staan. Deze bijzondere samenwerking is vastgelegd in een
convenant." De convenantpartijen zijn: Kunstencentrum Groep Groningen, Kunst en Cultuur Overijssel, Utrechts Centrum voor
dekunsten, Kinderkunsthal Rotterdam / Villa Zebra, Kunst en Cultuur Noord-Holland, De Amsterdamse Hogeschool voor de Kunsten,
Hogeschool voor de Kunsten Utrecht, Willem de Kooning Academie Hogeschool Rotterdam, Academie Minerva, Prins
Claus Conservatorium, Hanzehogeschool Groningen, ArtEZ hogeschool voor de kunsten, Het Ministerie van OCW en Kunstenaars & Co.
Het bik-convenant werd op 30 juni 2009 getekend op het ministerie van OCW in Den Haag.
</p>

<p>
<a class="linkstijl1" href="http://www.kunstenaaropschool.nl/index.html">terug</a>
</p>
</div>
</div>
</div>
<div id="onestat">
Hier je onestat image.
</div>
</body>
</html>

En de css:
body {
color: rgb(0, 0, 0);
background-color: rgb(255, 255, 255);
direction: ltr;
font-family: Arial, verdana;
}

a {
color: #000;
}

a.linkstijl1 {
text-decoration: none;
color: rgb(51, 153, 153);
font-weight: bold;
}

.iborder {
border: solid rgb(153, 153, 153);
}

#header {
padding: 40px 55px;
margin: 0 auto;
}

#content {
padding: 40px 50px;
margin: 0 auto;
color: rgb(102, 102, 102);
font-family: Helvetica,Arial,sans-serif;
font-size: 18px;
}

#onestat {
margin-top: 150px;
}

.inspringing {
margin-left: 15px;
}

Alleen het logo valt bij een te kleine resolutie nog naar beneden. Maar dat kan je fixen door in #header een vaste width op te geven en overflow:auto;

Offline lighthead

  • Lid
  • Steunpunt: Nee
Re: website gebouwd met kompozer, maar ziet er steeds anders uit
« Reactie #19 Gepost op: 2009/07/24, 20:33:08 »
@ Koen,

bedankt voor reactie en het vele werk dat je hebt gedaan.
ik moet er even over nadenken hoe nu verder...

Offline Chaukar Man

  • Lid
    • http://chaukar.deviantart.com
  • Steunpunt: Nee
Re: website gebouwd met kompozer, maar ziet er steeds anders uit
« Reactie #20 Gepost op: 2009/07/25, 00:36:21 »
Het doctype zou ik persoonlijk eerder voor transitional kiezen ipv strict, heb je over het algemeen veel meer mogelijkheden. ;)
Zo maar wat willekeurig artwork:
http://www.chaukar.deviantart.com

Ecchi Anime, Manga and Otakuism:
http://www.animeonsen.com

Offline profoX

  • Lid
    • wesley
    • Lionslink
  • Steunpunt: Nee
Re: website gebouwd met kompozer, maar ziet er steeds anders uit
« Reactie #21 Gepost op: 2009/07/25, 01:07:52 »
XHTML Strict is een veel betere keuze, aangezien je de geschreven html-code dan kan valideren aan de hand van zeer specifieke regels. Alle moderne browsers streven ernaar om XHTML zodanig te ondersteunen dat pagina's er op elke browser hetzelfde uit zien. Met HTML 4 (en zeker met Transitional) heb je dat niet.
Human Knowledge Belongs To The World -- Antitrust (2001)
Nederlandstalige Ubuntu documentatie van Ubuntu-NL (wiki)

Offline lighthead

  • Lid
  • Steunpunt: Nee
Re: website gebouwd met kompozer, maar ziet er steeds anders uit
« Reactie #22 Gepost op: 2009/07/25, 22:02:32 »
@profoX en Chaukar Man:
interessant dat jullie alletwee een andere aanbeveling doen over een toepassing.
ik ben nog niet zo ervaren dat ik precies begrijp waardoor jullie voorkeur nu aantrekkelijk is.
Is het mogelijk iets meer toelichting te geven? ;)

Offline Djeba

  • Lid
  • Steunpunt: Nee
Re: website gebouwd met kompozer, maar ziet er steeds anders uit
« Reactie #23 Gepost op: 2009/07/26, 12:24:13 »
Kun je in Kompozer iets instellen van: Webpagina vaste breedte geven dan wel webpagina vloeiend maken of zo iets? Je webpagina's zijn nu vloeiend: d.w.z. dat ze de breedte van het venster van een browser aannemen.

Maar eigenlijk zou ik je moeten adviseren om je aandacht vooral te richten op het schrijven of minstens het controleren van XHTML en CSS - code. WYSIWYG is heel gevaarlijk met websites bouwen: de vraag is namelijk waar je ziet (welk systeem, welke browser, welke lettertypen, welke venstergrootte en zo verder) want  dat bepaalt zeer wat je krijgt in die omstandigheden.

Door je kennis te vergroten van code kun je een website laten voldoen aan standaards waardoor hij er het meest constant uitziet in alle omstandigheden. Gebruik TopStyle (Windows) of Bluefish (Ubuntu) of andere editors voor code die je ondersteunen in het schrijven van die code.
De waarheid is altijd het sterkste argument.

Offline heir4c

  • Lid
  • Steunpunt: Nee
Re: website gebouwd met kompozer, maar ziet er steeds anders uit
« Reactie #24 Gepost op: 2009/07/26, 17:08:07 »
@lighthead, blijkbaar is alles nu ok, want ik heb de website hier even bekeken op vier verschillende browsers en dat ziet er op elk van deze dik in orde. Als de browsers verkleind worden dan gaat de tekst mee versmallen. Enkel de foto's blijven op gelijke grote, wat mij ook normaal lijkt.
Ook een andere resolutie (800x600) gebruikt en geen enkel verschil te merken.