hulp gezocht
peterson - 30/05/2005 14:40
Nieuw lid
Hallo,
Ik ben bezig met een site, om jullie beter beeld te geven ben ik als volgt gestart:
-in photoshop gestart met de layout
-layout ingezoomd en gesliced
-opgeslaan als save for web (html)
-geopend in dreamweaver
-als index.htm opgeslaan
-iframe toegevoegd
Dit werk tot nu toe perfect!
Maar ik zit met 2 problemen namelijk:
-Iframe scrollbar kleuren werken niet in mozilla firefox?
-Mijn menu is tevens gesliced,
News, Team, Gallery, Words, Links, Contact (kleur= #00a9fc)
(dus GIF. Afbeelding die telkens eigen link bevat / dit al heeft hij prima terug in de Iframe)
maar ik had graag als je over een link in het menu heen gaat met de muis dat die link dan verandert van kleur niet constant enkel als je er maar eens over gaat..
Kent iemand deze code, om me terug verder te helpen?
mvg
13 antwoorden
Gesponsorde links
Tuinstoel - 30/05/2005 14:49
PHP expert
a) Dat klopt, dat doet firefox niet, en daar zul je mee moeten leven
b) Welke code gebruik je dan bij je mouseover?
ElCheapo - 30/05/2005 15:28
PHP beginner
Citaat:
ok, a uitgesloten dus..
b) Het is net die code waar ik naar zoek, tuinstoel
maar je zegt dat je niet wilt dat het constant verandert, dus blijkbaar heb je nu al iets, maar is dat niet helemaal wat je wilt.
Legolas - 30/05/2005 15:46 (laatste wijziging 30/05/2005 15:50)
Onbekend
bedoel je a:hover???
edit: die link doet het niet:o
Wijnand - 30/05/2005 15:55
Moderator
nee waarschijnlijk bedoeld hij dat het plaatje veranderd...
dus:
plaatje1 -> met je muis over het plaatje -> plaatje2 -> muis niet meer op het plaatje -> plaatje 1.
http://www.site...amp;id=341
http://www.wmci...amp;id=874
Verder zijn er zat websites waar je die code vandaan kan rippen.
Ik stuur je wel een pb'tje met een link.
Legolas - 30/05/2005 16:16
Onbekend
post die maar ja... kost mss 5 minuten om ff te wijzigen:)
peterson - 30/05/2005 16:18 (laatste wijziging 30/05/2005 16:48)
Nieuw lid
Dit is de html code, je ziet wel news, team, gallery, words, links en contact
<html>
<head>
<title>.: IZZEPARK :.</title>
<meta name="description" content="izzepark">
<meta name="keywords" content="izzepark, skate, skaten, skateboard, skatepark, news, team, gallery, words, links, contact">
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
</head>
<body bgcolor="#FFFFFF" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
<!-- ImageReady Slices (layout2.psd) -->
<table id="Table_01" width="100" height="100" border="0" cellpadding="0" cellspacing="0">
<tr>
<td colspan="8">
<img src="images/header.gif" width="1000" height="106" alt=""></td>
</tr>
<tr>
<td colspan="2"> <a href="news.htm" target="iframe"><img src="images/news.gif" alt="" width="255" height="34" border="0"></a></td>
<td> <a href="team.htm" target="iframe"><img src="images/team.gif" alt="" width="93" height="34" border="0"></a></td>
<td> <a href="gallery.htm" target="iframe"><img src="images/gallery.gif" alt="" width="137" height="34" border="0"></a></td>
<td> <a href="words.htm" target="iframe"><img src="images/words.gif" alt="" width="111" height="34" border="0"></a></td>
<td> <a href="links.htm" target="iframe"><img src="images/links.gif" alt="" width="96" height="34" border="0"></a></td>
<td colspan="2"> <a href="contact.htm" target="iframe"><img src="images/contact.gif" alt="" width="308" height="34" border="0"></a></td>
</tr>
<tr>
<td colspan="8">
<img src="images/layout_08.gif" width="1000" height="5" alt=""></td>
</tr>
<tr>
<td rowspan="2">
<img src="images/layout_09.gif" width="171" height="410" alt=""></td>
<td colspan="6" background="images/frame.gif" width="673" height="380">
<iframe src="news.htm" name="iframe" frameborder="0" width="673" height="380">
</iframe>
</td>
<td rowspan="2">
<img src="images/layout_11.gif" width="156" height="410" alt=""></td>
</tr>
<tr>
<td colspan="6">
<img src="images/layout_12.gif" width="673" height="30" alt=""></td>
</tr>
<tr>
<td colspan="8">
<img src="images/copyright.gif" width="1000" height="27" alt=""></td>
</tr>
<tr>
<td>
<img src="images/spacer.gif" width="171" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="84" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="93" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="137" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="111" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="96" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="152" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="156" height="1" alt=""></td>
</tr>
</table>
<!-- End ImageReady Slices -->
</body>
</html>
< html>
< head>
< title>.: IZZEPARK :.</ title>
< meta name= "description" content= "izzepark" >
< meta name= "keywords" content= "izzepark, skate, skaten, skateboard, skatepark, news, team, gallery, words, links, contact" >
< meta http- equiv= "Content-Type" content= "text/html; charset=iso-8859-1" >
</ head>
< body bgcolor= "#FFFFFF" leftmargin= "0" topmargin= "0" marginwidth= "0" marginheight= "0" >
<!-- ImageReady Slices ( layout2. psd) -->
< table id= "Table_01" width= "100" height= "100" border= "0" cellpadding= "0" cellspacing= "0" >
< tr>
< td colspan= "8" >
< img src= "images/header.gif" width= "1000" height= "106" alt= "" ></ td>
</ tr>
< tr>
< td colspan= "2" > < a href= "news.htm" target= "iframe" >< img src= "images/news.gif" alt= "" width= "255" height= "34" border= "0" ></ a></ td>
< td> < a href= "team.htm" target= "iframe" >< img src= "images/team.gif" alt= "" width= "93" height= "34" border= "0" ></ a></ td>
< td> < a href= "gallery.htm" target= "iframe" >< img src= "images/gallery.gif" alt= "" width= "137" height= "34" border= "0" ></ a></ td>
< td> < a href= "words.htm" target= "iframe" >< img src= "images/words.gif" alt= "" width= "111" height= "34" border= "0" ></ a></ td>
< td> < a href= "links.htm" target= "iframe" >< img src= "images/links.gif" alt= "" width= "96" height= "34" border= "0" ></ a></ td>
< td colspan= "2" > < a href= "contact.htm" target= "iframe" >< img src= "images/contact.gif" alt= "" width= "308" height= "34" border= "0" ></ a></ td>
</ tr>
< tr>
< td colspan= "8" >
< img src= "images/layout_08.gif" width= "1000" height= "5" alt= "" ></ td>
</ tr>
< tr>
< td rowspan= "2" >
< img src= "images/layout_09.gif" width= "171" height= "410" alt= "" ></ td>
< td colspan= "6" background= "images/frame.gif" width= "673" height= "380" >
< iframe src= "news.htm" name= "iframe" frameborder= "0" width= "673" height= "380" >
</ iframe>
</ td>
< td rowspan= "2" >
< img src= "images/layout_11.gif" width= "156" height= "410" alt= "" ></ td>
</ tr>
< tr>
< td colspan= "6" >
< img src= "images/layout_12.gif" width= "673" height= "30" alt= "" ></ td>
</ tr>
< tr>
< td colspan= "8" >
< img src= "images/copyright.gif" width= "1000" height= "27" alt= "" ></ td>
</ tr>
< tr>
< td>
< img src= "images/spacer.gif" width= "171" height= "1" alt= "" ></ td>
< td>
< img src= "images/spacer.gif" width= "84" height= "1" alt= "" ></ td>
< td>
< img src= "images/spacer.gif" width= "93" height= "1" alt= "" ></ td>
< td>
< img src= "images/spacer.gif" width= "137" height= "1" alt= "" ></ td>
< td>
< img src= "images/spacer.gif" width= "111" height= "1" alt= "" ></ td>
< td>
< img src= "images/spacer.gif" width= "96" height= "1" alt= "" ></ td>
< td>
< img src= "images/spacer.gif" width= "152" height= "1" alt= "" ></ td>
< td>
< img src= "images/spacer.gif" width= "156" height= "1" alt= "" ></ td>
</ tr>
</ table>
<!-- End ImageReady Slices
--> </ body>
</ html>
Legolas - 30/05/2005 16:25
Onbekend
head:
<style type='text/css'>
a:hover
{
color: orange;
}
</style>
< style type= 'text/css' >
a: hover
{
color: orange;
}
</ style>
hierdoor wordt het oranje, bij mousedinges
peterson - 30/05/2005 18:22
Nieuw lid
Mocht het nog iemand intressant zijn, kan je nog eens vergelijken ofzo, mvg peterson
<html>
<head>
<title>.: IZZEPARK :.</title>
<meta name="description" content="izzepark">
<meta name="keywords" content="izzepark, skate, skaten, skateboard, skatepark, news, team, gallery, words, links, contact">
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<script language="JavaScript" type="text/javascript">
function init()
{
if (!document.getElementById) return
rtag = "over";
var imgOriginSrc;
var imgTemp = new Array();
var imgarr = document.getElementsByTagName('img');
for (var i = 0; i < imgarr.length; i++)
{
if (imgarr[i].getAttribute(rtag))
{
imgTemp[i] = new Image();
imgTemp[i].src = imgarr[i].getAttribute(rtag);
imgarr[i].onmouseover = function()
{
imgOriginSrc = this.getAttribute('src');
this.setAttribute('src',this.getAttribute(rtag))
}
imgarr[i].onmouseout = function(){this.setAttribute('src',imgOriginSrc)}
}
}
}
onload=init;
</script>
</head>
<body bgcolor="#FFFFFF" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
<!-- ImageReady Slices (layout2.psd) -->
<table id="Table_01" width="100" height="100" border="0" cellpadding="0" cellspacing="0">
<tr>
<td colspan="8">
<img src="images/header.gif" width="1000" height="106" alt=""></td>
</tr>
<tr>
<td colspan="2"> <a href="news.htm" target="iframe"><img src="images/news.gif" over="images/news1.gif" alt="" width="255" height="34" border="0"></a></td>
<td> <a href="team.htm" target="iframe"><img src="images/team.gif" over="images/team1.gif" alt="" width="93" height="34" border="0"></a></td>
<td> <a href="gallery.htm" target="iframe"><img src="images/gallery.gif" over="images/gallery1.gif" alt="" width="137" height="34" border="0"></a></td>
<td> <a href="words.htm" target="iframe"><img src="images/words.gif" over="images/words1.gif" alt="" width="111" height="34" border="0"></a></td>
<td> <a href="links.htm" target="iframe"><img src="images/links.gif" over="images/links1.gif" alt="" width="96" height="34" border="0"></a></td>
<td colspan="2"> <a href="contact.htm" target="iframe"><img src="images/contact.gif" over="images/contact1.gif" alt="" width="308" height="34" border="0"></a></td>
</tr>
<tr>
<td colspan="8">
<img src="images/layout_08.gif" width="1000" height="5" alt=""></td>
</tr>
<tr>
<td rowspan="2">
<img src="images/layout_09.gif" width="171" height="410" alt=""></td>
<td colspan="6" background="images/frame.gif" width="673" height="380">
<iframe src="news.htm" name="iframe" frameborder="0" width="673" height="380">
</iframe>
</td>
<td rowspan="2">
<img src="images/layout_11.gif" width="156" height="410" alt=""></td>
</tr>
<tr>
<td colspan="6">
<img src="images/layout_12.gif" width="673" height="30" alt=""></td>
</tr>
<tr>
<td colspan="8">
<img src="images/copyright.gif" width="1000" height="27" alt=""></td>
</tr>
<tr>
<td>
<img src="images/spacer.gif" width="171" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="84" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="93" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="137" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="111" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="96" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="152" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="156" height="1" alt=""></td>
</tr>
</table>
<!-- End ImageReady Slices -->
</body>
</html>
Gesponsorde links
Dit onderwerp is gesloten .