Archief - html : hoe site op lagere resolutie ook zichtbaar zonder scrollen ?

forumnaar · 25 jun 2004

Hallo,
Ik ben bezig aan mijn eerste site in dreamweaver MX te maken. Op mijn PC kan ik de site goed bekijken maar nu blijkt dat mijn vrienden telkens moeten scrollen, omdat er op hun PC een andere schermresolutie staat ingesteld. Mijn schermresolutie is 1152 bij 864 pixels. Wat kan ik er nu aan verhelpen zodat anderen , met een andere schermresolutie de site ook goed kunnen bekijken?

Is nog in aanbouw ==> http://users.skynet.be/footballfans/voetbalfans/home.htm

Alvast bedankt voor de hulp

e4media · 25 jun 2004

gewoon je site minder breed maken (best de middelste kolom waar je inhoud in komt minder breedt maken zodat je pagina in totaal maar 780 pixels groot is, dan past ie bij iedereen derop

/\quila · 25 jun 2004

Persoonlijk zou ik tabellen verkiezen in plaats van frames, maar dat is u keuze natuurlijk.
Het probleem is dat u site niet mee stretcht met de schermresolutie, dit wilt dus zeggen dat u afmetingen vast staan (x aantal pixels: fixed) in plaats van x% van het scherm (relatief).
Ge moet dus u groottes aanpassen naar procenten (niet allemaal, enkel die wat mogen stretchen)

forumnaar · 25 jun 2004

bedankt voor de hulp maar ik als amateur ben daar niet al te wijzer van geworden.
Als ik iemand van jullie mijn paginas e-mail zou iemand dat dan kunnen fixen aub ?

Groetjes.

`SeriOUs · 25 jun 2004

forumnaar zei:
bedankt voor de hulp maar ik als amateur ben daar niet al te wijzer van geworden.
Als ik iemand van jullie mijn paginas e-mail zou iemand dat dan kunnen fixen aub ?
Groetjes.

Zeker, stuur anders ook je grasmachine op, dan kan ik die ook direct een onderhoud geven. Of moet het onkruid in je tuin eerst uitgetrokken worden?

sys4096 · 25 jun 2004

Ha ! Da's sympathiek `SeriOUs... kunt ge morgen ook langst ons komen

forumnaar · 25 jun 2004

`SeriOUs zei:
Zeker, stuur anders ook je grasmachine op, dan kan ik die ook direct een onderhoud geven. Of moet het onkruid in je tuin eerst uitgetrokken worden?

Snap nu eens dat niet iedereen zo professioneel is als bv jij is in zulke dingen ?

LunchBox · 25 jun 2004

snap nu eens dat we jouw niets bijleren als we de pagina's volledig in orde terugmailen, je bent hier om bij te leren of je bent hier om lastig te doen. ik denk toch zeker dat je WIL bijleren dus neem gewoon nuttige tips aan en ga dankbaar om met de hulp die je geboden wordt.

niet van: ah jij wil dat niet doen voor mij - wat ben jij een idioot, niet iedereen is zo professioneel als jij blablabla.
> kom je namelijk zeker niet mee vooruit, integendeel.

succes verder nog.

BART_SIMPSON416 · 25 jun 2004

Hier is de truk simpel.
Je smijt alles tussen
<center> en </center>
Je smijt ondertussen ook alles in een table.
voorbeeld:
met jouw pagina.
K heb enkele dingen aangepast omdat je code onleesbaar was.
Heb er ondertussen ook xhtml van gemaakt en nog enkele stukken code die niet leesbaar waren beetje meer leesbaar gemaakt.
K heb dreamweaver gebruikt om delen in de code terug te vinden (was bijna onhaalbaar) Je zou beter zelf xhtml leren scripten. Je pagina zal nu normaal op elke resolutie groter dan 600X800 mooi moeten zijn omdat ik hem heb gecentreerd.

Code:

<html xmlns="http://www.w3.org/1999/xhtml"><head>
<title>voetbalfans.com</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
</head>



<body bgcolor="#0066FF"><center>
<!--Layout fixed by BART_SIMPSON416--!>

<p><strong><font face="Verdana, Arial, Helvetica, sans-serif">&nbsp; <font color="#FFFFFF"><img src="images/banner1.JPG" width="633" height="41"> 
  </font> &nbsp; <a target="mainFrame" href="adverteren.htm"> <img src="images/banner2.JPG" width="293" height="52" border="0"> 
  </a> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 
  </font></strong> </p>
<table width="686" border="1" bordercolor="#000080" style="border-collapse: collapse" cellpadding="0" cellspacing="0" height="463">
  <tr> 
    <td width="136" height="16"><font size="-1" face="Verdana, Arial, Helvetica, sans-serif"><strong>.:: 
      Keuzemenu</strong> </font></td>
    <td width="422" height="437" rowspan="27">
    <iframe name="rightFrame" width="413" height="477" src="midden.htm"></iframe></td>
    <td width="120" height="16">
    <font size="-1" face="Verdana, Arial, Helvetica, sans-serif"><strong>.:: In 
    de kijker</strong></font></td>
  </tr>

  <tr> 
    <td width="136" height="16"><font size="-1" face="Verdana, Arial, Helvetica, sans-serif"><a href="home.htm" target="_parent" style="text-decoration: none">- 
      Home</a></font></td>
    <td width="120" height="16">bla bla bla</td>
  </tr>
  <tr> 
    <td width="136" height="16"><div align="justify"> <a href="http://www.livescore.net" target="mainFrame" style="text-decoration: none"><font size="-1" face="Verdana, Arial, Helvetica, sans-serif">- 
        Live voetbal</font></a></div></td>
    <td width="120" height="16">bla bla</td>
  </tr>
  <tr> 
    <td width="136" height="16"><font size="-1" face="Verdana, Arial, Helvetica, sans-serif"> <a href="specials.htm" target="rightFrame" style="text-decoration: none">- 
      Specials</a></font></td>

    <td width="120" height="16" bgcolor="#000080" bordercolor="#000080" bordercolorlight="#99CCFF" bordercolordark="#99CCFF">&nbsp;</td>

  </tr>
  <tr> 
    <td width="136" height="16"><font size="-1" face="Verdana, Arial, Helvetica, sans-serif">
    <a href="supporters.htm" target="rightFrame" style="text-decoration: none">- 
      Supporters</a></font></td>
    <td width="120" height="16">
    <font size="-1" face="Verdana, Arial, Helvetica, sans-serif"><strong>.:: bla 
    bla bla</strong></font></td>
  </tr>
  <tr> 
    <td width="136" height="16"><font size="-1" face="Verdana, Arial, Helvetica, sans-serif">
    <a href="interactief.htm" target="rightFrame" style="text-decoration: none">- 
      Interactief</a></font></td>
    <td width="120" height="16">
    <font size="-1" face="Verdana, Arial, Helvetica, sans-serif">bla bla bla</font></td>
  </tr>

  <tr> 
    <td width="136" height="16"><font size="-1" face="Verdana, Arial, Helvetica, sans-serif">
    <a href="fanleague.htm" target="rightFrame" style="text-decoration: none">- 
      Fanleague</a></font></td>
    <td width="120" height="16">
    <font size="-1" face="Verdana, Arial, Helvetica, sans-serif">bla bla</font></td>
  </tr>
  <tr> 
    <td width="136" height="14"><font size="-1" face="Verdana, Arial, Helvetica, sans-serif">- Forum</font></td>
    <td bgcolor="#000080" bordercolor="#000080" bordercolorlight="#99CCFF" bordercolordark="#99CCFF" width="122" height="19">&nbsp;</td>
  </tr>
  <tr> 
    <td bgcolor="#000080" bordercolor="#000080" bordercolorlight="#99CCFF" bordercolordark="#99CCFF" width="137" height="19">&nbsp;</td>

    <td width="122" height="19">
    <strong>.:: Poll</strong></td>

  </tr>
  <tr> 
    <td width="137" height="16"><font size="-1" face="Verdana, Arial, Helvetica, sans-serif"><strong> 
      <em style="font-style: normal">.:: Competities</em></strong></font></td>
    <td width="122" height="117" rowspan="7">antwoord1<p>antwoord2</td>
  </tr>
  <tr> 
    <td width="137" height="14"><font size="-1" face="Verdana, Arial, Helvetica, sans-serif"> <a href="belgie.htm" target="rightFrame" style="text-decoration: none">- 
      Belgi&euml;</a></font></td>
  </tr>
  <tr> 
    <td width="137" height="16"><font size="-1" face="Verdana, Arial, Helvetica, sans-serif"> <a href="nederland.htm" target="rightFrame" style="text-decoration: none">- 
      Nederland</a></font></td>

  </tr>
  <tr> 
    <td width="137" height="16"> <a href="engeland.htm" target="rightFrame" style="text-decoration: none"><font size="-1" face="Verdana, Arial, Helvetica, sans-serif">- 
      Engeland</font></a></td>
  </tr>
  <tr> 
    <td width="137" height="16"> <a href="italie.htm" target="rightFrame" style="text-decoration: none"><font size="-1" face="Verdana, Arial, Helvetica, sans-serif">- 
      Itali&euml;</font></a></td>
  </tr>
  <tr> 
    <td width="137" height="16"> <a href="duitsland.htm" target="rightFrame" style="text-decoration: none"><font size="-1" face="Verdana, Arial, Helvetica, sans-serif">- 
      Duitsland</font></a></td>

  </tr>
  <tr> 
    <td width="137" height="16"><a href="spanje.htm" target="rightFrame" style="text-decoration: none"><font size="-1" face="Verdana, Arial, Helvetica, sans-serif">- 
      Spanje</font></a></td>
  </tr>
  <tr> 
    <td width="137" height="16"> <a href="frankrijk.htm" target="rightFrame" style="text-decoration: none"><font size="-1" face="Verdana, Arial, Helvetica, sans-serif">- 
      Frankrijk</font></a></td>
    <td width="122" height="189" rowspan="11" bgcolor="#000080" bordercolor="#000080" bordercolorlight="#99CCFF" bordercolordark="#99CCFF">&nbsp;</td>
  </tr>
  <tr> 
    <td bordercolorlight="#99CCFF" bordercolordark="#99CCFF" bgcolor="#000080" bordercolor="#000080" width="137" height="16"><font size="-1" face="Verdana, Arial, Helvetica, sans-serif">&nbsp;</font></td>

  </tr>
  <tr> 
    <td width="137" height="16"><font size="-1" face="Verdana, Arial, Helvetica, sans-serif"><strong> 
      <em style="font-style: normal">.:: Internationaal</em></strong></font></td>
  </tr>
  <tr> 
    <td height="19" width="137"> <a href="championsleague.htm" target="rightFrame" style="text-decoration: none"><font size="-1" face="Verdana, Arial, Helvetica, sans-serif">- 
      Champions League</font></a></td>
  </tr>
  <tr> 
    <td width="137" height="16"> <a href="uefa-cup.htm" target="rightFrame" style="text-decoration: none"><font size="-1" face="Verdana, Arial, Helvetica, sans-serif">- 
      UEFA-Cup</font></a></td>

  </tr>
  <tr> 
    <td width="137" height="16"> <a href="intertoto.htm" target="rightFrame" style="text-decoration: none"><font size="-1" face="Verdana, Arial, Helvetica, sans-serif">- 
      Intertoto</font></a></td>
  </tr>
  <tr> 
    <td width="137" height="16"><a href="wk2006.htm" target="rightFrame" style="text-decoration: none"><font size="-1" face="Verdana, Arial, Helvetica, sans-serif">- 
      WK 2006</font></a></td>
  </tr>
  <tr> 
    <td bgcolor="#000080" bordercolor="#000080" width="137" height="19">&nbsp;</td>

  </tr>
  <tr> 
    <td width="137" height="16"><font size="-1" face="Verdana, Arial, Helvetica, sans-serif"><strong>.:: 
      Opties</strong></font></td>
  </tr>
  <tr> 
    <td width="137" height="16"><font size="-1" face="Verdana, Arial, Helvetica, sans-serif">- Startpagina</font></td>
  </tr>
  <tr> 
    <td width="137" height="16"><font size="-1" face="Verdana, Arial, Helvetica, sans-serif">- Favorieten</font></td>

  </tr>
</table>
</center>
</body>
</html>

Nu mag je wel thx zeggen hoor.
EDIT: ik doe dit maar eenkeer.
Je zal nog serieus mogen sleutelen aan de code want k heb me te veel aan de regels van de W3 gehouden dus noobs in (x)html zullen er problemen mee hebben. En je zou het beter zelf doen.
handige links:
http://www.w3schools.com/html/
http://www.w3schools.com/xhtml/

Hiermee zul je veel verder komen dan je domme pagina'tjes in dreamweaver.
Je maak html pagina's (kan je moeilijk scripten noemen omdat html een mark up language is) altijd puur op gevoel af in kladblok en niet een of ander gare wysiwyg programma tenzij moeilijke gevallen met tables en als je eens een frameset moet maken die moeilijk is. verder is kladblok goed genoeg voor de gemidelde pagina maker.

Cakeman · 25 jun 2004

Nu mag je wel thx zeggen hoor.
EDIT: ik doe dit maar eenkeer.
Je zal nog serieus mogen sleutelen aan de code want k heb me te veel aan de regels van de W3 gehouden dus noobs in (x)html zullen er problemen mee hebben. En je zou het beter zelf doen. [/QUOTE]Zeg alsjeblief dat het een grapje is of dat het woordje 'niet' in je zin ontbreekt.

Talos · 26 jun 2004

Cakeman zei:
Zeg alsjeblief dat het een grapje is of dat het woordje 'niet' in je zin ontbreekt.

Cake, je kan Bart beter straal negeren. Hij staat er hier nogal bekend om om klinklare onzin uit te kramen. En overal te komen lullen over iets dat er totaal niet toe doet gewoon om te laten zien dat hij weer eens iets geleerd heeft. En meestal zit hij dan nog compleet fout ook.

LunchBox · 26 jun 2004

Hiermee zul je veel verder komen dan je domme pagina'tjes in dreamweaver.

leer misschien zelf eens eerst xhtml. nog véél erger dan mensen die anderen niet helpen (maar het wel weten) zijn mensen die denken dat ze de held zijn maar eigenlijk nix afweten van deze zaken.

Hier is de truk simpel.
Je smijt alles tussen
<center> en </center>

K heb dreamweaver gebruikt om delen in de code terug te vinden (was bijna onhaalbaar) Je zou beter zelf xhtml leren scripten. Je pagina zal nu normaal op elke resolutie groter dan 600X800 mooi moeten zijn omdat ik hem heb gecentreerd.

de onzin blijft maar stromen, even de kraan dichtdraaien jongen!

BART_SIMPSON416 · 26 jun 2004

Cakeman zei:
Nu mag je wel thx zeggen hoor.
EDIT: ik doe dit maar eenkeer.
Je zal nog serieus mogen sleutelen aan de code want k heb me te veel aan de regels van de W3 gehouden dus noobs in (x)html zullen er problemen mee hebben. En je zou het beter zelf doen.

Zeg alsjeblief dat het een grapje is of dat het woordje 'niet' in je zin ontbreekt.[/QUOTE]
Ontbreeekt inderdaat niet moet er nog bij.
K heb hem nooit door een validator gedraait :scream:

K was gisteren avond moe.
Code is vuilste die ik ooit heb gemaakt.
K heb tabellen getekend met dreamweaver en vervolgens de inhoud er in geplaatst met iets anders

servi · 26 jun 2004

moderator noot :
je topic bevat geen prefix, een verkeerd prefix of heeft een onduidelijke titel.
Gelieve een duidelijke titel met een bijhorend correct prefix te gebruiken.
Voor meer informatie over prefixen kan je terecht op regels en prefixen !!!.
Je topic is aangepast, gelieve in het vervolg er op te letten.

CyBeRRaT · 26 jun 2004

erg xhtml is hij ook ni he....
<center><font> ..... allemaal niet toegelaten....

ontopic: leer html op http://www.w3schools.com/ en gebruik dreamweaver in code design!

pieterprovoost · 26 jun 2004

Layout doe je met CSS. Tables dienen voor andere zaken en frames zijn al helemaal fout. :naughty:

Lashknife · 26 jun 2004

pieterprovoost zei:
Layout doe je met CSS. Akkoord
Tables dienen voor andere zaken Akkoord
en frames zijn al helemaal fout. Bullshit

frames al helemaal fout? mits goed gebruik zijn frames allesbehalve fout!

dresse · 26 jun 2004

bart simpson gij zijt nen idioot

xhtml dient er just voor da ge alle opmaak enzo naar u css kunt brengen en daar ni meer mee zit te klooien in uw hmtl bestand, dus kunt ge u opmaak en schikking beter doen met div's en span's. als ge tabellen gaat gebruiken dan verplaatst ge u opmaak terug naar u xhtml en heeft het ni veel nut meer da ge xhtml gebruik eh

en zoals hiervboven al gezegt is, center, font, ... allemaal verboden in xhtml en is het ni zo da ge alleenstaande tags ook moet afsluite? bv:
<img src"blabla" /> (wat da gij dus ook ni doet :ironic: )

--> wie is er hier de noob?

en nu verdwijnt ie weer even vant forum om dan weer terug te komen en weeral de grootste onzin uit te kramen :rofl:

b0bbY · 27 jun 2004

BART_SIMPSON416 zei:
Hier is de truk simpel.
Je smijt alles tussen
<center> en </center>
Je smijt ondertussen ook alles in een table.

het is nog véél simpeler, smijt alle foute tags, zoals <center>, uit uw code, gebruik geen tables voor opmaak...en leer xHTML en CSS ffs !

Lijkt mij dat gij er maar wat met uw klak naar -komt ie- smijt... :ironic:
__

bekijk code van volgende link es, helpt u misschien wat verder...

-> liquid layout + 3 kolommen --> http://www.bdsign.com/temp/3columns/

Talos · 27 jun 2004

Lashknife zei:
frames al helemaal fout? mits goed gebruik zijn frames allesbehalve fout!

Uhum......

Frames komen uit een "tijdperk" waarin vele mensen nog modemden en waarin sites traagjes binnenliepen. Op die manier werden dingen als menu's bijvoorbeeld maar één keer binnengehaald, en kon je ermee voort voor je hele sitebelevenis.

Nu wil ik niet zeggen dat men zich nu niks meer moet aantrekken van snelheid en aantal kilobytes (ik vind bijvoorbeeld de SG site te zwaar), maar toch lijken frames me achterhaald en zelden aangewezen.

Met de komst van layers en uitgebreider css-mogelijkheden inzake positionering, is het gebruik van frames om bijvoorbeeld ontwerpredenen onnodig geworden.

Frames worden precies vaak gebruikt om te tonen wat men kan, in plaats van ze goed te gebruiken.

Vaak hebben frames een omgekeerd effect: je site wordt onduidelijker en moeilijker te navigeren. Bijvoorbeeld: iemand googlet naar iets wat op jouw site staat. Hij wordt naar jouw site gestuurd, maar naar de pagina waarop het stuk informatie staat, en hij kan niet weten dat er nog wel wat meer staat op jouw site, want hij ziet het frame niet. Nu kun je dit inderdaad wel oplossen door te detecteren en te redirecten, etc, maar dan nog is het verwarrend en JIJ hebt als ontwerper heel wat kopzorgen bij om JUIST te redirecten (bijvoorbeeld naar de net bezochte pagina en niet de frontpagina).

Je zal weinig "professionele" sites (een Amazon bijvoorbeeld) vinden die met frames werken, omdat ze weten dat ze zo "potentiële klanten en bestellingen" kwijtspelen. Zoekrobots en -engines en -spiders gaan niet al te best samen met frames.

Sites met frames vereisen vaak een of andere "juiste" scherminstelling die de ontwerper in gedachten had. Als je frames gebruikt, en je wil dat het er overal "goed" uitziet, ga je heel wat misère krijgen. Als je je daar niks van aantrekt, krijg je schermvullende frames en tientallen scrollbars, en dus een verwarrende site, alweer.

Een ander punt van kritiek: vele sites bieden dynamische inhoud. Als jij aan 't surfen bent op een site met frames, gaat enkel die frame met "inhoud" refreshen, het frame met bijvoorbeeld de navigatie niet.

Er is ergens een site die reclame in een frame stopt, en dat frame laat refreshen om de zoveel seconden. Gevolg: als je op BACK klikt, gaat DIE frame terug in plaats van het frame waarin JIJ zit te kijken, het frame met de informatie. Hetzelfde geldt met de "redirect if not viewing frames" functie: klik BACK en je gaat helemaal niet "back", je belandt opnieuw op die pagina die jou redirecte, en je zit dus in een loop. Snappie? Ja, wij wel, gewone surfers niet al te vaak... Oplossing: ze sluiten hun browser, openen hem opnieuw en ontwijken die vieze verwarrende site met frames...

Hier gepost door DeathKnight

Archief - html : hoe site op lagere resolutie ook zichtbaar zonder scrollen ?

forumnaar

Legacy Member

e4media

Legacy Member

/\quila

Legacy Member

forumnaar

Legacy Member

`SeriOUs

Legacy Member

sys4096

Legacy Member

forumnaar

Legacy Member

LunchBox

Legacy Member

BART_SIMPSON416

Legacy Member

Cakeman

Legacy Member

Talos

Legacy Member

LunchBox

Legacy Member

BART_SIMPSON416

Legacy Member

servi

Legacy Member

CyBeRRaT

Legacy Member

pieterprovoost

Legacy Member

Lashknife

Legacy Member

dresse

Legacy Member

b0bbY

Legacy Member

Talos

Legacy Member