insertar imagen por medio de un css?

[eschwartz]

hola amigos tengo una consulta en la cual les pido me ayuden, tengo en una parte de una hoja de estilo css, el siguiente codigo:

#campusBannerLeft {
float: left;
text-align: left;
margin-top: -1px;
padding: 5px;
margin /**/: 0;
background: url('1.jpg')
}

lo que quiero es reemplazar esa imagen que va como fondo (1.jpg) para que no sea justamente el background, ya que utilizando el atributo o propiedad de background se repite por decirlo asi en toda esa parte de la pagina, lo que trato es poner esa imagen no como background sino solo insertarla como imagen, justamente para que si la imagen es pequenia no se repita en toda esa parte del documento.

algo asi como:

#campusBannerLeft {
float: left;
text-align: left;
margin-top: -1px;
padding: 5px;
margin /**/: 0;
img src: url('1.jpg') .....disculpen la ignorancia, no conozco mucho de CSS
}


espero me haya explicado bien

ojala me puedan ayudar por favor.
alguna sugerencia.

[JavierB]

Hola eschwartz

La única forma de utilizar una imagen con Css es poniéndola de fondo. Si no quieres que se repita puedes ponerlo así:

background: url('1.jpg') no-repeat;

Saludos,

[eschwartz]

Iniciado por JavierB

Hola eschwartz

La única forma de utilizar una imagen con Css es poniéndola de fondo. Si no quieres que se repita puedes ponerlo así:

background: url('1.jpg') no-repeat;

Saludos,

Muchas gracias JavierB, es justo lo que necesitaba.

Slds.

[snakepit]

y como se puede hacer para que esa imagen qeu pone de fondo se pueda clikear y nos lleve a otra pagina

[JavierB]

Hola snakepit

No se puede hacer click en un fondo, tienes que hacer click en el div, tabla, párrafo... que contiene ese fondo.

Saludos,

[snakepit]

y como se hace eso javier me podrias explicar?

[erick_arcini]

<div><a href="http://forosdelweb.com">aquí dale con todo</a></div>

[AlZuwaga]

Iniciado por erick_arcini

<a href="http://forosdelweb.com"><div>aquí dale con todo</div></a>

Ese html está mal formado. Estás metiendo un elemento de bloque (<div>) dentro de uno en linea (<a>). Así que no sería correcto. Para responderle correctamente a snakepit primeramente habría que ver cómo está estructurado su código.

[DragonX]

Iniciado por erick_arcini

<a href="http://forosdelweb.com"><div>aquí dale con todo</div></a>

........

<div><a href="http://forosdelweb.com">aquí dale con todo</a></div>

[erick_arcini]

Disculpen las molestias que ocasione pero ya edite el código, disculpen apenas me estoy metiendo poco a poco, aunque el orden de los factores no altera el producto no, o si?

[AlZuwaga]

Iniciado por erick_arcini

Disculpen las molestias que ocasione pero ya edite el código, disculpen apenas me estoy metiendo poco a poco, aunque el orden de los factores no altera el producto no, o si?

Ahorrate las disculpas que no es necesario

Sobre el si orden de los factores no altera el producto, en realidad no, no lo altera. Podés hacer click en el div y el enlace se efectúa... pero no es correcto.

Si intentaras validar una página con ese código, te daría un error semejante a este:

This page is not Valid XHTML 1.0 Transitional!

Below are the results of checking this document for XML well-formedness and validity.

1. Error Line ### column ###: document type does not allow element "div" here; missing one of "object", "applet", "map", "iframe", "button", "ins", "del" start-tag.

Código:

      <a href="http://forosdelweb.com"><div>aquí dale con todo</div></a></a>

The mentioned element is not allowed to appear in the context in which you've placed it; the other mentioned elements are the only ones that are both allowed there and can contain the element mentioned. This might mean that you need a containing element, or possibly that you've forgotten to close a previous element.

One possible cause for this message is that you have attempted to put a block-level element (such as "<p>" or "<table>" (agrego yo "<div>")) inside an inline element (such as "<a>", "<span>", or "<font>").

Te recomiendo esta lectura (que no sé si será la mejor, pero no me parece mala)

Saludos

[erick_arcini]

Gracias por la lectura

Iniciado por Al Zuwaga

Ahorrate las disculpas que no es necesario

Luego si no me disculpo me atacan con cosas que ni siquiera van al caso, pero bue... cabe mencionar que no todos están hechos con el estándar

[snakepit]

editaron el mensaje de erick_arcini ? entonces el a href va dentro del div muchisimas gracias no saben que buen dato me pasaron ! saludos

[erick_arcini]

Iniciado por snakepit

editaron el mensaje de erick_arcini ? entonces el a href va dentro del div muchisimas gracias no saben que buen dato me pasaron ! saludos

no, yo lo edite para evitar confusiones.

[snakepit]

ok fantastico... bueno entonces ahora se que puedo poner una imagen de fondo y hacer que el div se pueda clikear para usar esa imagen de hipervinculo pero me gustaria saber ahora como puedo hacer para qeu al pasar el raton sobre ese fondo aparezca otra imagen???
me podrian pasar como se hace?

[harvey]

Eso lo quiero saber yo tambien.

[VICTORGUERRA]

Buenas tarde mira estoy creando una pagina web y quiero colocar una imagen de fondo con css pero quiero darle otro tamaño. Porque estoy haciendo un flash y esta transparente y quiero q esa imagen quede en el medio ok.

[jomaruro]

Hola VICTORGUERRA:

Aparte de que has reabierto un tema de hace más de tres años, deberías haber planteado tu duda en un nuevo tema.

Mejor leete las políticas del foro.

Si quieres redimensionar la imagen de fondo tendrás que hacerlo con algún programa tipo Photoshop, con CSS no se puede hacer.

Saludos.