Scripts - Tutorials - Forum - Downloads - Showcase - Contact

Artikels

VPN vergelijken

Algemeen

Beginpagina

FAQ

Grafische worm (243)

Links

Nieuwsartikels

Nieuwsarchief

Boeken programmeren

Overzicht

Samenwerken

Webhosting

Zoek op Sitemasters

Leden

Registreren

Ledenlijst

Ons team

Links

webhostingtop10.be

Sociale media

Follow @sitemasters

Sitemasters

Adverteren op Sitemasters?

Contacteer ons

RSS

Link naar ons

Donaties

Poll

Je moet ingelogd zijn om te stemmen.

Statistieken

Linkpartners

Forum

Categorieën > PHP

Arrow in link menu (Joomla)

rpgnox - 20/11/2010 10:18

PHP interesse

Ik wil graag dat wanneer een link actief is er een arrow naast wordt geplaatst. Zou iemand mij kunnen vertellen wat ik hiervoor in mijn css moet zetten?

Momenteel heb ik

php code - Bekijk de code zonder highlighting - Klap code in

                           <div id="nav-menuContainer"><div id="nav-menu">
 <ul class="menu-list"> 
	
	    <li>
		<ul class="category-list">
        <?php mosLoadModules ( 'left' ); ?>
        </ul></li>
        
        <br />
        
 	    <li>
		<ul class="category-list">
        <?php mosLoadModules ( 'user4' ); ?>
        </ul></li>     
        
        <br />
        
 	    <li>
		<ul class="category-list">
        <?php mosLoadModules ( 'user5' ); ?>
        </ul></li>    
     		     	
</div>

            
<div id="nav-menuContainer"><div id="nav-menu">
 <ul class="menu-list"> 
 
	    <li>
		<ul class="category-list">
        <?php mosLoadModules ( 'left' ); ?>
        </ul></li>
 
        <br />
 
 	    <li>
		<ul class="category-list">
        <?php mosLoadModules ( 'user4' ); ?>
        </ul></li>     
 
        <br />
 
 	    <li>
		<ul class="category-list">
        <?php mosLoadModules ( 'user5' ); ?>
        </ul></li>    
 
</div>
 

Als ik in mijn website source kijk via firefox zie ik nu

php code - Bekijk de code zonder highlighting - Klap code in

                <div id="nav-menuContainer"><div id="nav-menu">
 <ul class="menu-list"> 
	
	    <li>
		<ul class="category-list">
		<table cellpadding="0" cellspacing="0" class="moduletable">
			<tr>
			<td>
				
<div id="k2ModuleBox54" class="k2CategoriesListBlock ">
	<ul class="level0"><li><a href="/index.php?option=com_k2&amp;view=itemlist&amp;task=category&amp;id=1:sport"><span>Sport (2)</span></a></li><li><a href="/index.php?option=com_k2&amp;view=itemlist&amp;task=category&amp;id=2:voetbal"><span>Voetbal (1)</span></a></li><li><a href="/index.php?option=com_k2&amp;view=itemlist&amp;task=category&amp;id=3:nieuws"><span>Nieuws (11)</span></a></li></ul></div>

			</td>
		</tr>
		</table>
	        </ul></li>
        
        <br />
        
 	    <li>
		<ul class="category-list">
                </ul></li>     
        
        <br />

        
 	    <li>
		<ul class="category-list">
                </ul></li>    
     		     	
</div>
</div>


            
<div id="nav-menuContainer"><div id="nav-menu">
 <ul class="menu-list"> 
 
	    <li>
		<ul class="category-list">
		<table cellpadding="0" cellspacing="0" class="moduletable">
			<tr>
			<td>
 
<div id="k2ModuleBox54" class="k2CategoriesListBlock ">
	<ul class="level0"><li><a href="/index.php?option=com_k2&amp;view=itemlist&amp;task=category&amp;id=1:sport"><span>Sport (2)</span></a></li><li><a href="/index.php?option=com_k2&amp;view=itemlist&amp;task=category&amp;id=2:voetbal"><span>Voetbal (1)</span></a></li><li><a href="/index.php?option=com_k2&amp;view=itemlist&amp;task=category&amp;id=3:nieuws"><span>Nieuws (11)</span></a></li></ul></div>
 
			</td>
		</tr>
		</table>
	        </ul></li>
 
        <br />
 
 	    <li>
		<ul class="category-list">
                </ul></li>     
 
        <br />
 
 
 	    <li>
		<ul class="category-list">
                </ul></li>    
 
</div>
</div>
 

In mijn template css heb ik al verschillende dingen geprobeert om iets neer te zetten als

php code - Bekijk de code zonder highlighting - Klap code in

                background-image:url("../images/portlet-arrow.gif");
	background-position:right 4px;
	background-repeat:no-repeat;

            
background-image:url("../images/portlet-arrow.gif");
	background-position:right 4px;
	background-repeat:no-repeat;
 

Maar ik krijg het maar niet werkend.

Hopelijk dat iemand hier enige ondersteuning mee kan bieden

2 antwoorden

Gesponsorde links

MrWolf - 23/11/2010 16:43 (laatste wijziging 23/11/2010 16:44)

Lid

css code - Bekijk de code zonder highlighting - Klap code in

                a {	
	padding-right:32px; /* breedte van de pijl */
}
a:hover {
	background-repeat:no-repeat;
	background-image:url(../images/portlet-arrow.gif);
	background-position:right;
	background-attachment:scroll;
}

            
a {	
	padding-right:32px; /* breedte van de pijl */
}
a:hover {
	background-repeat:no-repeat;
	background-image:url(../images/portlet-arrow.gif);
	background-position:right;
	background-attachment:scroll;
}
 

Dat zou moeten werken.

Mnr. Wolf

Kevin - 23/11/2010 21:31
Crew Ajax/REST		@rpgnox: lange stukken code graag op http://www.plaatscode.be

Gesponsorde links

Je moet ingelogd zijn om een reactie te kunnen posten.

Actiefste leden van de maand

Actieve forumberichten