hoe kan ik me site maken zo dat de beeld instelling van me site overal het zelfde is

Status
Niet open voor verdere reacties.
J

johngo34

Gebruiker
Lid geworden
25 mei 2012
Berichten
9
hallo ik ben hier nieuw en ik wil graag even weten hoe ik in dreamweaver me beeld instellingen zo kan
zetten dat mensen die een kleiner of groter scherm hebben toch de site kunnen zien zo dat hij is gamaakt
ik heb nu een site gemaakt als je dan op een computer zit met groter scherm dan zie je dus plaatjes voor de tekst
komen en dat is dus niet de bedoeling wie weet hoe ik dit op kan en zou moeten lossen
want anders blijf ik dit probleem houden hoor graag van iemand hoe en waar ik dit kan veranderen
dan zal me dank erg groot zijn
met vriendelijk gr john
 
dat kan je niet 1 2 3 doen, je moet de site daarvoor bouwen. een voorbeeld is om hem geen vaste breedte mee te geven in pixels, maar in procenten waarbij je 100% de schermbreedte is. zoals gezegd kan je dit niet zomaar even aanpassen dus als je daar hulp bij wilt zal je op zn minst een link naar je site moeten geven zodat we een beetje kunnen inschatten hoeveel werk dat zou zijn.
 
hier heb je de link van me pagina

hier heb je de link van me pagina is nog maar opzet is dus nog niet af maar
dan heb je het te minste gezien wat ik bedoel
het is www.johngo34.woelmuis.nl

en dan gaat het met namen om midden frame die komt anders uit bij
anderen schermen en dat wil ik dus gelijk hebben zo als iemand met wat groter scherm
kijkt mijn site het zelfde blijft als hoe ik hem hier gemaakt heb snap je

ik hoor graag meer van je
met vriendelijk groet johngo
 
Ik denk dat hier ook meespeelt dat een aantal elementen position:absolute; hebben (Dreamweaver noemt dat geloof ik ap divs), dat kan rare resultaten geven als je het verkeerd gebruikt. Maar, zoals example5 zegt, zonder de site te zien valt er niet veel over te zeggen.

Dit, draadje is trouwens ook wel handig om even door te nemen. Csshunter geeft daar een grondige beschrijving van het bouwen van een flexibele website. Tip 1 bij het gebruik van een forum, altijd eerst even zoeken, de kans dat iemand anders dezelfde vraag als jij heeft gesteld is vrij groot :)

EDIT: oeps, dat krijg ik ervan als ik niet snel genoeg op verzenden druk, bovenstaande is geschreven voor Jhongo's tweede post.

EDIT2: Het zijn trouwens inderdaad de elementen met position:absolute; die niet op hun plek blijven staan. Het idee van position:absolute; is juist dat daarmee elementen altijd op dezelfde plek blijven staan ten opzichte van het element waar ze in zitten (tenzij dat ook absolute is). In dit geval is dat het <body> element, die apdivs zullen dus altijd op dezelfde plek blijven staan ten opzichte van de randen van de site.
 
Laatst bewerkt:
wat moet ik nu met de site doen dan

hoe kan ik in dreamweaver de prosenten aan geven dan en als ik het isn prosente doe
blijft het dan wel staan want ik wil in september deze site online gooie dus dan moet hij wel goed zijn
snap je ik zie hem op eigen pc wel goed maar als ik bij ander kijk is dat dus niet het geval

zou je me er anders mee kunnen en willen helpen het goed te krijgen?
laat me het even weten gr john
 
Hoi johngo34,
Op de pagina programma.html staat:
HTML: 
...
<table width="1241" border="1">
  <tbody><tr>
    <td width="704"><span class="stijl2">Maandag</span>
        <div id="apDiv1"></div></td>
    <td width="521"><p align="center"><strong>wie draait er welke uur zie je hier onder in dag schema</strong></p>
    ... enz.
Als je daarvan maakt:
HTML: 
...
<table width="100%" border="1">
  <tbody><tr>
    <td width="50%"><span class="stijl2">Maandag</span></td>
    <td width="50%"><p align="center"><strong>wie draait er welke uur zie je hier onder in dag schema</strong></p>
    ... enz.
... kom je waarschijnlijk al een eindje in de richting.

Met vriendelijke groet,
CSShunter
 
wil u me daar bij helpen

ik heb gekeken in html maar kan het niet vinden als u me nu toevoegd aan msn dan kan ik je even de gegevens door geven dat u even mee kan kijken waar ik dat moet doen met teamvieuwer of zo dan als ik het keer gezien heb zal me dat in de toekomst wel gaan lukken zal erg fijn zijn gr john
 
Het is misschien makkelijker om je code in notepad o.i.d. even aan te passen in plaats van in Dreamweaver. (al neem ik aan dat Dreamwaver ook wel een zoekfunctie voor in de code heeft)
 
Heh, ik zit hier op Linux dus ik kan je daar niet mee helpen ben ik bang. (bovendien, het is vrij simpel, op het html bestand in notepad, zoek het stuk code dat csshunter noemde en maak de aanpassingen, net zo simpel als een gewoon stuk tekst aanpassen)
 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>internet radiovrijhoeven</title>
<style type="text/css">
<!--
body,td,th {
color: #CCCCCC;
}
body {
background-color: #000000;
}
.stijl1 { font-size: 24px
}
#apDiv1 {
position:absolute;
width:200px;
height:353px;
z-index:1;
left: 332px;
top: 339px;
overflow: visible;
}
#apDiv2 {
position:absolute;
width:200px;
height:115px;
z-index:2;
left: 955px;
top: 148px;
}
#apDiv3 {
position:absolute;
width:200px;
height:127px;
z-index:3;
left: 19px;
top: 163px;
}
#apDiv4 {
position:absolute;
width:447px;
height:63px;
z-index:4;
left: 338px;
top: 23px;
}
#apDiv5 {
position:absolute;
width:200px;
height:107px;
z-index:5;
left: 5px;
top: 150px;
}
.stijl2 {color: #FFFF00}
.stijl3 {color: #00FF00}
a:link {
color: #CCCCCC;
}
a:visited {
color: #CCCCCC;
}
a:hover {
color: #FFFF00;
}
a:active {
color: #00FF00;
}
#apDiv6 {
position:absolute;
width:665px;
height:147px;
z-index:6;
left: 228px;
top: 147px;
}
#apDiv7 {
position:absolute;
width:580px;
height:42px;
z-index:7;
left: 327px;
top: 94px;
}
#apDiv8 {
position:absolute;
width:520px;
height:115px;
z-index:8;
left: 221px;
top: 837px;
}
-->
</style></head>

<body>
<div align="center" class="stijl1">
<div id="apDiv4"><img src="plaatjes/discolampen-6259.gif" width="200" height="57" /></div>
<p>&nbsp;</p>
<p>&nbsp;</p>
<div id="apDiv7"></div>
<p>Niet de Grootste maar wel de Gezelligeste van Nederland .</p>
</div>
<div id="apDiv1"><img src="plaatjes/DJACHTERGRIND1.jpg" width="478" height="428" /></div>
<div id="apDiv6"></div>
<p align="center"><strong>Neem eens snel een kijkje op de website</strong></p>
<p align="center"><strong>En meld je aan als je nieuwe Dj of Lady wild worden</strong></p>
<p align="center"><strong>let wel op onze voorwaarden</strong></p>
<div id="apDiv2">
<div align="center"><img src="plaatjes/viewImage[1].gif" width="89" height="113" /></div>
</div>
<div id="apDiv5"><img src="plaatjes/viewImage[3].gif" width="202" height="117" /></div>
<p align="center"><strong>Die we stellen als je bij ons wil draaien en wat je nodig hebt om te kunnen draaien</strong></p>
<p align="center">&nbsp;</p>
<p align="center">&nbsp;</p>
<p align="center">&nbsp;</p>
<p align="center">&nbsp;</p>
<p align="center">&nbsp;</p>
<p align="center">&nbsp;</p>
<p align="center">&nbsp;</p>
<p align="center">&nbsp;</p>
<p align="center">&nbsp;</p>
<p align="center">&nbsp;</p>
<p align="center">&nbsp;</p>
<p align="center">&nbsp;</p>
<p align="center">&nbsp;</p>
<p align="center">&nbsp;</p>
<p align="center">&nbsp;</p>
<div id="apDiv8"></div>
<p align="center"><strong>Artieste die leuke muziek hebben mogen dit ook naar ons door mail</strong></p>
<p align="center"><strong>Door </strong><a href="mailto:radiovrijhoeven@live.nl"><strong><span class="stijl2">h</span><span class="stijl3">i</span><span class="stijl2">e</span><span class="stijl3">r</span></strong></a><strong> te klikken .</strong></p>
<p align="center"><a href="http://www.radiovrijhoeven.hyves.nl/"><img src="plaatjes/hyves.jpg" width="52" height="48" /></a> <a href="https://www.facebook.com/#!/profile.php?id=100003718064050"><img src="plaatjes/facebook.jpg" width="52" height="48" /></a><a href="http://twitter.com/#!/radiovrijhoeven"><img src="plaatjes/Twitter.jpg" width="52" height="48" /></a><img src="plaatjes/email.gif" width="52" height="48" /></p>
</body>
</html>
 
dat is middenframe van site welke moet ik hier dan bijvoorbeeld in aan passen
 
hier boven middenframe

hier zie je me middenframe wat moet ik dan aan passen hier van als ik zie wat je aangepast hebt weet ik waar ik in vervolg op moet lekken tijdens heb bouwen van een website
 
Hoi johngo34,
Ai! :eek:
- Ja, hm, het is dus een frame-site ... dan moeten alle pagina's die in het mainFrame komen te staan, aangepast worden.

Ik had alleen even gekeken naar de pagina programma.html.
Die draait op een tabel, en dan kan de zaak met percentages geregeld worden.

Bij andere pagina's is dat niet zo, daar komen die vermaledijde apDiv's om de hoek kijken, met hun absolute posities.
Die moeten verdwijnen!
En ze hoeven er ook helemaal niet in, gelukkig.

Bij de pagina midden.html kunnen bv. de spotjes boven links en rechts met een float op hun positie uiterst L en R gebracht worden.
De middenkolom, zonder float, kan altijd gecentreerd blijven, en neemt dan de beschikbare breedte in beslag: hoe breed of smal het scherm ook is.

Al met al kan bij die pagina met hele simpele css volstaan worden.
Ook de pagina-structuur is erg eenvoudig als je al die apDiv's weglaat!
HTML: 
<body>
   <div id="spotLinks">
      ...
   </div>

   <div id="spotRechts">
      ...
   </div>

   <div id="middenkolom">
      ...
   </div>
</body>
Bv. alle lege regels <p align="center">&nbsp;</p> (met ook nog achterhaalde html) zijn nu overbodig geworden. :)


  • Test: jgo34-midden-nw.html

  • Zie broncode; alle benodigde css voor deze pagina zit in de <head>.
  • Uitproberen kan je door het window van de browser niet op volledige schermgrootte te zetten, maar kleiner. Vervolgens kan je met heen en weer slepen van de linker- of rechterzijkant van het window het effect zien.
  • In de nieuwe versie schuift alles bij kleinere schermbreedtes vanzelf in elkaar, zonder dat er een horizontale scrollbalk nodig is om alles te kunnen zien.

De andere pagina's in het mainFrame zullen op een dergelijke manier aangepakt moeten worden.

Maar zeker als je nog even de tijd hebt voordat de site echt online gaat: het beste is om er geen frame-site van te maken.
Dat wordt aan alle kanten afgeraden: slecht voor Google, niet gebruiksvriendelijk, slecht voor de toegankelijkheid, enz.
  • Om te kijken hoe het anders (en toch makkelijk) kan, kan je eens buurten op dit topic: Soort-van-iframe

Met vriendelijke groet,
CSShunter
____________
PS: Als je je zinnen eindigt met een punt, en de volgende zin met een hoofdletter begint, worden je berichten een stuk leesbaarder. Ook komma's, dubbele punten en puntkomma's zijn erg handige leestekens.
Nu is het een soort spraakwaterval: één lange zin waar de lezer helemaal buiten adem van raakt. ;)

Want op jouw manier:
ps als je je zinnen eindigt met een punt en de volgende zin met een hoofdletter begint worden je berichten een stuk leesbaarder ook komma's dubbele punten en puntkomma's zijn erg handige leestekens nu is het een soort spraakwaterval één lange zin waar de lezer helemaal buiten adem van raakt
Klik om te vergroten...
:)
 
Laatst bewerkt:
dus een pagina en daar ales in bewerken ?

Dus ik kan beter een pagina nemen.
En dan daar alles bewerken met Ap div als ik je nu goed begrijp.
of heb ik het nu mis ik ben hier nog zoekende in en kwa type is dat ik
deslectie heb en dat niet in zie dus hoop dat je me dat vergeeft maar ik zou graag die site online willen
in september dan gaan we van start als het goed is


maar ik hoor wel dat je dat bedoeld
en bedankt dat je even de tijd voor me hebt willen nemen
hier voor met vriendelijk gr john
 
Status
Niet open voor verdere reacties.
                    Steun ons                    

Nieuwste berichten

Terug
Bovenaan Onderaan