Archief - hotel site

Het archief is een bevroren moment uit een vorige versie van dit forum, met andere regels en andere bazen. Deze posts weerspiegelen op geen enkele manier onze huidige ideeën, waarden of wereldbeelden en zijn op sommige plaatsen gecensureerd wegens ontoelaatbaar. Veel zijn in een andere tijdsgeest gemaakt, al dan niet ironisch - zoals in het ironische subforum Off-Topic - en zouden op dit moment niet meer gepost (mogen) worden. Toch bieden we dit archief nog graag aan als informatiedatabank en naslagwerk. Lees er hier meer over of start een gesprek met anderen.

GregoryCo

Legacy Member
wel er staat tekst die over gaat in de header, en als je overflow doet verdwijnt die tekst gewoon, terwijl die gewoon naar onder moet geschoven worden, maar dat heb ik anders kunnen oplossen, en daarom zit ik nu met het probleem dat in IE6 de tekst teveel naar onder wordt geschoven

crap, in FF werkt ie ook niet naar behoren:s...
http://img169.imageshack.us/img169/926/naamloos1lg5.jpg
3 verschillende browser en 3 verschillende site's, om zot van te komen :angry:

GregoryCo

Legacy Member
zo is het perfect :D
je hebt waarschijnlijk de rand in dreamweaver gemaakt?
hoe heb je het gedaan? tnx btw :)

En voor die taalmogelijkheden; beter invoegen met CSS of als image?

ozl

Legacy Member
Die rand doe je gewoon in CSS

Waarschijnlijk toegepast op de "wrap" van de hele site.

border: 2px #000

JinX1989

Legacy Member
#positionering {
width:800px;
margin:auto;
text-align:left;
background-repeat:repeat-y;
background-color:#FFFFFF;
float:inherit;
border: solid 2px black
}

Dat toevoegen en verwijder de spatie na border: ;)

exxhal

Legacy Member
HTML:
body {
	background-image:url(http://users.skynet.be/fa314098/websiteonderdelen/achtergrond.jpg);
		}
	
#header {
	background-image:url(http://users.skynet.be/fa314098/websiteonderdelen/header.jpg);
	width:800px;
	height:170px;
	background-repeat:no-repeat;
	max-height:170px;
	max-width:800px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: none;
	border-left-style: solid;
	border-top-color: #000000;
	border-right-color: #000000;
	border-bottom-color: #000000;
	border-left-color: #000000;
	}
	
#inhoud {
	background-image:none;
	width:800px;
	height:auto;
	border:none;
	background-repeat:no-repeat;
	overflow:inherit;
	text-align:justify;
	background-color: #FFFFFF;
	}
	
#positionering {
	width:798px;
	margin:auto;
	text-align:left;
	height: 780px;
	background-color: #FFFFFF;
	border-top-style: none;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #000000;
	border-right-color: #000000;
	border-bottom-color: #000000;
	border-left-color: #000000;
	visibility: visible;
	border-top-width: 2px;
	border-right-width: 2px;
	border-bottom-width: 2px;
	border-left-width: 2px;
	}
#positionering1 {
	width:800px;
	margin:auto;
	text-align:left;
	height: 880px;
	background-color: #FFFFFF;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	border-top-color: #000000;
	border-right-color: #000000;
	border-bottom-color: #000000;
	border-left-color: #000000;
	visibility: visible;
	}
#inhoudpositie {
	font:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#404040;
	width: 615px;
	height: auto;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 0px;
	float: right;
	}
	
#nav {
	list-style: none;
	height: 169px;
	overflow: hidden;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 26px;
	padding-top: 13px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}


#nav li { 
  height: 34px;
}

#nav a {
  outline: none;
  text-decoration: none;
  height: 34px;
  width: 112px;
  display: block;
  background-image: url(http://users.skynet.be/fa314098/websiteonderdelen/menu.jpg);
}
#menu {
  float: left;
}

#home a {width: 112px;} #home a:hover, #home a:focus, #home.active a {width: 112px; background-position: -112px 0px;}
#info a {width: 112px; background-position: 0px -34px;} #info a:hover, #info a:focus, #info.active a {width: 112px; background-position: 112px -34px;}
#prices a {width: 112px; background-position: 0px -68px;} #prices a:hover, #prices a:focus, #prices.active a {width: 112px; background-position: 112px -68px;}
#location a {width: 112px; background-position: 0px -102px;} #location a:hover, #location a:focus, #location.active a {width: 112px; background-position: 112px -102px;}
#contact a {width: 112px; background-position: 0px -136px;} #contact a:hover, #contact a:focus, #contact.active a {width: 112px; background-position: 112px -136px;}

HTML:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />

<title>Il Casale - Poggibonsi</title>
<link href="default.css" rel="stylesheet" type="text/css" />

</head>

<body>

<div id="positionering1">
<div id="header"></div>
<div id="inhoud">
<div id="positionering">
  <div id="inhoudpositie">
  <p>er komt de inhoud en foto's... 
  Hier komt de inhoud en foto's... 
  Hier komt de inhoud en foto's... 
  HierHier komt de inhoud en foto's...  kot de inhoud en foto's... 
  Hier komt de inhoud en foto's... Hier komt de inhoud en foto's... Hier komt de inhoud en foto's... Hier komt de inhoud en foto's... Hier komt de inhoud en foto's... Hier komt de inhoud en foto's... Hier komt de inhoud en foto's... Hier komt de inhoud en foto's... Hier komt de inhoud en foto's... Hier komt de inhoud en foto's... Hier komt de inhoud en foto's... Hier komt de inhoud en foto's... Hier komt de inhoud en foto's... Hier komt de inhoud en foto's... Hier komt de inhoud en foto's... Hier komt de inhoud en foto's... Hier komt de inhoud en foto's... Hier komt de inhoud en foto's... Hier komt de inhoud en foto's... Hier komt de inhoud en foto's... Hier komt de inhoud en foto's... Hier komt de inhoud en foto's... Hier komt de inhoud en foto's...... Hier komt de inhoud en foto's... Hier komt de inhoud en foto's... Hier komt de inhoud en foto's... Hier komt de inhoud en foto's... Hier komt de inhoud en foto's... Hier komt de inhoud en foto's... Hier komt de inhoud en foto's... Hier komt de inhoud en foto's... Hier komt de inhoud en foto's... Hier komt de inhoud en foto's... Hier komt de inhoud en foto's... Hier komt de inhoud en foto's... Hier komt de inhoud en foto's... Hier komt de inhoud en foto's...  Hier komt de inhoud en foto's... Hier komt de inhoud en foto's... Hier komt de inhoud en foto's... Hier komt de inhoud en foto's... Hier komt de inhoud en foto's... Hier komt de inhoud en foto's... Hier komt de inhoud en foto's... Hier komt de inhoud en foto's... Hier komt de inhoud en foto's... Hier komt de inhoud en foto's... Hier komt de inhoud en foto's... ... Hier komt de inhoud en foto's... Hier komt de inhoud en foto's... Hier komt de inhoud en foto's... Hier komt de inhoud en foto's... Hier komt de inhoud en foto's... Hier komt de inhoud en foto's... Hier komt de inhoud en foto's... Hier komt de inhoud en foto's... Hier komt de inhoud en foto's... Hier komt de inhoud en foto's... Hier komt de inhoud en foto's... Hier komt de inhoud en foto's... Hier komt de inhoud en foto's... Hier komt de inhoud en foto's... Hier komt de inhoud en foto's... Hier komt de inhoud en foto's... Hier komt de inhoud en foto's... Hier komt de inhoud en foto's... Hier komt de inhoud en foto's... Hier komt de inhoud en foto's... Hier komt de inhoud en foto's... Hier komt de inhoud en foto's... Hier komt de inhoud en foto's... Hier komt de inhoud en foto's... Hier komt de inhoud en foto's... Hier komt de inhoud en foto's... Hier komt de inhoud en foto's... Hier komt de inhoud en foto's... Hier komt de inhoud en foto's... Hier komt de inhoud en foto's... Hier komt de inhoud en foto's... Hier komt de inhoud en foto's... Hier komt de inhoud en foto's... Hier komt de inhoud en foto's... Hier komt de inhoud en foto's... Hier komt de inhoud en foto's... Hier komt de inhoud en foto's... Hier komt de inhoud en foto's... Hier komt de inhoud en foto's... Hier komt de inhoud en foto's... Hier komt de inhoud en foto's... Hier komt de inhoud en foto's... Hier komt de inhoud en foto's... Hier komt de inhoud en foto's... Hier komt de inhoud en foto's... Hier komt de inhoud en foto's... Hier komt de inhoud en foto's... Hier ... Hier komt de inhoud en foto's... Hier komt de inhoud en foto's... Hier komt de inhoud en foto's... Hier komt de inhoud en foto's... Hier komt de inhoud en foto's... Hier komt de inhoud en foto's... Hier komt de inhoud en foto's... Hier komt de inhoud en foto's... Hier komt de inhoud en foto's... Hier komt de inhoud en foto's... Hier komt de inhoud en foto's... Hier komt de inhoud en foto's... Hier komt de inhoud en foto's... Hier komt de inhoud en foto's... Misschien is het beter zo, zonder onderste rand en kaders zodat ik zoveel tekst kan typen zoals ik wil? </p>
  <p>Misschien is het beter zo, zonder onderste rand en kaders zodat ik zoveel tekst kan typen zoals ik wil? </p>
  <p>Misschien is het beter zo, zonder onderste rand en kaders zodat ik zoveel tekst kan typen zoals ik wil? </p>
  <p>Misschien is het beter zo, zonder onderste rand en kaders zodat ik zoveel tekst kan typen zoals ik wil? </p>
  <p>Misschien is het beter zo, zonder onderste rand en kaders zodat ik zoveel tekst kan typen zoals ik wil? </p>

  <p>Misschien is het beter zo, zonder onderste rand en kaders zodat ik zoveel tekst kan typen zoals ik wil? </p>
  <p>Misschien is het beter zo, zonder onderste rand en kaders zodat ik zoveel tekst kan typen zoals ik wil? </p>
  <p>Misschien is het beter zo, zonder onderste rand en kaders zodat ik zoveel tekst kan typen zoals ik wil? </p>
  <p>Misschien is het beter zo, zonder onderste rand en kaders zodat ik zoveel tekst kan typen zoals ik wil? </p>
</div><div id="menu">
  <ul id="nav">
    <li id="home"><a href="ilcasale.htm"></a></li>
    <li id="info"><a href="info.htm"></a></li>
    <li id="prices"><a href="prices.htm"></a></li>
    <li id="location"><a href="location.htm"></a></li>
    <li id="contact"><a href="contact.htm"></a></li>
  </ul>
</div>
</div>
</div>
</div>
</body>







</html>

[HBV]-=XortioN=-

Legacy Member
[B!'X!R']['@(V);10368416 zei:
zo is het perfect :D
je hebt waarschijnlijk de rand in dreamweaver gemaakt?
hoe heb je het gedaan? tnx btw :)

En voor die taalmogelijkheden; beter invoegen met CSS of als image?

Alles dat je met dreamweaver kunt is gewoon pure css code die je zelf ook kan hoor, denk niet dat er veel echte css'ers zijn die alles met dreamweaver doen .. Aleja dat denk ik want zelf heb ik dreamweaver nog nooit gebruikt :p

Xavez

Legacy Member
holy crap @ exxhal! CSS shorthand: rings a bell? Wat een gigantisch stuk code voor niets!

exxhal

Legacy Member
:lol:het is niet mijn code, maar wel hotel zijn code een beetje aangepast.
(knippen en plakken)

Persoonlijk zou ik het ook helemaal anders doen.
Waar ben ik soms toch mee bezig.........:D
Het archief is een bevroren moment uit een vorige versie van dit forum, met andere regels en andere bazen. Deze posts weerspiegelen op geen enkele manier onze huidige ideeën, waarden of wereldbeelden en zijn op sommige plaatsen gecensureerd wegens ontoelaatbaar. Veel zijn in een andere tijdsgeest gemaakt, al dan niet ironisch - zoals in het ironische subforum Off-Topic - en zouden op dit moment niet meer gepost (mogen) worden. Toch bieden we dit archief nog graag aan als informatiedatabank en naslagwerk. Lees er hier meer over of start een gesprek met anderen.
Terug
Bovenaan