Ga naar inhoud


resolutie

Gast

Door Gast
in Off topic

 Delen

Aanbevolen berichten


Gast

Gast

Geplaatst:
Geplaatst:

Geef maten van tabellen en cellen, frames etc... in % op ipv van pixels.

Dan past alles zich aan aan de resolutie van de bezoekers.

Hoe:

 

<body>

<table border=0 width=100% height=100%>

<tr>

<td>

<center>

 

je pagina zoals je die wilt, maar nu gecentreerd, zowel horizontaal, als verticaal

ook hierin kan je gewoon weer tabellen, iframes etc toepassen

 

</td>

</tr>

</table>

</center>

</body>

 

 

suc6

Link naar reactie
Delen op andere sites
satwave Vaak hier

satwave

Geplaatst:
Geplaatst:

Als je praat over de achtergrond van een pagina vrees ik dat je dat helaas niet aan de ingestelde resolutie van de gebruiker aan kunt passen.

 

Je foto/plaatje heeft tenslotte een van te voren ingestelde resolutie ('grootte') en de browser herhaalt dat formaat.

 

Als iemand nog een idee heeft hoor ik dat ook graag!

 

Mvg.

Link naar reactie
Delen op andere sites
Gast

Gast

Geplaatst:
Geplaatst:

Misshien heb je hier wat aan per resolutie een andere stylesheet laden met een andere background.

 

<HTML>

<HEAD>

 

<!-- standaard Style Sheet voor Netscape gebruikers met een resolutie van 800 x 600 -->

<link rel="stylesheet" type="text/css" href="netscape.css">

<!-- hieronder het script met de verschillende mogelijkheden voor de Internet Explorer gebruikers -->

 

 

<SCRIPT LANGUAGE="JavaScript">

 

document.write('Uw resolutie is ' + screen.width + ' x ' + screen.height + '');

if (screen.width == 640) {

document.write('<link rel="stylesheet" type="text/css" href="640.css">');

alert("Style Sheet voor een scherm met een 640 x 480 resolutie wordt nu geladen.");

}

if (screen.width == 800) {

document.write('<link rel="stylesheet" type="text/css" href="800.css">');

alert("Style Sheet voor een scherm met een 800 x 600 resolutie wordt nu geladen.");

}

if (screen.width == 1024) {

document.write('<link rel="stylesheet" type="text/css" href="1024.css">');

alert("Style Sheet voor een scherm met een 1024 x 768 resolutie wordt nu geladen.");

}

if (screen.width == 1280) {

document.write('<link rel="stylesheet" type="text/css" href="1280.css">');

alert("Style Sheet voor een scherm met een 1280 x 960 resolutie wordt nu geladen.");

}

if (screen.width == 1600) {

document.write('<link rel="stylesheet" type="text/css" href="1600.css">');

alert("Style Sheet voor een scherm met een 1600 x 1200 resolutie wordt nu geladen.");

}

</script>

<BODY>

 

 

</BODY>

</HTML>

 

 

Suc6

 

Rebel

Link naar reactie
Delen op andere sites
Nesclan Rijzende ster

Nesclan

Geplaatst:
Geplaatst:

Wanneer je met dreamweaver werkt, zijn er wel extensions (soort plugins) te krijgen waarmee je een "background that fits" gemakkelijk kunt instellen.

Indien de bezoeker dan 800x600 heeft, pakt hij je 800x600 background, etc. etc. <img src="/ubbthreads/images/graemlins/wink.gif" alt="" /> (zoals rebel87 schreef)

 

te verkrijgen onder deze link <img src="/ubbthreads/images/graemlins/xyxthumbs.gif" alt="" />

*Dreambox 7020S (Iolite en gemini) -Stab HH120-1 mtr Gibertini -MM 1.02-Conax cam-[color:"red"]onbruikbare[/color] M-II kaart-seasonII -Mastercrd2* Hauppauge Nova CI met Progdvb +Yankse

Link naar reactie
Delen op andere sites
Gast

Gast

Geplaatst:
Geplaatst:

Mijn bovenstaande posting,zal ervoor zorgen dat er rond een bestaande site bvb. gemaakt in 800*600 er een leeg frame rond gezet wordt,zodanig als deze geopent wordt door een bezoeker met een hogere schermresolutie...deze ook mooi gecentreerd wordt weergeven op dit scherm.

Link naar reactie
Delen op andere sites
Gast

Gast

Geplaatst:
Geplaatst:

Ik heb hier hetzelfde probleem heb ook al vanalles geprobeerd.

maar met aanpassen van de resolutie ben ik nog niet tot het gewenste resultaat gekomen.

ik heb nu het volgende gedaan in (dreamweaver)kies view/visual aids/frame borders.als je nu in de design sheet buiten het frame klikt kun je hier vanalles rondom nog toevoegen

dus de witte ruimte om je site heen kun je nu ook gebruiken.

misschien niet de ideale oplossing maar ik ben er zeer tevreden mee.

Link naar reactie
Delen op andere sites
Duwgati Superster

Duwgati

Geplaatst:
Geplaatst:

Met layers.

Je 'misbruikt' een layer om daarin een foto te plaatsen met hoogte 100% en breedte 100%. Zo wordt de foto geresized met het formaat van je browser window.

 

Hier is de html code van die pagina:

Code:
 <html><head><title>test</title><meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"><script language="JavaScript" type="text/JavaScript"><!-- // Dit script heb je nodig om tijdens het resizen de dimensies van je layer niet te verliezenfunction MM_reloadPage(init) {  //reloads the window if Nav4 resized  if (init==true) with (navigator) {if ((appName=="Netscape")&&(parseInt(appVersion)==4)) {    document.MM_pgW=innerWidth; document.MM_pgH=innerHeight; onresize=MM_reloadPage; }}  else if (innerWidth!=document.MM_pgW || innerHeight!=document.MM_pgH) location.reload();}MM_reloadPage(true);//--></script><!-- De stylesheet voor het zetten van de marges en de achtergrond- en tekstkleur --><style type="text/css">body {  background:transparent;  color:#ffffff;  margin-left:0px;  margin-right:0px;  margin-top:0px;  }</style></head><body> <!-- Dit is de achtergrondlayer. Hier plaats je een foto op met een hoogte en breedte van 100% --><div id="Layer1" style="position:absolute; left:1px; top:1px; width:100%; height:100%; z-index:1; visibility: visible;"><img src="btn-screensize.png" width="100%" height="100%"></div> <!-- Dit is de voorgrondlayer die je er overheen legt en waarop je je site ontwerpt --><div id="Layer2" style="position:absolute; left:1px; top:1px; width:100%; height:100%; z-index:2; visibility: visible;">   <table width="100%" cellpadding="7">     <tr>       <td>Hier plaats je je tekst en foto's</td>     </tr>   </table> <!-- Einde van de voorgrondlayer --></div> </body></html>
Link naar reactie
Delen op andere sites
Gast

Gast

Geplaatst:
Geplaatst:

Dankjewel <img src="/ubbthreads/images/graemlins/xyxthumbs.gif" alt="" /> <img src="/ubbthreads/images/graemlins/xyxthumbs.gif" alt="" /> <img src="/ubbthreads/images/graemlins/xyxthumbs.gif" alt="" />

Link naar reactie
Delen op andere sites
Gast

Gast

Geplaatst:
Geplaatst:

Thanks Duwgati <img src="/ubbthreads/images/graemlins/xyxthumbs.gif" alt="" /> <img src="/ubbthreads/images/graemlins/xyxthumbs.gif" alt="" /> <img src="/ubbthreads/images/graemlins/xyxthumbs.gif" alt="" />

 

Rebel

Link naar reactie
Delen op andere sites

Maak een account aan of log in om te reageren

Je moet een lid zijn om een reactie te kunnen achterlaten

Account aanmaken

Registreer voor een nieuwe account in onze community. Het is erg gemakkelijk!

Registreer een nieuwe account

Inloggen

Heb je reeds een account? Log hier in.

Nu inloggen
 Delen
Ga naar onderwerp-overzicht

  • Wie is er online   0 leden

    • Er zijn geen geregistreerde gebruikers deze pagina aan het bekijken
×
×
  • Nieuwe aanmaken...