Kenbill
Usuario Novato
Usuario Novato

Hola, veréis, éste es mi pequeño problema, quiero bloquear un par de imágenes al desplazamiento del scroll, una es un banner de Firefox y las otras dos son del W3C. Me gustarían que no se movieran cuando la barra se desplace hacia abajo, ¿qué código he de poner? Gracias de antemano.

Web

Artículo en el que tengo problemas con dichos banners, al bajar para seguir leyendo, no permanecen visibles.

Avatar Image
@man / @woman
@man / @woman

Prueba poniéndoles en un div con id o class, y en estilos

Spoiler:

div#banner { position : fixed; }

Kenbill
Usuario Novato
Usuario Novato

O sea, añado 'class="banner"' al div del banner, y a la hoja de estilos 'div#banner { position : fixed; }', creo que sería así, pero no consigo que dé resultado, estoy empezando con html y no me aclaro con muchas cosas:5}.

Avatar Image
@man / @woman
@man / @woman

prueba con <div id="banner">

Kenbill
Usuario Novato
Usuario Novato

No consigo que funcione implementando el código mi hoja de estilos, no sé por qué si supuestamente está correcto (he mirado el enlace del W3C de CSS de tu web, he comprobado que el mío es igual, evidentemente con los cambios correspondientes en mi web), pero no consigo que funcione. He conseguido fijar el banner de Firefox y el del W3C de CSS (ya me pondré a colocarlos en su sitio correspondente), el que no consigo colocar es el del W3C de HTML, y el código está bien:

Spoiler:

<p><a href="http://validator.w3.org/check?uri=referer">
<img style="border: 0pt none ; width: 88px; height: 31px; position: fixed" src="http://www.w3.org/Icons/valid-html401" alt="Valid HTML 4.01 Transitional" alt="&iexcl;CSS V&aacute;lido!"></a></p>

Gracias por los consejos, por si no lo dije aún.

Avatar Image
Come y duerme en el foro
Come y duerme en el foro

El tema ante todo es limpiar codigo innecesario en HTML. Por tanto, esa imagen con estilos deberia estar en un archivo css para luego utilizarla cuantas veces se quiera o una vez solo.

Mezclas pt con px. Pon un borde a 0px y sigue con px.

Spoiler:

.browsers{

border:0px;

width:88px;

height:31px;

position:fixed;

}

Y ahora en tu documento HTML , llamas a la clas de la siguiente manera :

<a href="loqusea.html" title="Lo que sea"><img src="laqusea.gif" alt="loqusea" class="browsers" /></a>

Al tener que utilizarlos en ambas etiquetas <img> esa clase te servira tanto para tu imagen de ff como ie. Aunque podrias poner el codigo que tienes en la imagen que funciona para compararlo.

Se me olvidaba, para quitar el borde a las imagenes, tan facil como :

Spoiler:

img{border:0px;}

Se aplicara a todas las imagenes de nuestro doucmento.

Saludos!.

Avatar Image
@man / @woman
@man / @woman

Estoy de acuerdo con aerialss88

Ahora, con respecto a la imagen (código en rojo): a) el archivo no tiene extensión ¿??; y porque no subir el archivo a la web (poco espacio) y usar una url relativa src="icons/valid-html401.jpg"

Escrito originalmente por Kenbill
Spoiler:

<p><a href="http://validator.w3.org/check?uri=referer">
<img style="border: 0pt none ; width: 88px; height: 31px; position: fixed" src="http://www.w3.org/Icons/valid-html401"alt="Valid HTML 4.01 Transitional" alt="&iexcl;CSS V&aacute;lido!"></a></p>

alt repetido (código en celeste).

ATENCIÓN: Este tema no tiene actividad desde hace más de 6 MESES,
te recomendamos abrir un nuevo tema en lugar de responder al actual
Opciones:
Ir al subforo:
Permisos:
TU NO PUEDES Escribir nuevos temas
TU NO PUEDES Responder a los temas
TU NO PUEDES Editar tus propios mensajes
TU NO PUEDES Borrar tus propios mensajes
Temas similares
No se han encontrado temas similares