Foros del Web » Creando para Internet » CSS »

problemas con viñetas personalizadas

Estas en el tema de problemas con viñetas personalizadas en el foro de CSS en Foros del Web. buenos dias amigos agradeceria mucho a quien pueda decirme porque no puedo visualizar mi viñeta al lado de la frase D11n de la imagen si ...
  #1 (permalink)  
Antiguo 12/11/2008, 05:19
Avatar de julita_punch  
Fecha de Ingreso: abril-2007
Ubicación: Lima - Peru
Mensajes: 505
Antigüedad: 10 años, 7 meses
Puntos: 4
problemas con viñetas personalizadas

buenos dias amigos
agradeceria mucho a quien pueda decirme porque no puedo visualizar mi viñeta al lado de la frase D11n de la imagen
si estoy usando estos codigos

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

<html>
<head>
<title>.:: Cas PS3 ::.</title>
<link rel="stylesheet" href="css/estilos_2.css" type="text/css" />
<style type="text/css">
<!--
.Estilo3 {font-size: 9px}
.Estilo4 {color: #FBFBFB}
-->
</style>
</head>

<body>
<div id="principal">
<div id="underline">
<br />
<br />
<h1 align="left" class="underline">Catálogos PS3</h1>
</div>
<ul>

<div class="contenedorfoto"><a href="http://www.forosdelweb.com"><img src="img/1.jpg" border="0" alt=""/><br />
<span><li>D11n de la imagen</li></span></a></div>

</ul>

<style type="text/css">
ul{
padding-left: 10px;
margin-left: 10px;
list-style-type: none;
}


ul li {
padding-left: 12px;
background: url(img/cam.gif) 0em 0.5em no-repeat;
margin-bottom: 1em;
}


</style>

</div>


</body>
</html>


pueden ver la version en linea si asi lo desean
http://www.grupogba.com/ps3/

gracias
  #2 (permalink)  
Antiguo 12/11/2008, 05:45
Avatar de Mikmoro
Colaborador
 
Fecha de Ingreso: octubre-2006
Ubicación: K-pax
Mensajes: 7.228
Antigüedad: 11 años, 2 meses
Puntos: 279
Respuesta: problemas con viñetas personalizadas

Pues en principio porque en

http://www.grupogba.com/ps3/img/cam.gif

que es donde le indicas que la busque, no está la imagen, aunque tienes otros problemas varios en el código.
__________________
Visita mi nueva web idplus.org
  #3 (permalink)  
Antiguo 12/11/2008, 05:55
Avatar de julita_punch  
Fecha de Ingreso: abril-2007
Ubicación: Lima - Peru
Mensajes: 505
Antigüedad: 10 años, 7 meses
Puntos: 4
Respuesta: problemas con viñetas personalizadas

Hola Mikel
gracias por la observacion de la imagen
ya la subi
y la veo como la veo en mi pc
desnivelada de la linea D11n de la imagen

te agradeceria mucho si me pudieses orientar para poder estructurar correctamente mis codigos css
  #4 (permalink)  
Antiguo 12/11/2008, 06:00
Avatar de Aresillo
Colaborador
 
Fecha de Ingreso: marzo-2008
Ubicación: Becerril de la Sierra
Mensajes: 958
Antigüedad: 9 años, 8 meses
Puntos: 53
Respuesta: problemas con viñetas personalizadas

Solo tienes que borrar esto. Creo...

ul li {
padding-left: 12px;
background: url(img/cam.gif) 0em 0.5em no-repeat;
margin-bottom: 1em;
}

Lo que está en negrita lo borras...

Un saludo!

Aresillo!!
EDITO: De todas formas, parece que tienes un lío de llamadas a css y de estilos... al menos 3
  #5 (permalink)  
Antiguo 12/11/2008, 06:12
Avatar de julita_punch  
Fecha de Ingreso: abril-2007
Ubicación: Lima - Peru
Mensajes: 505
Antigüedad: 10 años, 7 meses
Puntos: 4
Respuesta: problemas con viñetas personalizadas

hola aresillo
gracias
ya ordenando el codigo tengo esto


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

<link rel="stylesheet" href="css/estilos_2.css" type="text/css">

<style type="text/css">
<!--
.Estilo3 {font-size: 9px}
.Estilo4 {color: #FBFBFB}

ul{
padding-left: 10px;
margin-left: 10px;
list-style-type: none;
}


ul li {
padding-left: 12px;
background: url(img/cam.gif) no-repeat;
margin-bottom: 1em;
}

-->
</style>


<div id="principal">
<div id="underline">

<br>
<br>

<h1 class="underline" align="left">Catálogos PS3</h1>
</div>
<ul>

<div class="contenedorfoto"><a href="http://www.forosdelweb.com/"><img src="img/1.jpg" alt="" border="0"><br>
<span><li>D11n de la imagen</li></span></a></div>

</ul>



</div>


</body>
</html>


y por tu sugerencia ya casi tengo al nivel la imagen
mas si pudiese hacer la misma al texto seria genial


gracias ¡¡¡¡
  #6 (permalink)  
Antiguo 12/11/2008, 06:16
Avatar de Mikmoro
Colaborador
 
Fecha de Ingreso: octubre-2006
Ubicación: K-pax
Mensajes: 7.228
Antigüedad: 11 años, 2 meses
Puntos: 279
Respuesta: problemas con viñetas personalizadas

Como no sé cómo será tu código final completo, al menos te doy un par de orientaciones:

1.- Usa la declaración de lenguaje junto con tu doctype:

Cita:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="es-es">
2.- Introduce todos los estilos en la cabecera en una única declaración style:

Cita:
<style type="text/css">
ul{
padding-left: 10px;
margin-left: 10px;
list-style-type: none;
}
ul li {
padding-left: 12px;
background: url(img/cam.gif) 0em 0.5em no-repeat;
margin-bottom: 1em;
}
.Estilo3 {font-size: 9px}
.Estilo4 {color: #FBFBFB}
</style>
aunque sería mejor que metieras todos en la hoja de estilo.

3.- Si creas una lista (ul), no debes meter los elementos de la lista (li) dentro de contenedores, sino al revés

Cita:
<ul>
<li>
<div class="contenedorfoto"><a href="http://www.forosdelweb.com"><img src="img/1.jpg" border="0" alt=""/><br />
<span>D11n de la imagen</span></a></div>
</li>
</ul>
Mira cómo aplicar estas cosas y si tienes más dudas hablamos.
__________________
Visita mi nueva web idplus.org
  #7 (permalink)  
Antiguo 12/11/2008, 06:35
Avatar de Aresillo
Colaborador
 
Fecha de Ingreso: marzo-2008
Ubicación: Becerril de la Sierra
Mensajes: 958
Antigüedad: 9 años, 8 meses
Puntos: 53
Respuesta: problemas con viñetas personalizadas

Cita:
Iniciado por julita_punch Ver Mensaje
y por tu sugerencia ya casi tengo al nivel la imagen
mas si pudiese hacer la misma al texto seria genial
No lo entiendo. Yo veo el texto y la viñeta juntas.
Sigue los pasos de Mikmoro, y si aún no sale bien, nos lo dices de nuevo...

Aresillo!!
  #8 (permalink)  
Antiguo 12/11/2008, 07:03
Avatar de julita_punch  
Fecha de Ingreso: abril-2007
Ubicación: Lima - Peru
Mensajes: 505
Antigüedad: 10 años, 7 meses
Puntos: 4
Respuesta: problemas con viñetas personalizadas

gracias chicos
he reiniciado mi pc y ya se puede ver la viñeta
en safari, firefox, opera, mozilla, netscape pero no en ie
y creo que es por la propia pc

apenas termine con el primer avance se los paso
para compartirlo con los demas
si es que me lo permiten
claro

  #9 (permalink)  
Antiguo 12/11/2008, 14:33
Avatar de julita_punch  
Fecha de Ingreso: abril-2007
Ubicación: Lima - Peru
Mensajes: 505
Antigüedad: 10 años, 7 meses
Puntos: 4
Respuesta: problemas con viñetas personalizadas

hola amigos
miren este es el primer avance
pero no se como hacerle para que debajo de las imagenes
no se salte esa linea con tan gran espacio

http://www.grupogba.com/ps3/

tambien tengo que decirles que cunado les puse la viñeta de trailer
ya no se veia 5 imagenes en una linea sino 4 y he tenido que agrandar el cuadro


gracias
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 17:17.