marco de imagenes, es posible ?

FlashitoMXDream · #1 (**permalink**) 11/12/2005, 14:57

holas gente ¡¡¡¡¡

toy pasando mi pagina de tablas muchas tablas a css y mas mucho mas facil de lo que esperaba. Pero tengo una duda, se puede hacer un marco de imagenes o que las imagenes sean el marco y dentro de el texto o listas, con las tablas eso es facil ya que armas una tabla y le pones las 4 imagenes al rededor pero con css no veo como hacerlo.

Puedo escribir en la imagen de arriba y que quede ahi cuando lo veo en el navegador, se como escribir sobre la imagen pero no logro que quede sobre la imagen, ya que cuando lo veo en el navegador se va una linea abajo.

otra: en las listas <li> puedo poner imagenes enves de letras con la etiketa <img src> ??'

MUCHAS GRACIAS POR TU RESPUESTA

baccxus · #2 (**permalink**) 11/12/2005, 19:08

Esto es una forma de hacer esquinas redondeadas, pero puedes aplicarlo a lo que deseas:
http://www.maestrosdelweb.com/editorial/cssesquinas/

Saludos

FlashitoMXDream · #3 (**permalink**) 13/12/2005, 16:39

una pregunta

puedo poner todo ese codigo para las imagens al costado dentro de un solo <div> ????
para no usarlo cada ves

se puede ???

Hououji Ayumu · #4 (**permalink**) 13/12/2005, 17:36

pues creo que la unica manera de escribir sobre las imagenes es usandolas como fondo en este caso en ves de poner <table></table> las pones con CSS en <div></div>
con un archivo CSS externo
<html>
<head>
<title>imagen fondo</title>
<link rel="stylesheet" type="text/css" href="estilos.css.txt">
</head>
<body>
<div id="imagenfondo">
contenido
</div>
</body>
</html>

y el archivo CSS externo seria asi

#imagenfondo{background-image:url(imagen.gif); background-repeat:no-repeat; background-attachment:fixed; background-position:'center top';}

bueno la verda yo eh estado practicando esto ultimamente y pues i me ah funcionado asiq ue espero te sirva

jorpcolombia · #5 (**permalink**) 13/12/2005, 21:45

lo de las listas, puedes poner lo siguiente en css:

Código:

li{
     list-style-image:url('laurldelaimagen.jpg');
}

donde laurldelaimagen.jpg es la dirección de la imagen que quieres que se mustre a cambio de los circulitos o las letras...(nota: deberías usar lista de tipo <ul>)

FlashitoMXDream · #6 (**permalink**) 15/12/2005, 13:23

gracias por sus respuestas, despues les muestro como kedo todo