login  Naam:   Wachtwoord: 
Registreer je!
 Forum

hulp gezocht

Offline peterson - 30/05/2005 14:40
Avatar van petersonNieuw 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
Offline Tuinstoel - 30/05/2005 14:49
Avatar van Tuinstoel 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?
Offline peterson - 30/05/2005 15:21
Avatar van peterson Nieuw lid ok, a uitgesloten dus..
b) Het is net die code waar ik naar zoek, tuinstoel 
Offline ElCheapo - 30/05/2005 15:28
Avatar van ElCheapo 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.
Offline peterson - 30/05/2005 15:35
Avatar van peterson Nieuw lid Sorry,
Ik ben wss nie zo duidelijk geweest,
dit is een voorbeeld site
http://www.clicheskate.com/news/news.php
mijn doel is zo'n menu te bereiken als de vb site
Offline Legolas - 30/05/2005 15:46 (laatste wijziging 30/05/2005 15:50)
Avatar van Legolas Onbekend bedoel je a:hover???
edit: die link doet het niet:o
Offline peterson - 30/05/2005 15:51
Avatar van peterson Nieuw lid :D jawel!

enkel weet ik niet hoe ik er moet aanbeginnen 
Offline Wijnand - 30/05/2005 15:55
Avatar van Wijnand 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.
Offline Wijnand - 30/05/2005 16:11
Avatar van Wijnand Moderator sorry ik had het fout.

Dat bedoelde hij dus niet 
Offline peterson - 30/05/2005 16:15
Avatar van peterson Nieuw lid als ik die html code van mijn index eens post zou het eventueel niet gemaklijker zijn 
Offline Legolas - 30/05/2005 16:16
Avatar van Legolas Onbekend post die maar ja... kost mss 5 minuten om ff te wijzigen:)
Offline peterson - 30/05/2005 16:18 (laatste wijziging 30/05/2005 16:48)
Avatar van peterson Nieuw lid Dit is de html code, je ziet wel news, team, gallery, words, links en contact


  1. <html>
  2. <head>
  3. <title>.: IZZEPARK :.</title>
  4. <meta name="description" content="izzepark">
  5. <meta name="keywords" content="izzepark, skate, skaten, skateboard, skatepark, news, team, gallery, words, links, contact">
  6. <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
  7. </head>
  8. <body bgcolor="#FFFFFF" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
  9. <!-- ImageReady Slices (layout2.psd) -->
  10. <table id="Table_01" width="100" height="100" border="0" cellpadding="0" cellspacing="0">
  11. <tr>
  12. <td colspan="8">
  13. <img src="images/header.gif" width="1000" height="106" alt=""></td>
  14. </tr>
  15. <tr>
  16.  
  17. <td colspan="2"> <a href="news.htm" target="iframe"><img src="images/news.gif" alt="" width="255" height="34" border="0"></a></td>
  18.  
  19. <td> <a href="team.htm" target="iframe"><img src="images/team.gif" alt="" width="93" height="34" border="0"></a></td>
  20.  
  21. <td> <a href="gallery.htm" target="iframe"><img src="images/gallery.gif" alt="" width="137" height="34" border="0"></a></td>
  22.  
  23. <td> <a href="words.htm" target="iframe"><img src="images/words.gif" alt="" width="111" height="34" border="0"></a></td>
  24.  
  25. <td> <a href="links.htm" target="iframe"><img src="images/links.gif" alt="" width="96" height="34" border="0"></a></td>
  26.  
  27. <td colspan="2"> <a href="contact.htm" target="iframe"><img src="images/contact.gif" alt="" width="308" height="34" border="0"></a></td>
  28. </tr>
  29. <tr>
  30. <td colspan="8">
  31. <img src="images/layout_08.gif" width="1000" height="5" alt=""></td>
  32. </tr>
  33. <tr>
  34. <td rowspan="2">
  35. <img src="images/layout_09.gif" width="171" height="410" alt=""></td>
  36. <td colspan="6" background="images/frame.gif" width="673" height="380">
  37. <iframe src="news.htm" name="iframe" frameborder="0" width="673" height="380">
  38. </iframe>
  39. </td>
  40. <td rowspan="2">
  41. <img src="images/layout_11.gif" width="156" height="410" alt=""></td>
  42. </tr>
  43. <tr>
  44. <td colspan="6">
  45. <img src="images/layout_12.gif" width="673" height="30" alt=""></td>
  46. </tr>
  47. <tr>
  48. <td colspan="8">
  49. <img src="images/copyright.gif" width="1000" height="27" alt=""></td>
  50. </tr>
  51. <tr>
  52. <td>
  53. <img src="images/spacer.gif" width="171" height="1" alt=""></td>
  54. <td>
  55. <img src="images/spacer.gif" width="84" height="1" alt=""></td>
  56. <td>
  57. <img src="images/spacer.gif" width="93" height="1" alt=""></td>
  58. <td>
  59. <img src="images/spacer.gif" width="137" height="1" alt=""></td>
  60. <td>
  61. <img src="images/spacer.gif" width="111" height="1" alt=""></td>
  62. <td>
  63. <img src="images/spacer.gif" width="96" height="1" alt=""></td>
  64. <td>
  65. <img src="images/spacer.gif" width="152" height="1" alt=""></td>
  66. <td>
  67. <img src="images/spacer.gif" width="156" height="1" alt=""></td>
  68. </tr>
  69. </table>
  70. <!-- End ImageReady Slices -->
  71. </body>
  72. </html>
Offline Legolas - 30/05/2005 16:25
Avatar van Legolas Onbekend head:
  1. <style type='text/css'>
  2. a:hover
  3. {
  4. color: orange;
  5. }
  6. </style>

hierdoor wordt het oranje, bij mousedinges
Offline peterson - 30/05/2005 18:22
Avatar van peterson 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.
Actieve forumberichten
© 2002-2024 Sitemasters.be - Regels - Laadtijd: 0.253s