achtergrond afbeelding juiste maat

Door martin op 30-10-2008 15:44

4.134 views

hallo,
ik ben bezig met het oefenen van een site enzo, op mijn pc was hij redelijk goed, maar toen ik heb keek op een ander beeldscherm/resolutie ect, was de achtergrond niet meer goed en tekst op verkeerde plaats..
wat ik dus eigenlijk wil is een achtergrondafbeelding die zich aanpast aan het beeldschermgroote/resolutie
daarnaast had ik de links op een bepaalde plek in de afbeelding die natuurlijk niet meer goed staan
hoe fix ik dit?

martin

30-10-2008 16:28

het plaatje moet ten alle tijden over het hele beeld passen, met dus een link op een bepaalde plaats in het plaatje
probleem 1: plaatje zie je niet volledig bij kleine schermen, en je ziet een klein plaatje bij grote schermen
probleem 2: daardoor verplaatst de link niet naar het goede gedeelte in het plaatje
die onderst staat er,had t voor dit weggehaalt
en hij staat nu op wamp in de head maar haalt weinig uit

30-10-2008 17:07

Ik denk dat jij op zoek moet naar [google]basis html[/google].

Reforced

31-10-2008 10:57

Als ik het goed begrijp wil je de tekst boven een plaatje laten weergeven in een bepaald vak; en bij elke computer dit plaatje automatisch vergroten (aanpassen aan het beeldscherm) en de tekst dan ook automatisch verplaatsen?

Enige wat ik zo kan bedenken is dat je dan ipv vaste pixelgroottes met procenten gaat werken (net als tamara zegt: achtergrondafbeelding met %..)

Je krijgt dan het volgende script:


<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>titel</title>
<link rel="stylesheet" type="text/css" href="style.css" />
</head>

<body>

<div id="container">
<?php
$rootdir="./homepagename";

$hoogte = '100%';
$breedte = '80%';
?>

    <table width="100%" height="100%" align="center">
      <tr>
      <td height='<?php echo $hoogte; ?>' width='<?php echo $breedte; ?>'><center><img src="logo.gif" height="<?php echo $hoogte; ?>" width="<?php echo $breedte; ?>"></center></td>
      
      </tr>
    </table>

Enzovoort; dit is wel heel erg amateuristisch overigens. Je kunt beter gewoon een 1024x800 site inelkaar zetten, dit is de meest gebruikte resolutie en doorgaans goed te bekijken; wat je als je persé voor elke resolutie een andere pagina wil beter kunt doen is 3 verschillende indexen maken (index1.php, index2.php en index3.php) en dan d.m.v. javascript de grootte van een beeldscherm te bepalen en aan de hand daarvan te laten redirecten naar index1, 2 of 3. Snap?

Wil je alleen de achtergrond vergroten, gebruik hier voor google (hier staan kant en klare scriptjes die dit kunnen doen).

Groet!

P.s.
Met tables is helemaal niks mis!! (ik gebruik ze ook i.c.m. css (classes))
Universeel en handig.

martin

31-10-2008 15:40

Reforced schreef op 31.10.2008 10:57
Als ik het goed begrijp wil je de tekst boven een plaatje laten weergeven in een bepaald vak; en bij elke computer dit plaatje automatisch vergroten (aanpassen aan het beeldscherm) en de tekst dan ook automatisch verplaatsen?

.....

Groet!

P.s.
Met tables is helemaal niks mis!! (ik gebruik ze ook i.c.m. css (classes))
Universeel en handig.

he bedankt :), ik ga aan de slag

Tamara

31-10-2008 15:43

@Reforced

waarom zet je de hoogte en breedte in een variable terwijl je die ook gewoon als html kan zetten... ( ikz ie wel dat je ze allebei 2x gebruikt, maar dan nog)

Reageren

Inloggen om te reageren