problemas con viñetas personalizadas

julita_punch · #1 (**permalink**) 12/11/2008, 05:19

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">

</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

Mikmoro · #2 (**permalink**) 12/11/2008, 05:45

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.

julita_punch · #3 (**permalink**) 12/11/2008, 05:55

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

Aresillo · #4 (**permalink**) 12/11/2008, 06:00

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

julita_punch · #5 (**permalink**) 12/11/2008, 06:12

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">

</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 ¡¡¡¡

Mikmoro · #6 (**permalink**) 12/11/2008, 06:16

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:

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.

Aresillo · #7 (**permalink**) 12/11/2008, 06:35

Cita:

Iniciado por julita_punch

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!!

julita_punch · #8 (**permalink**) 12/11/2008, 07:03

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

julita_punch · #9 (**permalink**) 12/11/2008, 14:33

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