consulta sobre estilos y ul li

[ferranWEB]

buenas a todos,

tengo el siguiente problema. tengo diseñada mi pagina con unos estilos main, que casi siempre utilizo ya que tengo todo muy bien estructurado por divs.

me he descargado un tutorial para hacer hacer un tooltip de la imagen con la clase query. y el problema está al insertar el pequeño codigo en mi pagina, imagino que habran 2 estilos llamados igual y no se como hacerlo.

lo unico que hace es llamar a una class preview, y tengo 2 .js. el problema esta cuando inserto los 2 .js junto con los otros falla.. hay alguna manera de hacerlo? includes o similar?

saludos!

[ferranWEB]

buenas,

he hecho una prueba, y sacando la imagen de la div, me funciona. asi que tengo mal aplicado el estilo seguro. el estilo es:

Código:

#preview{
	position:absolute;
	border:1px solid #ccc;
	background:#333;
	padding:5px;
	display:none;
	color:#fff;
	}


<div id="tabla">

<div> mi codigo </div>

</div>

de que forma hago que el #preview afecte al contenido de la div tabla?¿

saludos!

[vgonga1986]

Buenas,

A ver, es poco el código que has dado, pero te comento. Según tienes el CSS, esas propiedades se aplicarán a un tag HTML que tenga id="preview". Si lo que quieres es que se apliquen al de id="tabla", tendrás que poner una entrada con #tabla y poner dentro las propiedades.

Pero mejor aún, si tienes varios tags con id con las mismas propiedades, sería mejor crear una clase, es decir, class="preview" y añadirla a los dos tags. Para aplicar las propiedades tienes que hacer .preview.

Espero que te sirva, un saludo.

[ferranWEB]

el problema esta en que el estilo no me hace caso o no me lo reconoce dentro de la div. si lo saco de la div y dejo el #preview en style me funciona perfectamente el rollover... como puedo hacer que dentro de la div me reconozca preview?

saludos!

[vgonga1986]

Te lo acabo de responder, concéntrate y vuelve a leer mi post anterior.

Si no tienes ni idea de CSS y HTML, te sugiero que pases por la wiki de este foro y eches un ojo a los manuales.

Un saludo.

[ferranWEB]

gracias no habia visto tu post!

estoy mirando los tutos pero no acabo de entenderlo. el caso es que tengo los estilos de la siguiente forma:

#Tabla {.....

#info_ {....

#info_ {....

donde tabla es donde estan metidas cada una de las divs. y la programacion del estilo preview, que si lo saco fuera de la div y funciona tiene un clas="preview" y un #preview{... en la pagina principal...

de que forma aplico el preview a toda el contenido de la tabla div? he probado:

#Tabla .preview

y no me funciona. que hago mal?

saludos!

[vgonga1986]

Te estás ahogando en un vaso de agua, porque estás mezclando cosas.

- ID: en html todos los tags pueden tener el atributo id="identificador", de forma que en una misma página html sólo puede haber un elemento con ese id, es decir, no se pueden repetir. Para modificar el estilo de un tag con id se utiliza #identificador { ... }.
- CLASS: también todos los tags pueden tener el atributo class="clase", de forma que dicha clase se puede usar cuantas veces se quiera dentro de un html. Para modificar el estilo de un tag con class se utiliza .class { ... } y los cambios se aplican a TODOS los tags que tengas esa clase asignada.

Espero que con esto te quede claro, pero no hago más que repetir cosas que vienen en los manuales más básicos, te sigo recomendando que te leas alguno para aclararte del todo.

Un saludo.

[ferranWEB]

sigo sin entenderte... porque segun cuentas, si yo tengo un #preview y lo referencio en la imagen que quiero que se ejecute llamando class="preview" valdria, que es lo que hago. no?

al sacarlo fuera de la div tabla funciona, dentro de la div tabla no. con lo cual, no llamo bien a la class, no? y como debo llamarla entonces?? podrias orientarme en como ponerlo?

saludos!

[vgonga1986]

Reitero que estás mezclando cosas, pero es que ya no sé cómo ponértelo para que lo entiendas. Me da la sensación de que hablo con una pared.

Me dices que tienes un tag HTML con class="preview" y que en el CSS lo referencias con #preview. Te acabo de decir que class se referencia con . e id con #. No sé qué no entiendes, sinceramente. O pones id y # o pones class y . no uno de cada.

Un saludo.

[ferranWEB]

si que te entiendo, pero lo que me comentas es lo que esta aplciado al reves en el general, y en la div no funciona. es decir, el code que funciona tiene..

#preview{...

y donde hace la funciona en la imagen:

<a href="imagen.jpg" class="preview" title="texto"><img src="imagen1s.jpg"/></a>

si es como tu dices si pongo class tendria que tener . no? y funciona con # a eso me refiero

saludos y mil gracias!

[vgonga1986]

Pon el código, porque nos vamos a volver locos.

[ferranWEB]

ahi va

Código:

//jquery y funciona del preview

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.5.2/jquery.min.js"></script>

<script src="main.js" type="text/javascript"></script>

<style>



img{border:none;}

/*  */

#preview{
	position:absolute;
	border:1px solid #ccc;
	background:#333;
	padding:5px;
	display:none;
	color:#fff;
	}

/*  */
</style>

//como funciona:

<a href="foto1.jpg" class="preview" title="Imagen 01"><img src="foto1s.jpg" /></a>

//como no funciona:

<div id="Tabla">

	<div class="sector1_">
        <a href="foto1.jpg" class="preview" title="Imagen 01"><img src="foto1s.jpg" /></a>
        </div>
 
</div>

me entiendes? fuera del div me coge, fuera no. y en la css que tengo con #tabla he intentado añadirle .preview y nada.

saludos!

[vgonga1986]

Hay que ver cómo modifica la función JS el código de la página, según tengo entendido AJAX utiliza DOM para modificar los tags de HTML, luego lo que se muestre finalmente puede no ser lo mismo que se muestra en tu código tal cual.

Sinceramente no entiendo mucho de AJAX, así que creo que no voy a poder ayudarte. De todas formas, vamos a intentar una última cosa. En vez de enviarme el código tal y como está en tus ficheros. Abre la página con un navegador y extrae el código fuente de la página, así veremos cómo queda al final después de pasar por JS y AJAX, a ver si así veo algo.

Un saludo.

[ferranWEB]

buenas no te fijes en el ajax, ya que el query lo pongo sin ajax. tengo puesto en vez de ese

<script src="jquery.js" type="text/javascript"></script>

y es lo mismo. no es nada de ajax, o eso creo

saludos

[amdisenoweb]

Yo no veo el query por ningun lado solo html y css, de todas formas si estas usando alguna funcion o aplicacion descargada de internet muchas necesitan que las clases tengan el nombre con el que ellos la han programado, y si lo han programado dentro de un <div class="#pepito"> lo tendras que poner dentro de ese div.

[ferranWEB]

gracias amdisenoweb, pero como lo hago?? el problema es que no se hacer que el estilo se ejecute dentro de la div.

saludos