Totale beeldresolutie van site aanpassen.

Status
Niet open voor verdere reacties.

JP_Linkens

Gebruiker
Lid geworden
15 mrt 2006
Berichten
64
Hallo,

Je kent het wel, je gebruikt een achtergrond als plaatje waar iets op staat wat mooi op je scherm komt te staan, mooie plaates enz, en vervolgens logt iemand anders is en de achtergrond staat er maar half op (of 3 keer) of het plaatje is verplaats omdat het niet meer paste enz enz (Hij had namelijk een andere beeldresolutie dan jij)

Daarom zoek ik een manier om de totale resolutie van de site aan te passen aan de beeldresolutie van de bezoeker.

Dit geld dus voor letters, achtergrond foto's maar ook de grote van de frames (Ik heb meerdere frames op de site) en liefs dat allemaal met een code.

Eindelijk het zelfde als je met een plaatje doet door <img src="jeplaatje.jpg" width=%100 length=%100>(Of zoiets, ben er ook geen kei in) maar dan voor de hele site incl frames (Hou daar ook rekening mee anders staan de frames niet goed)

Ik denk dat ik er java voor nodig heb vandaar dat ik het hier plaats maar voor zelfde geld heb ik er PhP voor nodig of kan het zelfs met html.

Hoop dat jullie me kunnen helpen:)

Groet,
JP
 
JP_Linkens zei:
Ik denk dat ik er java voor nodig heb
Het heet Javascript!!! Vergeet dat nooit, dat is een groot verschil met Java.
Maar over je vraag, ik denk dat het niet zo makkelijk gaat als je denk. Je hebt een paar opties:

- Je kunt de site zo maken dat die in elke resolutie goed weergeven wordt.
- Je kunt de voor elke resolutie een andere site maken en dan met Javascript doorlinken naar de site van de juiste resolutie

Ik denk dat er verder geen mogelijkheden zijn, maar misschien weet iemand anders nog iets?
 
jeroendenoot zei:
Het heet Javascript!!! Vergeet dat nooit, dat is een groot verschil met Java.
Maar over je vraag, ik denk dat het niet zo makkelijk gaat als je denk. Je hebt een paar opties:

- Je kunt de site zo maken dat die in elke resolutie goed weergeven wordt.
- Je kunt de voor elke resolutie een andere site maken en dan met Javascript doorlinken naar de site van de juiste resolutie

Ik denk dat er verder geen mogelijkheden zijn, maar misschien weet iemand anders nog iets?

Jah ik moet dat eerste hebben (Dus dat de site zo is gemaakt dat hij in elke resolutie goed word weergegeven (Incl frames en achtergrond!) <- ik zet dat er los bij omdat het daar het snelste mis gaat, de plaatjes en tde tekst is wel makkelijker op te lossen.
 
Staat je site zoals die nu is al online? Zo ja, kun je me even de link geven? Dan kan ik makkelijker zien wat er mis aan is.
 
Laatst bewerkt:
tables en frames kan je ook instellen op percentage!!!

laat maar ff zien die site, kijken of het mogelijk is!!!
en je plaatjes kan je weer instellen op een percentage van de frames of tables, waardoor alles de zelfde verhouding houd!!!
 
jeroendenoot zei:
Het heet Javascript!!! Vergeet dat nooit, dat is een groot verschil met Java.
helemaal gelijk
ik vind het stom van helpmij.nl dat ze dat in hetzelfde forum stoppen. ik ga het ff melden bij feetback!
 
lollige zei:
tables en frames kan je ook instellen op percentage!!!

laat maar ff zien die site, kijken of het mogelijk is!!!
en je plaatjes kan je weer instellen op een percentage van de frames of tables, waardoor alles de zelfde verhouding houd!!!
Maar als je met procenten werkt is het in FireFox vaak anders dan in Internet Explorer.
 
jeroendenoot zei:
Maar als je met procenten werkt is het in FireFox vaak anders dan in Internet Explorer.
Dat wist ik niet. Dat verschilt dan per site. Hopelijk lukt het bij de site van jp het. Wat voor rare dingen gaat ie dan doen???
 
lollige zei:
Dat wist ik niet. Dat verschilt dan per site. Hopelijk lukt het bij de site van jp het. Wat voor rare dingen gaat ie dan doen???
Ik Internet Explorer doet ie zoals jij het zegt. In FireFox neemt ie de breedte van het scherm en doet daar het procent van (volgens mij).
Voorbeeld:
Als je een tabel hebt en je zet een plaatje in een cel die de helft van het scherm bevat en je zet de breedte van dat plaatje op 50% dan gebruikt in Internet Explorer als breedte de helft van de breedte van de cel en FireFox de helft van de pagina (en dus heel de cel).

Ik weet het niet helemaal zeker maar volgens mij werkt het zo. Daarom ben ik fan van absolute waardes. :cool:
 
okee. dus hij past de plaatjes niet goed meer in een table. Daar krijg je inderdaad problemen mee. Ikzelf ben geen php champ, maar ik weet dat jij dat wel bent. Je hebt toch gewoon een scriptje waarmee je kan bekijken wat voor browser de gebruiker heeft? als je dan een if gebruikt, en dan if browser = firefox set table width = 50% en set img width = 25% en else table 50% en img 50%

ok dit slaat nergens op, die code's van mij, ik kan het makkelijk beter doen maar het gaat erom dat je snapt wat ik bedoel
 
lollige zei:
okee. dus hij past de plaatjes niet goed meer in een table. Daar krijg je inderdaad problemen mee. Ikzelf ben geen php champ, maar ik weet dat jij dat wel bent. Je hebt toch gewoon een scriptje waarmee je kan bekijken wat voor browser de gebruiker heeft? als je dan een if gebruikt, en dan if browser = firefox set table width = 50% en set img width = 25% en else table 50% en img 50%

ok dit slaat nergens op, die code's van mij, ik kan het makkelijk beter doen maar het gaat erom dat je snapt wat ik bedoel
Ja, maar dan moet het wel met Javascript, want met PHP kun je niet de browser van de bezoeker achterhalen. (Alleen op een heel omslachtige manier.)
 
kan je er dan ook voor zorgen dat als ik het juiste scriptje vind, dat ie dan ook daarna de pagina goed aanpast?? dat ken ik namelijk niet in javascript...
 
ok hiero dit is je browser

navigator.appName

als je dus bijvoorbeeld doet

if (navigator.appName == 'Microsoft Internet Explorer') {
hier nog wat op bedenken kweetniet hoe je overgaat naar html vanuit javascript, weet ik alleen vanuit php ;
} else {
zelfde probleem nogal logish ;
}
 
<script language="JavaScript" type="text/javascript">
<!-- Begin
var bestwidth = 1024;
var bestheight = 768;
if (screen.width != bestwidth || screen.height != bestheight) {
alert("Deze site is het beste te bekijken als de beeldschemresolutie "
+ "is ingesteld op" + bestwidth + "x" + bestheight + ". "
+ "De instelling die je gebruikt is " + screen.width + "x"
+ screen.height + ". Deze instelling is te veranderen door met de rechter muisknop op het bureaublad "
+ "van windows te klikken. In het snelmenu kies je eigenschappen. In het scherm dat je nu te zien krijgt "
+ "kies je het tabblad instellingen. Veel succes en kijkplezier.")

}
// End -->
</script>

ok hiero een scriptje, dat je waarschuwt als je beeldscherm instellingen niet 1024 bij 768 zijn, en je vraagt het te verranderen. je kan zelf een andere groote instellen.
 
lollige zei:
ok hiero dit is je browser

navigator.appName

als je dus bijvoorbeeld doet

if (navigator.appName == 'Microsoft Internet Explorer') {
hier nog wat op bedenken kweetniet hoe je overgaat naar html vanuit javascript, weet ik alleen vanuit php ;
} else {
zelfde probleem nogal logish ;
}
Zo doe je dat inderdaa ja. Maar het overgaan van HTML vanuit Javascript (zoals jij het noemt) gaat niet zo makkelijk. Je moet minimaal een hele tag in een variabele zetten en dan document.write op de plek waar die moet komen te staan. Dat doe je dan dus zo:

HTML:
<html>
 <head>
  <title>
Titel
  </title>
  <script type="text/javascript">
<!--

if(navigator.appName == 'Microsoft Internet Explorer'){
var plaatje1 = '<img src="plaatje1.jpg" width="50%">';
var plaatje2 = '<img src="plaatje2.jpg" width="30%">';
} else {
var plaatje1 = '<img src="plaatje1.jpg" width="25%">';
var plaatje2 = '<img src="plaatje2.jpg" width="15%">';
};

//-->
  </script>
 </head>
 <body>
  <table width="100%">
   <tr>
    <td width="50%">
     <script type="text/javascript">
<!--

document.write(plaatje1);

//-->
     </script>
    </td>
    <td width="50%">
     <script type="text/javascript">
<!--

document.write(plaatje2);

//-->
     </script>
    </td>
   </tr>
  </table>
 </body>
</html>
Het is een beetje lastig, maar het gaat wel.
 
lollige zei:
<script language="JavaScript" type="text/javascript">
<!-- Begin
var bestwidth = 1024;
var bestheight = 768;
if (screen.width != bestwidth || screen.height != bestheight) {
alert("Deze site is het beste te bekijken als de beeldschemresolutie "
+ "is ingesteld op" + bestwidth + "x" + bestheight + ". "
+ "De instelling die je gebruikt is " + screen.width + "x"
+ screen.height + ". Deze instelling is te veranderen door met de rechter muisknop op het bureaublad "
+ "van windows te klikken. In het snelmenu kies je eigenschappen. In het scherm dat je nu te zien krijgt "
+ "kies je het tabblad instellingen. Veel succes en kijkplezier.")

}
// End -->
</script>

ok hiero een scriptje, dat je waarschuwt als je beeldscherm instellingen niet 1024 bij 768 zijn, en je vraagt het te verranderen. je kan zelf een andere groote instellen.
Zo zou ik het nooit doen, heb je dat ook bij een professionele site gezien?;)
 
dan kan je beter gewoon een melding maken dat je de site het best ziet met IE ofzo!
 
Status
Niet open voor verdere reacties.
Terug
Bovenaan Onderaan