coderen
- Onderwerp starter xBitCh
- Startdatum
- Status
peter vazed
Meubilair
- Lid geworden
- 8 sep 2000
- Berichten
- 7.972
Hier de code:
Wel je plaatje
layouthilaryduffyh2.jpg
in dezelfde map zetten als je file.
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 Thursday, December 18, 2008 23:05:16 -->
<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="screen">
body
{
margin: 0;
padding: 0;
font-family: verdana, "comic sans ms", arial, hevetica, sans-serif;
text-align: left;
color: #000;
background: #ffffcc;
}
#container
{
width:640px;
margin-right:auto;
margin-left:auto;
}
#bg
{
background-image: url(layouthilaryduffyh2.jpg);
width:640px;
height:619px;
}
#header
{
width:640px;
height:320px;
border:solid 2px #ff0000;
clear:both;
}
#menu
{
border:solid 2px #008000;
width:120px;
height:250px;
margin-left:10px;
padding-left:10px;
float:left;
}
#content
{
width:460px;
height:250px;
border:solid 2px #004080;
padding-left:20px;
float:left;
overflow:auto;
}
#footer
{
width:600px;
margin:auto;
height:30px;
border:solid 2px #ff0080;
padding-left:20px;
}
</style>
</head>
<body >
<div id="container"><div id="bg">
<!-- begin -->
<div id="header"></div>
<div id="menu">
<br>hier link
<br>hier link
<br>
<br>hier link
<br>hier link
<br><br>hier link
<br>hier link
<br><br>hier link
<br>hier link
<br>
</div>
<!-- begin content -->
<div id="content"><br>
Hier je verhaaltje<br>
<br>
Een tweedehands mini koop je niet zomaar. Om een goed onderhouden<br>
tweedehands mini te bemachtigen is het verstandig de volgende tips op<br>
te volgen.<br>
1. Eerste indruk van de tweedehands mini (buitenaf)<br>
Hierbij wordt verondersteld dat de tweedehands mini slechts van<br>
buiten te bekijken is, de verkoper ontbreekt nog.<br>
Roest aan het plaatwerk, Let op de volgende punten:<br>
<ul type="circle">
<li> * front;
<li> * koplampranden;
<li> * onderzijde deuren;
<li> * wielkasten (voor en achter, moeilijke hoekjes, vooral bij schokbreker bevestigingen. Probeer met een hard voorwerp wat te rikken);
<li> * A-panelen (tussen spatscherm en deur);
<li> * dorpels;
<li> * onderzijde achterklep;
<li> * randen achter zijklapraampjes;
<li> * afwatergootje dak;
<li> * onderrand voorruit (vooral aansluiting bij spatschermen);
<li> * banaan-vormig paneel waar de uitlaat onder vandaan komt;
<li> * rondom benzinevulhals (licht het rubber van de benzine vulhals
</ul>
</div>
<!-- eind content -->
<div style="clear:both;"></div>
<!-- begin footer -->
<div id="footer">Nog geen updates</div>
<!-- eind footer -->
<!-- eind -->
</div></div>
</body>
</html>Wel je plaatje
layouthilaryduffyh2.jpg
in dezelfde map zetten als je file.
peter vazed
Meubilair
- Lid geworden
- 8 sep 2000
- Berichten
- 7.972
Dit doe ik uit mijn hoofd.
Gewoon nieuwe map maken, daar het plaatje inzetten.
Ik gebruik Arachnophilia-V4 als editor.
Plaatje ophalen als plaatje, om de afmetingen te weten.
Container maken met afmetingen van plaatje, plaatje als achtergrond instellen.
Dan uiteraard centreren.
Dan gewoon plekje maken voor header/logo,
dan plekje voor menu,
dan plekje voor content.
Alle afmetingen gewoon door height / width te wijzigen, tot het goed is.
Dus de benodigde divjes gewoon experimenteel maken.
Wel even je style en html code bij http://validator.w3.org/
laten testen.
Voor de content heb ik een divje gemaakt, waarbij de tekst scrolt indien er veel tekst is.
Wens je voor een deel van plaatje de afmetingen weten,
gebruik dan irfanview.
Bij het maken van een uitsnede, gewoon met de muis een rechthoek trekken,
dan zie je de afmetingen boven in irfanview.
Handig voor menu met plaatjes.
peter vazed
Meubilair
- Lid geworden
- 8 sep 2000
- Berichten
- 7.972
Frats
Terugkerende gebruiker
- Lid geworden
- 22 nov 2008
- Berichten
- 4.492
Een programma om je website vorm te geven? Die zijn er wel.
Probeer eens iets als Dreamweaver.
Maar veel mensen doen het ook 'uit hun hoofd', wat wil zeggen in een soort kladblok, en dan openen in de browser om te kijken hoe het er uit ziet.
Probeer eens iets als Dreamweaver.
Maar veel mensen doen het ook 'uit hun hoofd', wat wil zeggen in een soort kladblok, en dan openen in de browser om te kijken hoe het er uit ziet.
neej, dat weet ik wel
maarik bedoel dat je een plaatje opent en dan ''gebieden'' selecteert. zodat daar tekst komt
zoals hierboven gebeurt maar dan met een programmaatje.
Frats
Terugkerende gebruiker
- Lid geworden
- 22 nov 2008
- Berichten
- 4.492
Dat klinkt als iets dat tekenprogramma's standaard doen?
Gewoon het plaatje openen, en daarin schrijven?
Als je bedoelt dat de tekst dynamisch over het plaatje geplaatst wordt, dan moet je denk ik gewoon een DIV-container gebruiken met de juiste afstand, zodat ie op het plaatje terecht komt, dat moet je gewoon even proberen denk ik...
Gewoon het plaatje openen, en daarin schrijven?
Als je bedoelt dat de tekst dynamisch over het plaatje geplaatst wordt, dan moet je denk ik gewoon een DIV-container gebruiken met de juiste afstand, zodat ie op het plaatje terecht komt, dat moet je gewoon even proberen denk ik...
met paint ofzo bedoel ik niet nee
maar ik zal me maar eens moeten verdiepen in DIVS gebruik bij mijn site nog frames =)
- Status
