Website aanpassen aan beeldscherm

Status
Niet open voor verdere reacties.
L

LaurensD

Gebruiker
Lid geworden
4 aug 2008
Berichten
20
Beste helpmij-forumers,

Ik ben vandaag begonnen met een website te maken in MS publisher. Ik had hier enkele vragen over :

- Voorlopig lukt het handig met publisher. Werk ik beter verder met een ander programma (dreamweave of frontpage) of kan ik met publisher evenveel ?

- Ik heb hier al de site met enkele pagina's maar ik vind het vrij vervelend dat de website zich niet aanpast aan het beeldscherm. Bestaat er ergens een tutorial om dit met publisher aan te passen ?

voorlopige link : http://users.pandora.be/BoTJe_84

Alvast heel erg bedankt :thumb:
 
Je hebt nu niet het meest geschikte programma gekozen.
Kijk maar eens in de bron:
vells te veel onnodige code.

Dit:
style='position:absolute;z-index:5;left:0px;top:0px;width:1280px;height:960px'>
veroorzaakt je probleem.
Kan dus nooit aan je scherm worden aangepast.
Daartoe zou je met width="100%" moeten werken. En met tabellen, en tegenwoordig met div'jes.
http://www.handleidinghtml.nl/html/inhoud-html.html

Gewoon met een texteditor werken, of je haalt 1stPage op
http://www.evrsoft.com/

:cool:
 
Beste,

Bedankt voor de raad.

op http://users.pandora.be/BoTJe_84 kun je een aangepast versie vinden.

Ik had echter opnieuw 2 vraagjes :


- Bij de openingspagina heb ik gebruik gemaakt van imagehotspots. Om één of andere reden blijven die op de goeie positie tgo de afbeelding (als je ze verkleint of vergroot, dan blijven die goed).

Klik je door op de graafmachine, dan kom je opnieuw op een soort tekening met verschillende foto's. Daar probeerde ik ook te werken met de imagehotspots.

Het probleem is nu dat deze hotspots wel verschuiven als ik het scherm vergroot of verklein.

Hoe kan ik deze gefixed krijgen tgo de afbeelding ?


- Ik zou graag op de foto's werken met een soort tekst (uitleg) die meer zichtbaar wordt als je over de bepaalde tekening gaat met de muis. Is dit mogelijk met dreamweaver ?

Alvast bedankt !
 
Nou, begin eerst maar eens om je plaatjes kliener te maken.
De twee eerste zijn 225 kb,
breng deze terug met irfanview www.irfanview.com tot ca 20 kb.

De tweede is 600 kb :mad:

En
<img src="Nieuw blad BVBA A2 - OK.jpg"
Gebruik GEEN HOOFDletters en
GEEN SPATIES in namen.
<img src="nieuw_blad_bvba_a2_ok.jpg"
is beter en voorkomt fouten.

Waarom een imagemap, als je gewoon met een tabel de plaatjes erin kan zetten,
en het plaatje als link kunt gebruiken?

Deze:
http://users.telenet.be/BoTJe_84/Nieuw blad NV A2 - OK.jpg
is 762.9 kb
breed 200 px en hoog 1414px
Kost je dus veel bandbreedte, lange laadtijd.

Bovendien mis je in je head deel:
onder andere het doctype,


HTML: 
<html> 

	<head>

	<title>	WELKOM BIJ VULSTEKE bvba</title>

	<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"><style type="text/css">
<!--
body {
	background-image: url();
	background-repeat: no-repeat;
	background-color: #52a32a;
}
-->
</style></head>

In het headgedellte heb je meer nodig,
voorbeeld:
HTML: 
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
   "http://www.w3.org/TR/html4/loose.dtd">
<html>
	<head>
	<title>(Type a title for your page here)</title>
<!--Pagina gemaakt op Tuesday, November 25, 2008 20:33:37 -->
<meta name="GENERATOR" content="Arachnophilia 4.0">
<meta name="FORMATTER" content="Arachnophilia 4.0">
<meta name="description"  content="korte beschrijving van de pagina">
<meta name="keywords"  content="trefwoorden, die, slaan, op, de, pagina">
<meta name="publisher" content="Jan Jansen">
<meta name="Author" content="Peter Vazed">
<meta name="robots" content="index, follow">
<meta name="revisit" content="7 days">
<meta http-equiv=content-type content="text/html; charset=windows-1252">
<meta http-equiv="Content-Style-Type" content="text/css">

<style type="text/css" media="all">
 @import url("zp.css"); 
</style>
		 
<LINK rel="stylesheet" type="text/css" href="zp.css">

 <style type="text/css" media="screen">
 body
{
background-image: url(start-strps.jpg);
margin: 0;
padding: 0;
font-family:  verdana, "comic sans ms", arial, hevetica, sans-serif;
text-align: left;
color: #000;
background: #ffffcc;
}
</style>
</head>

:cool:
 
bedankt voor de uitleg.

De afbeeldingen zijn inderdaad veel te groot, daar moest ik nog een oplossing voor zoeken.

Ik werk niet met tabellen omdat de 2 pagina's die ik gebruik (voor de nv en de bvba) eigenlijk 2 grote afbeeldingen zijn die ik gemaakt heb met photoshop. Daarom dacht ik gebruik te maken van die hotspot.
 
Status
Niet open voor verdere reacties.
                    Steun ons                    

Nieuwste berichten

Terug
Bovenaan Onderaan