site aanpassen aan grote beeldscherm

Status
Niet open voor verdere reacties.

dutcheaglesfans

Nieuwe gebruiker
Lid geworden
26 jul 2008
Berichten
3
Met frontpage hebben we een website gemaakt(www.dutcheagles-fans.nl) met op de index een foto. Ook staan er een paar foto's als achtergrond.
Op de vaste pc ziet alles er goed uit maar als ik hem dan op de laptop bekijk(wat een groter scherm heeft) worden de foto's opeens herhaald.
Is hier iets aan te doen?
 
Zoals het zie heb je alleen de breedte van de menukolom gedefinieerd, het rechterdeel zal de volledige schermbreedte benutten als je geen maat opgeeft.
Je kan ook hier een maat in pixels opgeven, of misschien beter een percentage.
Verdiep je daar maar eens in en probeer het maar eens uit.

PS is het font type een standaard windows font?
Als je geen alternatieve fonts opgeeft dan zal een ander pc systeem terugvallen op bv arial of times new roman omdat Algerian niet aanwezig is. Ik zou voor de opmaak eerder css gebruiken maar zoals jij het doet moet ook prima lukken.

Tip: Test je pagina altijd op andere browsers en schermresoluties.
 
Kleine tip:
Zet in je index tussen de <head> tags deze code:
PHP:
<title>Dutch Eagles fansite</title>
 
We zijn al even bezig geweest maar het wil nog niet echt lukken.
Elke keer als ik een breedte op geef voor het rechterdeel, wordt het menu automatisch breder. Miss dat wij iets verkeerd doen? Hebben er niet zo heel veel verstand van.
 
Hier heb je wat opgeruimde code terug met een beetje css erin, ik heb het gauw ff door dreamweaver getrokken. Kijk eens hoeveel troep er uit verwijderd is, frontpage levert namelijk erg rommelige code. Het zal vast nog een stuk beter kunnen maar je moet ergens beginnen nietwaar :)

Bedoel je zoiets qua indeling?

PS de bestandsnaam van je achtergrond heb ik gewijzigd naar sbr35.jpg omdat ik nooit komma's in bestandsnamen gebruik.

<html>

<title>Dutch Eagles Fansite</title>
<meta http-equiv="Content-Language" content="nl">
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">

<style type="text/css">
<!--
body,td,th {
font-family: Algerian, Arial, Helvetica, sans-serif;
font-size: 18px;
color: #ffffff;
}
a:link { color: #ffffff; text-decoration: underline }
a:hover { color: #ffffff; text-decoration: underline }
.style1 {font-size: 24px}
-->
</style></head>

<body bgcolor="#000000" rightmargin="0">

<table width="814" height="580" border="1" align="center" id="table1">
<tr>
<td width="147" height="133" background="images/logo3.JPG"></td>
<td height="133" bgcolor="#CC0000">
<p align="center"><marquee behavior="slide" scrolldelay="80" width="550">
<span class="style1">Welkom op de Dutch Eagles fansite</span>
</marquee></td>
</tr>
<tr>
<td width="147" bgcolor="#CC0000">

<p align="center"><a href="index.html">Home</a></p>
<p align="center"><a href="nieuws.htm">Nieuws</a></p>
<p align="center"><a href="bio's.htm">Biografieën</a></p>
<p align="center"><a href="agenda.htm">Agenda</a></p>
<p align="center"><a href="foto's.htm">Foto's</a></p>
<p align="center"><a href="forum.htm">Forum</a></p>
<p align="center"><a href="http://www.dutcheagles.tboek.nl">Gastenboek</a></p>
<p align="center"><a href="Contact&links.htm">Contact</a><a href="Contact&links.htm"><br>
&amp;<br>Links</a></p>
<p align="center"></td>
<td background="images/sbr35.jpg"></td>
</tr>
</table>

</body>

</html>
 
We zijn vanmiddag even aan het puzzelen geweest. Om eerlijk te zijn vonden we dat met de codes te moeilijk(miss valt het best mee als je je er in verdiept).

Inmiddels is het probleem wel opgelost. We hebben er gewoon een laag overgemaakt en daar de foto ingeplakt.
De achtergronden laten we eerst omdat dat niet heel storend is.

Wel bedankt voor de moeite. :)
 
css moet je maar eens in verdiepen als je wat meer met websites wil doen.
Met good-old html en frontpage kom je ook al een heel eind. ;)

Er staat trouwens een spelfout in de titel van je website:
<title>Dutch Eegles Fansite</title>
 
Status
Niet open voor verdere reacties.
Terug
Bovenaan Onderaan