Beste leden,
Ik heb hier een pagina liggen welke al helemaal gebased is en waar de teksten ook al aan zijn toegevoegd. Nu wil de klant graag bij de mouse over, dat deze blijft staan zodra je daarop klikt. Dit is een mouse over als plaatje en er is ook een mouse over als textlink. Nu ben ik op zoek naar iemand die mij hiermee kan helpen. Is een klein klusje, maar heb er zelf geen tot zeer weinig verstand van. Wil dit graag vandaag nog opgelost hebben, dus hopelijk is er iemand die mij kan helpen.
Met vriendelijke groet,
Tim
- Basing hulp gezocht
-
28-07-2009, 13:33 #1
- Berichten
- 927
- Lid sinds
- 19 Jaar
Basing hulp gezocht
-
29-07-2009, 20:35 #2
- Berichten
- 427
- Lid sinds
- 16 Jaar
heb je voorbeeld?
-
29-07-2009, 20:38 #3
- Berichten
- 19
- Lid sinds
- 16 Jaar
Dit kan je denk ik beter doen in php , heeft dus vrij weinig met basing te maken ;)
-
29-07-2009, 22:15 #4
- Berichten
- 927
- Lid sinds
- 19 Jaar
Heeft wel degelijk met basing te maken. Het gaat om een stuk CSS, welke dus onder de basing valt. Ik heb verschillende berichtjes gehad, maar tot op heden is het nog niet opgelost. Ook is het even afwachten wat de klant zelf zegt.
-
29-07-2009, 22:44 #5
- Berichten
- 427
- Lid sinds
- 16 Jaar
Probeer dit :
#advies:hover {
width: 89px;
height: 57px;
background: url('images/buttons/_advies.png') no-repeat;
}
ETC.....
Aanvullend bericht:
Sry my fout!
Dit moet je gebruiken:
#advies:active {
width: 89px;
height: 57px;
background: url('images/buttons/_advies.png') no-repeat;
}
Aanvullend bericht:
werkt nog steeds niet?Laatst aangepast door radule vucetic : 30-07-2009 om 10:07 Reden: Automatisch samengevoegd.
-
30-07-2009, 12:47 #6
- Berichten
- 59
- Lid sinds
- 19 Jaar
Waarom zou de mouse over moeten blijven staan? Of bedoel je dat je bij de home page, de home link het mouseover effect heeft? En dit zo voor elke pagina.
-
30-07-2009, 13:06 #7
- Berichten
- 927
- Lid sinds
- 19 Jaar
Het moet zeg maar zo zijn: Ik klik op de pagina Contact bijvoorbeeld. Nadat ik op geklikt heb, wordt ik natuurlijk doorgestuurd naar de contact pagina. Als ik mij dan op de contactpagina bevind, moet het zo zijn dat de mouse over in het menu blijft staan, zodat een bezoekers weet, dat deze zich op de contactpagina bevind. Dit inderdaad bij elke pagina.
-
30-07-2009, 13:23 #8
- Berichten
- 632
- Lid sinds
- 19 Jaar
Dan moet je gewoon bij de <li> of <a> id="active" erin zetten bij de link waar je op dat moment zit.
Met een php scriptje kan je erachter komen op welke pagina je zit:
PHP Code:<a href="" <?php if($page == "1"){echo "id='active'";} ?>>link</a>
PHP Code:<?php $page = "1"; ?>
-
30-07-2009, 13:44 #9
- Berichten
- 59
- Lid sinds
- 19 Jaar
Inderdaad zo moet het. Heeft dus niets met basing te maken.
-
30-07-2009, 13:46 #10
- Berichten
- 927
- Lid sinds
- 19 Jaar
Zoals ik zei heb ik totaal geen verstand van, van zowel basing, html en basing. Ik ga het eens proberen. Overigens had ik nog een puntje, jij geeft een textlink aan, maar het gaat hier ook om een mouse over als image, maakt dit enig verschil?
Laatst aangepast door Tim E : 30-07-2009 om 13:52
-
30-07-2009, 14:13 #11
- Berichten
- 59
- Lid sinds
- 19 Jaar
Als je met een header-file werkt kun je deze php code gebruiken:
<a href="" <?php if($page == "1"){echo "id='active'";} ?>>link</a>
Anders kun je gewoon op iedere pagina bij de juiste link id="active" plaatsen.
In je css ga je dan die a#active stylen. Als je met images werkt zul je aan iedere link een unieke id moeten geven.
Stel dat dit je menu is:
<ul>
<li><a href="index.html"><img src="menu_home.jpg" alt="Home" /></a></li>
<li><a href="contact.html"><img src="menu_contact.jpg" alt="Contact" /></a></li>
</ul>
Op je index.html plaats je dan dit:
<ul>
<li><a href="index.html" id="active_home"><img src="menu_home.jpg" alt="Home" /></a></li>
<li><a href="contact.html"><img src="menu_contact.jpg" alt="Contact" /></a></li>
</ul>
En op je contact.html dit:
<ul>
<li><a href="index.html"><img src="menu_home.jpg" alt="Home" /></a></li>
<li><a href="contact.html" id="active_contact"><img src="menu_contact.jpg" alt="Contact" /></a></li>
</ul>
Je CSS:
ul li a#active_home {
background: url(images/menu_active_home.jpg);
}
ul li a#active_contact {
background: url(images/menu_active_contact.jpg);
}
-
30-07-2009, 23:03 #12
- Berichten
- 427
- Lid sinds
- 16 Jaar
Lukt het?
-
01-08-2009, 12:43 #13
- Berichten
- 927
- Lid sinds
- 19 Jaar
Ik heb er helaas nog geen tijd voor kunnen vinden! In ieder geval bedankt voor de oplossing en mocht ik er neit uitkomen laat ik het natuurlijk weer even weten. Hartelijk dank allemaal ;)
Plaats een
- + Advertentie
- + Onderwerp
Marktplaats
Webmasterforum
- Websites algemeen
- Sitechecks
- Marketing
- Domeinen algemeen
- Waardebepaling
- CMS
- Wordpress
- Joomla
- Magento
- Google algemeen
- SEO
- Analytics
- Adsense
- Adwords
- HTML / XHTML
- CSS
- Programmeren
- PHP
- Javascript
- JQuery
- MySQL
- Ondernemen algemeen
- Belastingen
- Juridisch
- Grafisch ontwerp
- Hosting Algemeen
- Hardware Info
- Offtopic