Foros del Web » Creando para Internet » CSS »

ayuda con css

Estas en el tema de ayuda con css en el foro de CSS en Foros del Web. hola amigos les consulto por que no se mucho por no decir nada de css, y tengo un problema y se que un experto de ...
  #1 (permalink)  
Antiguo 22/02/2011, 11:50
 
Fecha de Ingreso: octubre-2010
Ubicación: montevideo
Mensajes: 169
Antigüedad: 7 años, 2 meses
Puntos: 5
ayuda con css

hola amigos les consulto por que no se mucho por no decir nada de css, y tengo un problema y se que un experto de uds me va poder ayudar, tengo un script con php con css dentro, que tiene conexion con mysql, la idea es la siguiente llamar por php a mysql e imprir en la imagen los registros guardados, el css debe ejecutar las coordenadas guardas en mysql e imprimir para cada coordenada la etiqueta correspondiente, no tengo problema cuando es solo una etiqueta, pero cuando ya es mas de una la guardada en la BD no imprime nada, ayer en el foro php gracias a un amigo, logre solucionar algunas cosas cree div para cada una de las consultas, pero el tema pasa que en el codigo de fuente muestra las coordenas y las etiquetas, pero en la pagina misma estas no se ven, solo se ve una impresion alli por el medio, donde las coordenadas no son respetadas, desearia si fuera posible que me den una mano como tantas otras veces me la han dado, no se si me explique bien, les dejo el codigo que tengo y escucho y valoro toda sugerencia, desde ya muchas gracias!
<?php
include('config.php');
?>
<?php
$result=mysql_query("select z from nuevas where id='".$_GET['identidad']."'");
while ($row = mysql_fetch_array($result))
{
// echo $row['z'];echo '<br>';

}


?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<!--
Making an Interactive Picture with jQuery
By Sam Dunn
2009 Build Internet!
-->

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>

<title>Making an Interactive Picture with jQuery | Build Internet!</title>

<script type="text/javascript" src="http://jqueryjs.googlecode.com/files/jquery-1.3.2.js"></script>
<script type="text/javascript">
$(document).ready(function(){

//Blur Links (Prevents Outline)
$('a').click(function() {
this.blur();
});

//Hide all item descriptions in the info box
$("#infobox > div").css("display", "none");

//Call in the info box
$(".more a").click(function(){
$("#infobox").animate({bottom: '233px' }, 300);
$("#fade_bg").fadeIn();
return false;
});

//Expand more info button on hover
$(".more").hover(function(){
$(this).stop().animate({width: '225px' }, 200).css({'z-index' : '10'}); //Change the width increase caption size
}, function () {
$(this).stop().animate({width: '50px' }, 200).css({'z-index' : '1'});
});

//Show description for selected item
$("#couch a").click(function(){
$("#couch_info").show();
});

$("#plant a").click(function(){
$("#plant_info").show();
});

$("#monitor a").click(function(){
$("#monitor_info").show();
});

$("#board a").click(function(){
$("#board_info").show();
});

//Remove background, info box and hide all descriptions
$("#fade_bg, .close").click(function(){
$("#fade_bg").fadeOut();
$("#infobox").animate({bottom: '-200px' }, 300, function() {
$("#infobox > div").css("display", "none");
});
return false;
});

});
</script>

<style type="text/css">

/* General Styles */
*{ padding:0px; margin:0px; }
img{ border: none; }
a:focus, a:active{ outline:none; }
body{ text-align:center; background:#FFF; }
h1{ font:bold 18px Helvetica, Arial, sans-sarif; color:#FFF; margin:20px 0 0 0; }

/* Picture Styles */
#picture{ position:relative; top:20px; width:600px; height:450px; margin:0px auto;background:#FFF url('http://localhost/localhost/miniaturas/<?php
$result=mysql_query("select * from aa where id='".$_GET['identidad']."'");
while ($row = mysql_fetch_array($result))
{
echo $row['chica'];
}?>'); overflow:hidden;}


/* General More Button */
.more{ position:absolute; width:50px; height:50px; background:url('dim.png'); border:1px solid #444; padding:5px; text-align:left; overflow:hidden; }

.more span{ position:absolute; left:60px; width:160px; padding:15px 0 0 5px; color:#FFF; font:bold 13px Lucida Grande, Arial, sans-serif; text-shadow:#000 1px 1px 0px; }

/* Item Specific More Button */

<?php
$result=mysql_query("select * from nuevas where id='".$_GET['identidad']."'");
while ($row = mysql_fetch_array($result))
{
echo "#board position:relative".$row['z']."{margin-top:".$row['y']."px; margin-left:".$row['x']."px;}";

}

?>



/* General Info Box */
#infobox{ position:absolute; bottom:-200px; left: 350px; height:200px; width:300px; z-index:20; margin:0 0 -100px -150px; background:#FFF; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; }
#infobox a, #infobox a:visited{ font:italic 16px Georgia, serif; color:#555; text-decoration:none; }
#infobox a:hover{ text-decoration:underline; }

/* Close button for info box */
span.close{position:absolute; right:5px;margin-top :5px;}

/* The dimmed background when the info box is showing */
#fade_bg{ position:absolute; z-index:15; width:100%; height:100%; background:url('dim.png'); display:none;}

</style>

</head>

<body>
<h1>etiqueta estas imagenes</h1>
<div id="picture">

<!-- More Info Buttons -->
<?php
$result=mysql_query("select * from nuevas where id='".$_GET['identidad']."'");
while ($row = mysql_fetch_array($result))
{
echo "<div id='board position:relative".$row['z']."'>".$row['etiqueta']. "</div>";
}

?>
</div>




</body>
</html>



explico veran 2 tablas una es aa es donde se guarda la ruta de las imagenes, la otra es nuevas, alli se almacenan la identidad de la imagen, las coordenas,etiquetas,y un campo llamado 'z' que es el campo auto_increment de la tabla, espero me entiendan disto mucho de ser un profesional espero su comprension gracias!
  #2 (permalink)  
Antiguo 22/02/2011, 13:43
Avatar de C2am  
Fecha de Ingreso: enero-2009
Ubicación: Rosario, Argentina
Mensajes: 2.005
Antigüedad: 8 años, 10 meses
Puntos: 306
Respuesta: ayuda con css

Hola
A esto quieres aplicarle el estilo?
echo "<div id='board position:relative".$row['z']."'>".$row['etiqueta']. "</div>";

Si es así quita eso de position:relative ya que eso debería ir en el css y no en el id del div.

Olvidate por un momento del mysql y el php y dime claramente que quieres hacer en cuanto al html y css, porque la verdad me perdí.

Voy entendiendo que estas haciendo:
Acá te falta abrir la { entre board y position
/* Item Specific More Button */

<?php
$result=mysql_query("select * from nuevas where id='".$_GET['identidad']."'");
while ($row = mysql_fetch_array($result))
{
echo "#board position:relative".$row['z']."{margin-top:".$row['y']."px; margin-left:".$row['x']."px;}";

}

?>
__________________
El mundo nada puede contra un hombre que canta en la miseria.
-- Ernesto Sábato--

Última edición por C2am; 22/02/2011 a las 13:50
  #3 (permalink)  
Antiguo 22/02/2011, 13:51
 
Fecha de Ingreso: octubre-2010
Ubicación: montevideo
Mensajes: 169
Antigüedad: 7 años, 2 meses
Puntos: 5
Respuesta: ayuda con css

mira la idea es que se vean las etiquetas en pantalla dentro de la imagen, te pego el codigo fuente de la pagina

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<!--
Making an Interactive Picture with jQuery
By Sam Dunn
2009 Build Internet!
-->

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>

<title>Making an Interactive Picture with jQuery | Build Internet!</title>

<script type="text/javascript" src="http://jqueryjs.googlecode.com/files/jquery-1.3.2.js"></script>
<script type="text/javascript">
$(document).ready(function(){

//Blur Links (Prevents Outline)
$('a').click(function() {
this.blur();
});

//Hide all item descriptions in the info box
$("#infobox > div").css("display", "none");

//Call in the info box
$(".more a").click(function(){
$("#infobox").animate({bottom: '233px' }, 300);
$("#fade_bg").fadeIn();
return false;
});

//Expand more info button on hover
$(".more").hover(function(){
$(this).stop().animate({width: '225px' }, 200).css({'z-index' : '10'}); //Change the width increase caption size
}, function () {
$(this).stop().animate({width: '50px' }, 200).css({'z-index' : '1'});
});

//Show description for selected item
$("#couch a").click(function(){
$("#couch_info").show();
});

$("#plant a").click(function(){
$("#plant_info").show();
});

$("#monitor a").click(function(){
$("#monitor_info").show();
});

$("#board a").click(function(){
$("#board_info").show();
});

//Remove background, info box and hide all descriptions
$("#fade_bg, .close").click(function(){
$("#fade_bg").fadeOut();
$("#infobox").animate({bottom: '-200px' }, 300, function() {
$("#infobox > div").css("display", "none");
});
return false;
});

});
</script>

<style type="text/css">

/* General Styles */
*{ padding:0px; margin:0px; }
img{ border: none; }
a:focus, a:active{ outline:none; }
body{ text-align:center; background:#FFF; }
h1{ font:bold 18px Helvetica, Arial, sans-sarif; color:#FFF; margin:20px 0 0 0; }

/* Picture Styles */
#picture{ position:relative; top:20px; width:600px; height:450px; margin:0px auto;background:#FFF url('http://localhost/localhost/miniaturas/1pic_graciela 026.jpg'); overflow:hidden;}


/* General More Button */
.more{ position:absolute; width:50px; height:50px; background:url('dim.png'); border:1px solid #444; padding:5px; text-align:left; overflow:hidden; }

.more span{ position:absolute; left:60px; width:160px; padding:15px 0 0 5px; color:#FFF; font:bold 13px Lucida Grande, Arial, sans-serif; text-shadow:#000 1px 1px 0px; }

/* Item Specific More Button */

#board 1{margin-top:406px; margin-left:127px;}#board 8{margin-top:293px; margin-left:273px;}#board 9{margin-top:293px; margin-left:273px;}#board 10{margin-top:293px; margin-left:273px;}#board 13{margin-top:307px; margin-left:263px;}#board 14{margin-top:307px; margin-left:263px;}#board 16{margin-top:311px; margin-left:208px;}#board 17{margin-top:323px; margin-left:153px;}#board 18{margin-top:323px; margin-left:153px;}


/* General Info Box */
#infobox{ position:absolute; bottom:-200px; left: 350px; height:200px; width:300px; z-index:20; margin:0 0 -100px -150px; background:#FFF; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; }
#infobox a, #infobox a:visited{ font:italic 16px Georgia, serif; color:#555; text-decoration:none; }
#infobox a:hover{ text-decoration:underline; }

/* Close button for info box */
span.close{position:absolute; right:5px;margin-top :5px;}

/* The dimmed background when the info box is showing */
#fade_bg{ position:absolute; z-index:15; width:100%; height:100%; background:url('dim.png'); display:none;}

</style>

</head>

<body>
<h1>etiqueta estas imagenes</h1>
<div id="picture">

<!-- More Info Buttons -->
<div id='board1'>gg</div><div id='board8'>n</div><div id='board9'>n</div><div id='board10'>n</div><div id='board13'>nacional</div><div id='board14'>nacional</div><div id='board16'>x</div><div id='board17'>kkk</div><div id='board18'>kkk</div> </div>




</body>
</html>
  #4 (permalink)  
Antiguo 22/02/2011, 13:56
Avatar de C2am  
Fecha de Ingreso: enero-2009
Ubicación: Rosario, Argentina
Mensajes: 2.005
Antigüedad: 8 años, 10 meses
Puntos: 306
Respuesta: ayuda con css

Bien, creo que encontre el error
board 1 != board1 ¿o no?
__________________
El mundo nada puede contra un hombre que canta en la miseria.
-- Ernesto Sábato--
  #5 (permalink)  
Antiguo 22/02/2011, 14:07
 
Fecha de Ingreso: octubre-2010
Ubicación: montevideo
Mensajes: 169
Antigüedad: 7 años, 2 meses
Puntos: 5
Respuesta: ayuda con css

amigo puse board 1! asi y no sucede nada en que estoy equivocado?
  #6 (permalink)  
Antiguo 22/02/2011, 14:12
Avatar de C2am  
Fecha de Ingreso: enero-2009
Ubicación: Rosario, Argentina
Mensajes: 2.005
Antigüedad: 8 años, 10 meses
Puntos: 306
Respuesta: ayuda con css

Bueno, disculpa, pensé que estaba claro:
Con el php creas un estilo llamado "board x" pero cuando creas el id del div creas un "boardx"
Entonces como no existe un estilo para "boardx" no aplica nada.
Ahhh, perdón me olvide de algo NUNCA USES ESPACIOS EN EL CSS
__________________
El mundo nada puede contra un hombre que canta en la miseria.
-- Ernesto Sábato--

Última edición por C2am; 22/02/2011 a las 14:17
  #7 (permalink)  
Antiguo 22/02/2011, 14:24
 
Fecha de Ingreso: octubre-2010
Ubicación: montevideo
Mensajes: 169
Antigüedad: 7 años, 2 meses
Puntos: 5
Respuesta: ayuda con css

ok,gracias amigo, pero como se dice por mi pais estoy mas perdido que perro en cancha de bochas, si no t molesto, guiame un poquito por que no se como resolver el problema, muchas gracias!
  #8 (permalink)  
Antiguo 22/02/2011, 14:29
Avatar de C2am  
Fecha de Ingreso: enero-2009
Ubicación: Rosario, Argentina
Mensajes: 2.005
Antigüedad: 8 años, 10 meses
Puntos: 306
Respuesta: ayuda con css

Para resolver el problema solamente tienes que quitar el espacio entre board y "el numero" en la parte del php que crea los estilos.

prueba esto:

<?php
$result=mysql_query("select * from nuevas where id='".$_GET['identidad']."'");
while ($row = mysql_fetch_array($result))
{
echo "#board".$row['z']."{margin-top:".$row['y']."px; margin-left:".$row['x']."px; position:relative}";

}

?>
__________________
El mundo nada puede contra un hombre que canta en la miseria.
-- Ernesto Sábato--
  #9 (permalink)  
Antiguo 22/02/2011, 14:33
 
Fecha de Ingreso: octubre-2010
Ubicación: montevideo
Mensajes: 169
Antigüedad: 7 años, 2 meses
Puntos: 5
Respuesta: ayuda con css

no funciona amigo, lo maximo que logre es que en pantalla se impreman las cordenadas,etiquetas,pero en una lista, sin respetar la ubicacion ni nada de eso
  #10 (permalink)  
Antiguo 22/02/2011, 14:36
Avatar de C2am  
Fecha de Ingreso: enero-2009
Ubicación: Rosario, Argentina
Mensajes: 2.005
Antigüedad: 8 años, 10 meses
Puntos: 306
Respuesta: ayuda con css

pega el nuevo html que generas
__________________
El mundo nada puede contra un hombre que canta en la miseria.
-- Ernesto Sábato--
  #11 (permalink)  
Antiguo 22/02/2011, 14:39
 
Fecha de Ingreso: octubre-2010
Ubicación: montevideo
Mensajes: 169
Antigüedad: 7 años, 2 meses
Puntos: 5
Respuesta: ayuda con css

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<!--
Making an Interactive Picture with jQuery
By Sam Dunn
2009 Build Internet!
-->

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>

<title>Making an Interactive Picture with jQuery | Build Internet!</title>

<script type="text/javascript" src="http://jqueryjs.googlecode.com/files/jquery-1.3.2.js"></script>
<script type="text/javascript">
$(document).ready(function(){

//Blur Links (Prevents Outline)
$('a').click(function() {
this.blur();
});

//Hide all item descriptions in the info box
$("#infobox > div").css("display", "none");

//Call in the info box
$(".more a").click(function(){
$("#infobox").animate({bottom: '233px' }, 300);
$("#fade_bg").fadeIn();
return false;
});

//Expand more info button on hover
$(".more").hover(function(){
$(this).stop().animate({width: '225px' }, 200).css({'z-index' : '10'}); //Change the width increase caption size
}, function () {
$(this).stop().animate({width: '50px' }, 200).css({'z-index' : '1'});
});

//Show description for selected item
$("#couch a").click(function(){
$("#couch_info").show();
});

$("#plant a").click(function(){
$("#plant_info").show();
});

$("#monitor a").click(function(){
$("#monitor_info").show();
});

$("#board a").click(function(){
$("#board_info").show();
});

//Remove background, info box and hide all descriptions
$("#fade_bg, .close").click(function(){
$("#fade_bg").fadeOut();
$("#infobox").animate({bottom: '-200px' }, 300, function() {
$("#infobox > div").css("display", "none");
});
return false;
});

});
</script>

<style type="text/css">

/* General Styles */
*{ padding:0px; margin:0px; }
img{ border: none; }
a:focus, a:active{ outline:none; }
body{ text-align:center; background:#FFF; }
h1{ font:bold 18px Helvetica, Arial, sans-sarif; color:#FFF; margin:20px 0 0 0; }

/* Picture Styles */
#picture{ position:relative; top:20px; width:600px; height:450px; margin:0px auto;background:#FFF url('http://localhost/localhost/miniaturas/1pic_graciela 026.jpg'); overflow:hidden;}


/* General More Button */
.more{ position:absolute; width:50px; height:50px; background:url('dim.png'); border:1px solid #444; padding:5px; text-align:left; overflow:hidden; }

.more span{ position:absolute; left:60px; width:160px; padding:15px 0 0 5px; color:#FFF; font:bold 13px Lucida Grande, Arial, sans-serif; text-shadow:#000 1px 1px 0px; }

/* Item Specific More Button */

#board1{margin-top:406px; margin-left:127px; position:relative}#board8{margin-top:293px; margin-left:273px; position:relative}#board9{margin-top:293px; margin-left:273px; position:relative}#board10{margin-top:293px; margin-left:273px; position:relative}#board13{margin-top:307px; margin-left:263px; position:relative}#board14{margin-top:307px; margin-left:263px; position:relative}#board16{margin-top:311px; margin-left:208px; position:relative}#board17{margin-top:323px; margin-left:153px; position:relative}#board18{margin-top:323px; margin-left:153px; position:relative}


/* General Info Box */
#infobox{ position:absolute; bottom:-200px; left: 350px; height:200px; width:300px; z-index:20; margin:0 0 -100px -150px; background:#FFF; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; }
#infobox a, #infobox a:visited{ font:italic 16px Georgia, serif; color:#555; text-decoration:none; }
#infobox a:hover{ text-decoration:underline; }

/* Close button for info box */
span.close{position:absolute; right:5px;margin-top :5px;}

/* The dimmed background when the info box is showing */
#fade_bg{ position:absolute; z-index:15; width:100%; height:100%; background:url('dim.png'); display:none;}

</style>

</head>

<body>
<h1>etiqueta estas imagenes</h1>
<div id="picture">

<!-- More Info Buttons -->
<div id='board position:relative1'>gg</div><div id='board position:relative8'>n</div><div id='board position:relative9'>n</div><div id='board position:relative10'>n</div><div id='board position:relative13'>nacional</div><div id='board position:relative14'>nacional</div><div id='board position:relative16'>x</div><div id='board position:relative17'>kkk</div><div id='board position:relative18'>kkk</div> </div>




</body>
</html>
  #12 (permalink)  
Antiguo 22/02/2011, 14:42
Avatar de C2am  
Fecha de Ingreso: enero-2009
Ubicación: Rosario, Argentina
Mensajes: 2.005
Antigüedad: 8 años, 10 meses
Puntos: 306
Respuesta: ayuda con css

Compañero, debes quitarle position:relative en la linea:

<div id="picture">

<!-- More Info Buttons -->
<?php
$result=mysql_query("select * from nuevas where id='".$_GET['identidad']."'");
while ($row = mysql_fetch_array($result))
{
echo "<div id='board position:relative".$row['z']."'>".$row['etiqueta']. "</div>";
}

?>
</div>

No te olvide de quitar los espacios entre board y .$row...


Con eso debería funcionar, pero por las dudas fijate que el nombre del estilo que creas en el CSS sea IDENTICO al nombre del ID del div
porque ahora tienes por ejemplo
CSS ----> board1
pero en el html tienes
<div id="board position:relative1" >

¿Entiendes cual es el problema?
__________________
El mundo nada puede contra un hombre que canta en la miseria.
-- Ernesto Sábato--
  #13 (permalink)  
Antiguo 22/02/2011, 14:48
 
Fecha de Ingreso: octubre-2010
Ubicación: montevideo
Mensajes: 169
Antigüedad: 7 años, 2 meses
Puntos: 5
Respuesta: ayuda con css

mira lo que sucedio fue que si imprimio una etiqueta en el lugar correcto, las demas ni siquiera las nombra, creo q por buen camino estamos!
  #14 (permalink)  
Antiguo 22/02/2011, 15:02
Avatar de C2am  
Fecha de Ingreso: enero-2009
Ubicación: Rosario, Argentina
Mensajes: 2.005
Antigüedad: 8 años, 10 meses
Puntos: 306
Respuesta: ayuda con css

No me extraña en absoluto ya que al picture le pones overflow:hidden, con una altura de 450px, y después a board1 le pone margin-top:406px, más abajo vendrán los demás.
Prueba poniendole a picture overflow:auto; y verás que si están los que no ves.
__________________
El mundo nada puede contra un hombre que canta en la miseria.
-- Ernesto Sábato--
  #15 (permalink)  
Antiguo 22/02/2011, 15:11
 
Fecha de Ingreso: octubre-2010
Ubicación: montevideo
Mensajes: 169
Antigüedad: 7 años, 2 meses
Puntos: 5
Respuesta: ayuda con css

bueno ahora como que si se ven, pero no respetan del todo la ubicacion en la imagen, me estas haciendo avanzar, te agrazco mucho,
no se por que no respeta bien las coordenadas!
  #16 (permalink)  
Antiguo 22/02/2011, 15:15
Avatar de C2am  
Fecha de Ingreso: enero-2009
Ubicación: Rosario, Argentina
Mensajes: 2.005
Antigüedad: 8 años, 10 meses
Puntos: 306
Respuesta: ayuda con css

Tienes una imagen de lo que quieres lograr?
__________________
El mundo nada puede contra un hombre que canta en la miseria.
-- Ernesto Sábato--
  #17 (permalink)  
Antiguo 22/02/2011, 15:18
 
Fecha de Ingreso: octubre-2010
Ubicación: montevideo
Mensajes: 169
Antigüedad: 7 años, 2 meses
Puntos: 5
Respuesta: ayuda con css


Última edición por pablobuitres; 22/02/2011 a las 15:22 Razón: error en direccion
  #18 (permalink)  
Antiguo 22/02/2011, 15:22
Avatar de C2am  
Fecha de Ingreso: enero-2009
Ubicación: Rosario, Argentina
Mensajes: 2.005
Antigüedad: 8 años, 10 meses
Puntos: 306
Respuesta: ayuda con css

vas a tener que subirla por ejemplo a imageshack o un servicio de ese estilo.
__________________
El mundo nada puede contra un hombre que canta en la miseria.
-- Ernesto Sábato--
  #19 (permalink)  
Antiguo 22/02/2011, 15:23
 
Fecha de Ingreso: octubre-2010
Ubicación: montevideo
Mensajes: 169
Antigüedad: 7 años, 2 meses
Puntos: 5
Respuesta: ayuda con css

http://arteuruguayo.webcindario.com/index.html
  #20 (permalink)  
Antiguo 22/02/2011, 15:23
 
Fecha de Ingreso: octubre-2010
Ubicación: montevideo
Mensajes: 169
Antigüedad: 7 años, 2 meses
Puntos: 5
Respuesta: ayuda con css

fijate si ves ahi, esas etiquetas estan puestas manualmente, la idea es ponerlas dinamicamente
  #21 (permalink)  
Antiguo 22/02/2011, 15:30
 
Fecha de Ingreso: octubre-2010
Ubicación: montevideo
Mensajes: 169
Antigüedad: 7 años, 2 meses
Puntos: 5
Respuesta: ayuda con css

bueno creo q emboque una. las etiquetas estan con diferencia en las coodenadas por que estaban en position realtive, le puse absolute e inverti el orden de x e y en la consulta y coinciden perfectamente, gracias a tu ayuda lo tengo casi solucionado,solo una cosa mas, que creo que es mas facil, como hago para que esas palabras sobre imagen se vean dentro del recuardo que se abre al pasar el mouse? me entendes? si podes bien y sino igual, demasiado agradecido estoy por tu ayuda!
  #22 (permalink)  
Antiguo 22/02/2011, 15:31
Avatar de C2am  
Fecha de Ingreso: enero-2009
Ubicación: Rosario, Argentina
Mensajes: 2.005
Antigüedad: 8 años, 10 meses
Puntos: 306
Respuesta: ayuda con css

Fijate como están posicionadas
#board {
top: 50px;
left: 450px;
}

y como pretendes posicionarlas ahora:
#board1{
margin-top:406px;
margin-left:127px;
position:relative
}

Captas la diferencia?
Arriba utiliza top y abajos usas margin-top



"como hago para que esas palabras sobre imagen se vean dentro del recuardo que se abre al pasar el mouse?"
Yo las veo dentro del recuadro, debe ser porque no veo las imagenes, no entendí a que te refieres
__________________
El mundo nada puede contra un hombre que canta en la miseria.
-- Ernesto Sábato--
  #23 (permalink)  
Antiguo 22/02/2011, 15:34
 
Fecha de Ingreso: octubre-2010
Ubicación: montevideo
Mensajes: 169
Antigüedad: 7 años, 2 meses
Puntos: 5
Respuesta: ayuda con css

ta ni te molestes la resolvi me faltaba un <div class"more" muchas gracias un abrazo grande desde uruguay!
  #24 (permalink)  
Antiguo 22/02/2011, 15:35
Avatar de C2am  
Fecha de Ingreso: enero-2009
Ubicación: Rosario, Argentina
Mensajes: 2.005
Antigüedad: 8 años, 10 meses
Puntos: 306
Respuesta: ayuda con css

De nada y suerte.
Te dejo por si te interesa un enlace:
www.librosweb.es
__________________
El mundo nada puede contra un hombre que canta en la miseria.
-- Ernesto Sábato--

Etiquetas: Ninguno
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 12:00.