Site resolutie wijzigen

Status
Niet open voor verdere reacties.
Geplaatst door XP_PC
Wat gaat er mis?

Scrollbalken?

Ja, en de plaatjes gaan over de tekst heen, verander je resolutie maar eens :| :( Kun je dat instellen met frames of kun je dan beter met tabellen gaan werken?
 
Ja, alleen zit ik op 1152*864 en alsnog gingen de plaatjes over de tekst.

Ik zou sowieso tabellen gebruiken. Dit kun je doen in combinatie met frames als je niet de hele site in tabelvorm wilt doen.
 
Ja, dan heb ik nog een vraag. Ik heb nu das al de layout gemaakt met tabellen (mbv percentages) maar kan ik in die middelste tabel een soort van iframe gebruiken zodat niet telkens de gehele pagina opnieuw geladen hoeft te worden als men op een link klikt maar alleen de inhoud van die link in de middelste tabel weergegeven wordt.

http://members.home.nl/gkerstens/egontabel/ (Knoppen werken niet ;))

p.s. Waarom staat die schuifbalk met plaatjes niet in het midden? (Niet dat dat nu mijn ergste zorg is...)
 
Laatst bewerkt:
Dat zou moeten kunnen werken ja..

Andere oplossing is natuurlijk PHP maar dat is ingewikkelder :).
 
Heb ondertussen al wat meer bijgewerkt, maar in die iframe valt het plaatje nog steeds over de tekst terwijl ik in algemeen.htm de tabelgrootte niet meer in percentages heb gedaan.
 
Geef je de uitlijning wel goed op? Ik heb nooit problemen met plaatjes die eroverheen vallen.

Anders zou je in de Iframe ook nog tabellen kunnen gebruiken natuurlijk..
 
Geplaatst door XP_PC
Geef je de uitlijning wel goed op? Ik heb nooit problemen met plaatjes die eroverheen vallen.

Anders zou je in de Iframe ook nog tabellen kunnen gebruiken natuurlijk..

Wat bedoel je met de uitlijning?

Dit is hoe de site er uit moet zien als je op Algemeen klikt:

Code:
<html>
<head>
<title>EgonvanHooft.nl</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<style type="text/css">
<!--
.tekst {font-family: "Courier New"; color: #FFFFFF; font-size: 16px; }
-->
</style>
</head>

<body bgcolor="#000000">
<table width="100%" height="100%" border="0">
  <tr>
    <td height="10%" align="center"><a href="././nieuws/nieuws.htm" target="mainFrame"><img src="././././images/knop1.jpg" width="130" height="25" border="0"></a>
<a href="././algemeen/algemeen.htm" target="mainFrame"><img src="././././images/knop2.jpg" width="130" height="25" border="0"></a>
<a href="././portret/portret.htm" target="mainFrame"><img src="././././images/knop3.jpg" width="130" height="25" border="0"></a>
<a href="././live/live.htm" target="mainFrame"><img src="././././images/knop4.jpg" width="130" height="25" border="0"></a>
<a href="./././linked/linked.htm" target="mainFrame"><img src="././././images/knop5.jpg" width="130" height="25" border="0"></a>
<a href="./././prijzen/prijzen.htm" target="mainFrame"><img src="././././images/knop6.jpg" width="130" height="25" border="0"></a>
<a href="./././contact/contact.htm" target="mainFrame"><img src="././././images/knop7.jpg" width="130" height="25" border="0"></a></td>
  </tr>
    <tr>
    <td height="80%" width="100%" align="center" valign="middle">
	<iframe src="algemeen/algemeen.htm" width="100%" height="100%" frameborder="0"></iframe><br></td>
  </tr>
  <tr>
    <td height="10%" align="center"><span class="tekst">All right reserved by Egon van Hooft Photography © No duplication without permission</span><br>
<img src="./././images/voorbeeldlogo.jpg" width="468" height="60"></td>
  </tr>
</table>
</body>
</html>

Dit is hoe Algemeen er uitziet
Code:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>EgonvanHooft.nl</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<style type="text/css">
<!--
.tekst {
	font-family: "Courier New";
	color: #FFFFFF;
	font-size: 12px;
}
BODY { background-image: url(bg_algemeen.jpg); background-repeat: no-repeat; background-attachment: fixed; }
html {overflow:auto;clip:auto;overflow-x:hidden;}
.style2 {font-family: "Courier New"; color: #FFFFFF; font-size: 16px; }
-->
</style>
</head>

<body bgcolor="#000000" background="bg_algemeen.jpg" bgproperties=" " repeat-no> <table width="431" border="0" align="right">
  <tr>
    <td width="300"><span class="style2">Mijn naam is Egon van Hooft en ben een “jonge” fotograaf.  
Momenteel fotografeer ik ondermeer live muziek voor VPRO’s website 3voor 12 regio Tilburg, en maak ik foto’s voor de cityportal Tilburg.com. 
Hier fotografeer ik de meest uiteenlopende zaken. Van Festival Mundial tot en met een schoenenzaak, van de Muze concerten tot en met de kermis. 
Verder werk ik aan een documentair fotoboek over de band Linked die ik nu al een aantal maanden volg. 
Ik fotografeer zowel analoog als digitaal en heb ondermeer de Canon EOS 20D. </span></td>
  </tr>
</table>
 <p>&nbsp;</p>
 <p>&nbsp;</p>
<img src="img1.jpg" width="362" height="218" align="left" valign="middle"><img src="img2.jpg" width="388" height="308">
</body>
</html>
 
Wat dacht je hiervan:

Code:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"


"http://www.w3.org/TR/html4/loose.dtd">


<html>

<head>

<title>EgonvanHooft.nl</title>

<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">

<style type="text/css">

<!--


.tekst {


	font-family: "Courier New";


	color: #FFFFFF;


	font-size: 12px;


}


BODY { background-image: url('bg_algemeen.jpg'); background-repeat: no-repeat; background-attachment: fixed }

html {overflow:auto;clip:auto;overflow-x:hidden;}

.style2 {font-family: "Courier New"; color: #FFFFFF; font-size: 16px; }


-->

</style>

</head>


<body bgcolor="#000000" background="bg_algemeen.jpg" bgproperties=" " repeat-no> 
<table border="0" cellpadding="0" cellspacing="0" style="border-collapse: collapse" width="100%">
  <tr>
    <td width="50%">


<img src="img1.jpg" width="362" height="218" align="left" valign="middle"><img src="img2.jpg" width="388" height="308"></td>
    <td width="50%"><span class="style2">Mijn naam is Egon van Hooft en ben een “jonge” fotograaf.  

Momenteel fotografeer ik ondermeer live muziek voor VPRO’s website 3voor 12 regio Tilburg, en maak ik foto’s voor de cityportal Tilburg.com. 

Hier fotografeer ik de meest uiteenlopende zaken. Van Festival Mundial tot en met een schoenenzaak, van de Muze concerten tot en met de kermis. 

Verder werk ik aan een documentair fotoboek over de band Linked die ik nu al een aantal maanden volg. 

Ik fotografeer zowel analoog als digitaal en heb ondermeer de Canon EOS 20D. </span>
    </td>
  </tr>
</table>

</body>

</html>

?
 
Ja, dan blijft het plaatje op de goede plaats, maar bij 800 x 600 zie je de tekst niet meer, tenzij je met de muis naar rechts trekt.
 
Inderdaad, ik ook (voor vandaag dan) :D

In elk geval bedankt :)

P.S. Ik heb nu met CSS de kleur van de scrollbar bewerkt (in index.htm), maar ik zie het niet in mijn IE, wat doe ik fout?

Code:
<html>
<head>
<title>EgonvanHooft.nl</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<style type="text/css">
<!--
.tekst {font-family: "Courier New"; color: #FFFFFF; font-size: 16px; }
BODY
{
scrollbar-face-color: #000000;
scrollbar-highlight-color: #000000;
scrollbar-3dlight-color: #000000;
scrollbar-darkshadow-color: #000000;
scrollbar-shadow-color: #000000;
scrollbar-arrow-color: #FFFFFF;
scrollbar-track-color: #000000;
}
-->
</style>
</head>
 
Status
Niet open voor verdere reacties.
Terug
Bovenaan Onderaan