Warboel in Frontpage Site

Status
Niet open voor verdere reacties.
D

DeejayMarcel

Gebruiker
Lid geworden
1 mei 2007
Berichten
6
Wie kan mij helpen met het volgende, de vraag stond al eerder op dit forum maar er werd niks bij uitgelegd hoe je dit kon oplossen. de vraag is ik heb een webpagina gemaakt en na het publiceren ervan is het zo dat om mijn laptop er alles goed uit ziet maar op een andere computer zit alles door elkaar, hoe kan ik er dan voor zorgen dat alles netjes op zijn plaats blijft.

Gr Marcel Brull
 
dit is de link van mijn website www.deejaymarcel.nl

als je nu bv favorieten opent bij internet explorer dan verschuift het menu en ook als de site geminimaliseerd is, de website is wel nog niet af.

Gr Marcel
 
Mijn beeldscherm is te smal.................

Waarom:
#head {
position: absolute;
top: 0px;
left: 401px;;
en
#nav {
position: absolute;
top: 271px;
left: 285px;
en in de bron
div style="position: absolute; width: 493px; height: 94px; z-index: 1; left: 530px;

Dus waarom zoveel ruimte links?
Je gebruikt
position: absolute;
waarom niet relative?

Beter is een div als container, en daar de rest in.
Je Container stel je naar wens in, en de rest volgt vanzelf.


:cool:
 
En hoe moet ik dat dan nou precies veranderen, want ik ben niet zo goed met die codes.
zou iemand me dit kunnen uitleggen.

Gr Marcel
 
Gewoon niks veranderen.
Gewoon opnieuw beginnen.

Je maakt eerst een container.
Width stel je op 800 pixels.
Centreren in het midden,
dus in je css krijg je margin op auto.

Nu in deze ruimte de rest wegzetten.
Kan het makkelijkste met een tabel.
Div's kan ook natuurlijk, maar die willen wel eens "weglopen"
als je het scherm verkleind.

Gewoon een paar proefpagina's maken.

:cool:
 
Wat is een container en hoe maak ik die met frontpage ??

Gr Marcel

Ps. Bedankt voor de hulp :thumb:
 
Hierbij twee voorbeelden van css container.

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

<html>

<head>
<title>(Type a title for your page here)</title>
<meta name="GENERATOR" content="Arachnophilia 4.0">
<meta name="FORMATTER" content="Arachnophilia 4.0">
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<style type="text/css">

      BODY {
       margin: 0px 0px 0px 0px;
       font-family: verdana, arial, helvetica;
       background-image: url(layout/sfeerstrook/site_home.jpg);
       background-repeat: no-repeat;      
       font-size: 14px;
       font-color: #000000;
       color: #000066;
}
.info{
border: dotted 3px #000000;
padding:10px;
}
.master{
width:100%;height:100%;
text-align:center;
}
  .container{
width:800px;
height:auto;
overflow: auto;
font-size: 14px;
       font-color: #000000;
       color: #000066;
border: dotted 3px #000000;
padding:10px;
margin-left:auto;
margin-right:auto;
text-align:left;

}  
.mlinks{
width:140px;
border: dotted 3px #000000;
padding:10px;
float:left;

}
.mrechts{
width:140px;
border: dotted 3px #000000;
padding:10px;
}
.content{
width:70%;
border: dotted 3px #000000;
padding:10px;
float:left;}

.clear{
clear:right;
}
   </style>
</head>

<body bgcolor="#ffffff" text="#000000" link="#0000ff" vlink="#800080" alink="#ff0000">

<div class=" master" >
<div class=" container" >
<div class="mlinks " > link
<br>
link<br>
link<br>
link</div>
<div class="clear" ></div><div class=" content" > 

<div style="width: 550px;text-align:left;padding:5px;background-color:#473C8B;color:#F0FFFF; border:1px solid ;font-size:12px;">
tekst tekst tekst<br>
<pre>
Kleine Beurt:
Hier is het officiele lijstje van bmw

verlichting controleren.
claxon, lichtsignaal, waarschuwingsknipperlichten controleren.
veiligheidsgordels controleren en testen.
accu controleren.
verwarming/airco controleren, microfilter vervangen(extra kosten)
carrosseriecontrole
computer diagnose.
motorolie/filter vervangen
koelvloeisof controleren.
service-interval melding terugstellen.
ruitensproeiers controleren en bijvullen.
stuurbekrachtiging controleren/bijvullen.
hydraulische systemen controleren/bijvullen.
remvloeistof controleren/bijvullen.
remblokken controleren/vervangen.
onderzijde auto controleren.
remleidingen controleren.
handrem controleren/bijstellen.
bandspanning controleren/aanpassen
stuurinrichting controleren.
luchtfilter en brandstof filter vervangen(bij elke tweede grote beurt.
eindcontrole en proefrit. 
</pre></div>

 <div style="width: 550px;text-align:left;padding:5px;background-color:#473C8B;color:#F0FFFF; border:1px solid ;font-size:12px;">
tekst tekst tekst<br>
<pre>
Grote Beurt:
Bij mijn oude golfje (benzine) bestaat een grote beurt (om de 15.000
km) uit:
- Koppelingsspeling checken
- Remkrachtregelaar controleren
- Accu bijvullen (evt.)
- Koelmiddel checken/bijvullen
- Klepspeling checken/afstellen
- V-riem checken, evt. spannen
- Bougies vernieuwen
- Contactpunten vernieuwen en timing afstellen
- CO waarde afstellen
- stat. toerental stellen
- Aanzuiglucht verwarming in zomer- of winterstand zetten
- Motor op lekkage controleren (olie, koelmiddel en brandstof)
- Remleidingen/slangen en aansluitingen checken op lekkage en
beschadigingen
- Motorolie verversen
- Oliefilter vervangen
- Uitlaat controleren
- Spoorstangeinden controlern op speling en bevestiging, tevens
stofkappen checken
- Geleidekogels stofkappen controleren
- Stuurhuis: balgen op lekkage en beschadigingen controleren
- Remblokjes op dikte controleren
- Remvoeringen op dikte controleren
- Banden controleren op loopvlak en diepte
- Manchetten tussenassen: op lekkage en beschadigingen controleren
- Versnellingsbak/diff op lekakage controleren, zonodig bijvullen
- Remvloeistof bijvullen
- Motorkapslot onder en boven smreen
- Undercoating op beschadiging controleren
- Koplampen afstellen
- Proefrit
- voet- en handrem: vrije slag en werking controleren
- rembekrachtiger, koppeling, stuurinrichting: werking controleren
- cilinderkopdeksel op lekkage controleren

</pre> </div>

</div>
<div class="clear" ></div>
 

</div> </div>
</body>

</html>

en

PHP: 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
	<head>
		<link rel="stylesheet"
		type="text/css" href="phpstijl.css">
		       
		<title>
			Rente
		</title>
<style>

#container {
width: 600px;
text-align: left; /*voor IE */
background: #bbff02 url(2.gif);
overflow: hidden;
margin: 0 auto;
font-family: verdana;
font-size:12px;
}


#left {
width:200px;
color:#000;
padding-left: 7px;
border:solid 3px #ff0000;
float:left;
}



#main {
margin-left:210px;
color:#000;
padding-left: 7px;
border:solid 3px #ff00ff;

}


</style>
	</head>
	<body>
		
		<div id="container">
			<div id="header">
				<img src="phplogo.jpg">
			</div>
			<div id="left">
				<h2>
					Financiële links
				</h2>
				
				<a href="http://www.zibb.nl/" target="_blank">
					Zibb.nl
				</a>
			</div>
						
			<div id="main" >
				<p>
				Jaar 1 - 10500
				</p>
				<p>
				Jaar 2 - 11025
				</p>
				<p>
				Jaar 3 - 11576.25
				</p>
				<p>
				Jaar 4 - 12155.06
				</p>
				<p>
				Jaar 5 - 12762.81
				</p>
				<h1>
					Rente op rente
				</h1>
				<form action="" method="post">
					
					<p>
					<input type="text" name="startbedrag">
					 Het startbedrag
					</p>
					<p>
					<input type="text" name="rente">
					% De rente
					</p>
					<p>
					<input type="text" name="jaar">
					 Het aantal jaren dat je je geld laat staan
					</p>
					<p>
					<input type="submit" value="Bereken!">
					</p>
				</div>
			</div>
					
		</body>
	</html>

Hoe het werkt in FP weet ik niet, dan moet je een of ander menu kiezen en opties invullen.

In een text-html editor is het allemaal makkelijker en vlotter te doen.

Info op:
http://www.handleidinghtml.nl/

Plak bovenstaande code in kladblok en sla op als html file, open verkenner en klik op de file.
Trek het beeld smaller en kijk wat er gebeurt.

:cool:
 
Ik heb vele malen geprobeerd maar het lukt me maar niet met die codes, zou iemand me dit kunnen maken dan kan ik het html document sturen.

Alvast bedankt

Marcel :D
 
Status
Niet open voor verdere reacties.
Steun Ons

Nieuwste berichten

Terug
Bovenaan Onderaan