Helaas ben ik genoot zaakt om deze domein te gebruiken voor deze klant. Aangezien mijn domein nog niet vervangen is door een ander door me huidige hoster. Ik zal het zeer op prijs stellen als u hier dan ook niet verder over wil praten en me gewoon zal willen helpen.
Alvast bedankt.
Franky
Beste leden,
Ik heb een probleempje met mijn lay-out hij laat hem niet goed zien in internet explorer maar, bij de andere browsers staat alles wel goed.
Het probleem is dat mijn dropdown menu schuin komt te staan in internet explorer en de color chancher te ver naar boven staat. IK hoop dat jullie me misschien een stukje opweg kunnen helpen met dit probleem.
Voorbeeld site: Klik hier
Css (style.css):
*{
margin:0px;
padding:0px;
}
body{
background: #014003;
}
#top{
margin-top:10px;
margin-bottom:10px;
width:992px;
height:33px;
text-align:left;
clear: both;
}
#header{
background:url(../images/header.gif);
width:992px;
height:230px;
}
#menu{
background:url(../images/menu.gif) no-repeat;
width:992px;
height:41px;
}
.menu{
padding-top:7px;
color:#FFFFFF;
}
#content{
overflow:hidden;
background:#ffffff;
width:992px;
height:auto;
min-height:20px;
}
#clinks {
float:left;
margin-left:41px;
margin-bottom:5px;
text-align:left;
width: 588px;
}
#crechts {
text-align:left;
float:right;
margin-right: 41px;
width:270px;
margin-bottom:10px;
}
#crechts img{
margin-top:20px;
}
#footer{
background:#fff;
width:992px;
height:35px;
margin-bottom:10px;
}
.footerttekst{
float:left;
font-weight:bold;
font-size:16px;
padding-left:41px;
padding-top:10px;
}
.footerzoom{
color:#FFFFFF;
float:right;
text-align:left;
width:200px;
margin-right:20px;
}
#h1{
text-decoration:underline;
text-width:20;
}Css (menu.css)
#nav, #nav ul {
padding: 0px 0 0 0;
margin: 0;
list-style: none;
}
#nav li {
float: left;
width: 120px;
}
#nav ul {
position: absolute;
width: 120px;
left: -1000px;
}
#nav li:hover ul, #nav li.ie_does_hover ul {
left:auto;
margin-left:20px;
}
#nav a {
display: block;
text-decoration: none;
}
ul a{
font-weight: bold;
color: #FFFFFF;
cursor: default;
}
ul ul a:link, ul ul a:visited{
font-weight: normal;
color: #CCC;
cursor: pointer;
}
ul ul a:hover, ul ul a:active{
font-weight: normal;
color: #FFF;
cursor: pointer;
}
ul ul li{
background:url(../images/dropdown.jpg) repeat;
border-left: 0;
}
/* IE only hack \*/
* html ul li, * html ul ul li{
border-bottom: 0px solid #FFF;
}
* html ul ul li{
border-top: 0;
}
/* Einde IE only hack */index.php:
<?php
include_once"include/config.php"
?>
<html>
<head>
<title>Zorgboerderij-Dagverblijf "De PrinsHoeve"</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<link rel="stylesheet" href="style/style.css" type="text/css">
<link rel="stylesheet" href="style/menu.css" type="text/css">
<script>
var z=1;
function inzoomen(){
z=z+.1;document.body.style.zoom=z;}
function uitzoomen(){
z=z-.1;document.body.style.zoom=z;}
</script>
<script type="text/javascript">
function changeBackColor ( color ) {
document.body.style.background = color;
}
</script>
<script language="JavaScript">
sfHover = function() {
var sfEls = document.getElementById("nav").getElementsByTagName("LI");
for (var i=0; i<sfEls.length; i++) {
sfEls[i].onmouseover=function() {
this.className+=" ie_does_hover";
}
sfEls[i].onmouseout=function() {
this.className=this.className.replace(new RegExp(" ie_does_hover\\b"), "");
}
}
}
if (window.attachEvent) window.attachEvent("onload", sfHover);
</script>
</head>
<body>
<center>
<div id="top">
<a href="#" onclick="changeBackColor('#0000FF')"><img border="0" src="images/blauw.gif"></a><a href="#" onclick="changeBackColor('#014003')"><img border="0" src="images/groen.gif"></a>
</div>
<div id="header"></div>
<div id="menu">
<div class="menu">
<ul id="nav">
<li><a href="index.php?x=voorpagina/index.php">Startpagina</a></li>
<li><a href="#">Ons aanbod</a>
<ul>
<li><a href="index.php?x=aanbod/voorwie/index.php">Voor wie?</a></li>
<li><a href="index.php?x=aanbod/dagindeling/index.php">Dag indeling</a></li>
</ul>
</li>
<li><a href="index.php?x=activiteiten/index.php">Activiteiten </a>
<ul>
<li><a href="index.php?x=activiteiten/boerderij/index.php">Rond de boerderij</a></li>
<li><a href="index.php?x=activiteiten/binnen/index.php">Binnen</a></li>
<li><a href="index.php?x=activiteiten/uitstapjes/index.php">Uitstapjes</a></li>
<li><a href="index.php?x=activiteiten/foto/index.php">Foto's</a></li>
</ul>
</li>
<li><a href="index.php?x=vrijwilligers/index.php">Vrijwilligers</a></li>
<li><a href="index.php?x=nieuws/index.php">Nieuws</a></li>
<li><a href="index.php?x=links/index.php">Links</a></li>
<li><a href="index.php?x=gastenboek/index.php&page=start">Gastenboek</a></li>
<li><a href="index.php?x=contact/index.php">Contact</a></li>
</ul>
</div>
</div>
<div id="content">
<div id="clinks">
<?php
If(!$_GET['x'])
{
include("website/voorpagina/index.php");
}
Else
{
$include = include("website/".$_GET['x']."");
If(!$include)
{
echo 'fout include';
}
}
?>
</div>
<div id="crechts">
<h1><u>Linkpartners</u></h1>
<br>
<marquee direction="up" scrolldelay="150" height="300" OnMouseOver="this.stop()" OnMouseOut="this.start()">
<a target="_blank" href="http://www.thuiszorggroningen.nl/"> <img border="0" width="75%" height="100" src="images/linkpartners/1.jpg"> </a>
<a target="_blank" href="http://www.icare.nl"> <img border="0" width="75%" height="100" src="images/linkpartners/2.jpg"> </a>
<a target="_blank" href="http://www.buurtzorgnederland.com/"> <img border="0" width="75%" height="100" src="images/linkpartners/3.jpg"> </a>
<a target="_blank" href="http://www.zgmeander.nl/"> <img border="0" width="75%" height="100" src="images/linkpartners/4.jpg"> </a>
<a target="_blank" href="http://www.arlero.nl/"> <img border="0" width="75%" height="100" src="images/linkpartners/5.jpg"> </a>
<a target="_blank" href="http://www.pgb-serviceburo.nl/"> <img border="0" width="75%" height="100" src="images/linkpartners/6.jpg"> </a>
</marquee>
</div>
</div>
<div id="footer">
<div class="footerzoom">
<a href="#" type="button" value="+" onClick="inzoomen();"><img border="0" src="images/+.png"></a>
<a href="#" type="button" value="-" onClick="uitzoomen();"><img border="0" style="margin-left:20px;" src="images/-.png"></a>
</div>
<div class="footerttekst">
© Zorgboerderij-Dagverblijf "De PrinsHoeve"
</div>
</div>
</center>
</body>
</html>Met vriendelijke groet,
Franky
EDIT:
Voor de duidelijkheid nog even in het kort de fouten:
1. De colorchancher links boven staat bij internet expolorer niet tegen de header aan zoals in andere browsers
2. dropdown menu laadt in internet explorer niet er netjes onder zoals in alle andere browsers.
Excuses voor me fout, het is inderdaad javascript ja.
Back ontopic:
Kan ik op de manier die jij meegaf de menu image te gelijk veranderen met de background color? Zoja, hoe zal dat moeten? Ik heb hier zelf helaas nog geen idee van. Heb het net wel even geprobeerd maar ik kom nergens op uit.
De inzoom functie is nodig omdat het voor een zorgboerderij is. Mijn klanten willen graag dat oudere slecht ziende mensen de pagina simpel kunnen vergroten.
Waarom word dit niet bij het oude topic van RiiCk toegevoegd? Die heeft toen ook alle moeite gedaan om een aantal tuts te vinden voor de leden? en paar geschreven.
Groetjes,
Franky
Beste Criminalspoint leden,
Mijn ervaring is nog niet super hoog met javascript. Maar, zoals vele mensen wil ik ook weer is wat bijleren en bouw ik een mijn nieuwe systeem voor een klant een color chancher en een + - optie voor de grote van de pagina.
Vraag 1:
Nu is mijn probleem dat bij de + - optie de mozzila firefox browser dit niet ondersteund? Licht dit aan mijn script of firefox zelf?
Script vraag 1:
<head>
<script>
var z=1;
function inzoomen(){
z=z+.1;document.body.style.zoom=z;}
function uitzoomen(){
z=z-.1;document.body.style.zoom=z;}
</script>
</head>
<body>
<div class="footerzoom">
<a href="#" type="button" value="+" onClick="inzoomen();"><img border="0" src="images/+.png"></a>
<a href="#" type="button" value="-" onClick="uitzoomen();"><img border="0" style="margin-left:20px;" src="images/-.png"></a>
</div>
</body>Vraag 2:
Met de color chancher kun je het achtergrond veranderen. Nu is mijn probleem dat de klant een groen menu wou en een groen achtergrond. + Een blauw menu en achtergrond. Maar, het menu is gewoon een afbeelding anders kon de border er niet goed om heen komen. Kun je met java ook zorgen dat de menu (afbeelding) ook verkleurd als ik op de groene/blauwe knop druk? [offtopic](ik snap dat ik hiervoor ook een blauwe menu plaatje moet hebben. Die heb ik al)[/offtopic]
Script Vraag 2:
<head>
<script type="text/javascript">
function changeBackColor ( color ) {
document.body.style.background = color;
}
</script>
</head>
<body>
<div id="top">
<a href="#" onclick="changeBackColor('#0000FF')"><img border="0" src="images/blauw.gif"></a><a href="#" onclick="changeBackColor('#014003')"><img border="0" src="images/groen.gif"></a>
</div>
</body>Alvast bedankt voor jullie hulp/tijd:)
Groetjes,
Franky
___________
Edit:
Voor een online voorbeeld kun je trouwens kijken: Klik Hier!
Best te zien in firefox / chrome
Internet explorer showt geen dropdown en zet het verkeerd neer. (komt nog wel goed)
[offtopic](niet klagen over de lay-out of andere dingen zijn gewenste dingen van de klant!)[/offtopic]
Heb je deze source zelf gemaakt ? komt me bekend voor stond ooit eens bij linkpartners maar ja vind goeie site goede opties behalve dan met inloggen
Originaliteit: 8/10
Layout: 7.5/10
Overzicht: 9/10
Algemeen: 7/10
Nou met die effecten word ie er niet mooier op.. doe eens een schaduw in header aan beide kanten. Dat lijkt wel mooi.
7/10 Dat omdat ik hem beetje lelijk vind met die titels zeg maar zo rond bij menu? De kleur vind ik ook niet bepaald wat. Voor de rest is ie oke;)
Je leert het nog wel:$
Mijn vriendin komt uit amerika. Ze is van oorsprong amerika maar ze kan goed nederlands. Het enige jammere is je familie ga je missen, heeft ze ook gehad. Je moet uitkijken voor die amerikanen want er kan nog al wat problemen ontstaan(ga ik niet verder op in). Je leert beter engels maar je krijgt wel een beetje een ander accent. Maar als je denkt dat je het daar verder kunt schoppen dan hier in Nederland zou ik het zeker doen. maar ga niet uit van de American Dream want dat gaat je denk ik niet lukken.
Veel plezier,
Frank
Ik heb laatste stap gepost. Ik laat hem zo denk ik, wat zou de waarde kunnen zijn voor deze layout schatten jullie?
Met vriendelijke groet,
Frank sijbom
Dat met linkpartners klopt.
Met vriendelijke groet,
Frank sijbom.
Ik zie geen fouten, goede 1e x van een slice. Wat ik wel zou doen is bij de login vak de randjes er om weg halen dit kan met border: none; nou weet ik niet waar ie bij moet zo maar bij mij was het wel gelukt.
Met vriendelijke groet,
Frank sijbom
Die effect op de achtergrond is niet bepaald mooi, die bij algemeen ook niet en vul je header met een kleur op. En als je portfolio wil maken zou ik wat meer kleuren gebruiken.
Met vriendelijke groet,
Frank sijbom
Menu headers? Wat bedoelt u daar mee?
Zoals ik al zei, ik ben meer van de een kleurig. Anders weet ik nooit welke kleuren ik moet gebruiken.
Met vriendelijke groet,
FRank sijbom.
Ik zal eens kijken;) Ik heb wel een effect er in maar die zie je amper dat zit in de header. en screens maar die vallen niet op. Ik probeer wat leuks te doen maar die copyright hoe kan ik daar wat leuks van maken aangezien ik dat nooit doe 
Stap 2:
Ik zal er even een menutje bij doen. Voor screens. Dan lijkt ie hopelijk wat voller:)
Beste mensen,
ik heb vandaag weer een layout gemaakt, hijs een beetje simpel maar ik vind het wel wat hebben. Ik ben ook een voorstander van beetje de zelfde kleuren.
Ik ben benieuwd wat jullie er van vinden.
stap 1:
stap 2:
stap 3:
stap 4:
stap 5 & laatste stap:
Wat zou de waarde zijn? Met eventuele aanpassingen?
Met vriendelijke groet,
Frank sijbom
Ik vind op zich wel leuk kleur gebruik maar de font vind ik helemaal niks hebben. Ik zou gewoon Arial doen. En die hokjes onder in de blauw vind ik er niet bij passen zo.