Ayuda con Extension de Google Chrome

Ootl · #1 (**permalink**) 13/01/2011, 16:07

Hola, estoy haciendo un extensión de Google Chrome pero no logro agregarle un link sin que pierda el estilo...

El Style:

Código:

.menuitem {
	height:20px;
	line-height:20px;
	padding: 2px 4px;
	white-space:nowrap;
	vertical-align:middle; 
                   A:link, A:visited { text-decoration: none }
}

.menuitem:hover {
	color: #ffffff;
	cursor:Pointer;
	background:url(assets/menu_bg.png);
}

.menuitem img {
	float:left;
	margin-top:2px;
	margin-right:4px;
}

El código:

Código HTML:

<body>
	<div id="overlay">

	</div>
	<div class='menuitem'>
		<img src="assets/img1.png"/> Texto
	</div>
	<hr/>
	<div class='menuitem'>
		<img src="assets/img2.png"/> Texto
	</div>
	<div class='menuitem'>
		<img src="assets/img3.png"/> Texto
	</div>
	<div class='menuitem'>
		<img src="assets/img4.png"/> Texto
	</div>
</body>

Alguien me puede ayudar?
Perdón si iba en otra categoría, pero no sabía donde ponerlo...

Ootl · #2 (**permalink**) 13/01/2011, 17:15

Aviso que ya probe con:

<div class='menuitem'><a href="mienlace.html">
<img src="assets/img4.png"/> Texto</a>
</div>

Pero no sirve :S

daPhyre · #3 (**permalink**) 25/03/2011, 13:58

Es posible que el error esté aquí:

Código:

.menuitem {
	height:20px;
	line-height:20px;
	padding: 2px 4px;
	white-space:nowrap;
	vertical-align:middle; 
→→→                  A:link, A:visited { text-decoration: none }
}

Eso debe ir después de cerrar la llave, no antes. Suerte