Foros del Web » Creando para Internet » Diseño web »

no puedo visualizar imagenes

Estas en el tema de no puedo visualizar imagenes en el foro de Diseño web en Foros del Web. Hice una pagina html con css, que tiene iamgen enlos botones, el logo, pero... en opera, IE, y Firefox, las imagenes no se ven!! en ...
  #1 (permalink)  
Antiguo 21/07/2009, 17:37
 
Fecha de Ingreso: marzo-2009
Mensajes: 2
Antigüedad: 8 años, 9 meses
Puntos: 0
no puedo visualizar imagenes

Hice una pagina html con css, que tiene iamgen enlos botones, el logo, pero... en opera, IE, y Firefox, las imagenes no se ven!! en Safari se ven pero dudo tambien...
el link de la pagina es atuqtv . com. ar les colocare el archivo del html y el css para que me puedan ayudar..realmente no se ya que hacer.

Código:
body {
	margin-top: 0;
	padding: 0;
	background: #787878;
	text-align: justify;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 12px;
	color: #FFF;
}
#contenedor{
	margin: 0 auto;
	width: 1000px;
	height: 768px;
	text-align: left;
}

h1, h2, h3, h4 {
	margin-top: 0;
	color: #056998;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: lighter;
	text-transform: none;
	line-height: normal;
	page-break-before: auto;
	page-break-after: auto;
	list-style-type: none;
}

h1 {
	font-size: 12px;
	font-weight: normal;
}

h2 {
	font-size: 10px;
	font-family:Arial, Helvetica, sans-serif;
	font-style: normal;
	font-weight: lighter;
	position: static;
	word-spacing: 10px;
	list-style-type: none;
}

h3 {
	font-size: 10px;
}

h4 {
	font-size: 12px;
	font-family:Arial, Helvetica, sans-serif;
	
}

ul {
}

a {
	text-decoration: none;
	color: #056998;
}

a:hover {
	border-bottom: none;
}

a img {
	border: none;
}

img.left {
	float: left;
	margin: 0 10px 0 0;
}

img.right {
	float: right;
	margin: 0 0 0 10px;
}

#header {
	width: 1000px;
	margin: 0 auto;
	height: 200px;
	background: url(images/img02.jpg) repeat-x left top;
	body {

}

/* Header */

#logo {
	width: 1000px;
	height: 200px;
	margin: 0 auto;
	padding: 0;
	background: url(images/img01.jpg) no-repeat left top;
}

#logo h1, #logo p {
	float: left;
	margin: 0;
	color: #000;
}

#logo span {
	color: #000;
}

#logo h1 {
	padding: 25px 0 0 0;
	letter-spacing: 1px;
	text-transform: lowercase;
	font-weight: normal;
	font-size: 3em;
}

#logo p {
	text-transform: uppercase;
	padding: 47px 0 0 3px;
	font-size: 10px;
	color: #110E0F;
}

#logo a {
	border: none;
	text-decoration: none;
	color: #8C0209;
}

/* Menu */

#menu {
	width: 1000px;
	margin: 0px;
	padding: 0px;
	height: 30px;
	background: url(images/img02.jpg) no-repeat left top;
}

#menu ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

#menu li {
	display: inline;
}

#menu a {
	display: block;
	float: left;
	height: 32px;
	text-decoration: none;
	text-transform: capitalize;
	background: url (images/img03.jpg) no-repeat left top;
	font-family: "Arial Black", Gadget, sans-serif
	font-size: 12px;
	color: #FFFFFF;
	padding-left: 15px;
	padding-top: 6px;
	margin-top: auto;
	margin-right: 10px;
	margin-bottom: auto;
	margin-left: auto;
}

#menu a:hover {
	color: #FFFFFF;
}

#menu .current_page_item a {
	color: #FFFFFF;
}

/* Wrapper */

#wrapper {
}

/* Page */

#page {
	width: 990px;
	margin: 0 auto;
	background: #FFFFFF;
}

#page-bg {
	width: 990px;
	margin: 0 auto;
	padding: 10px 5px;
	background: #FFFFFF;
}

/* Latest Post */

#latest-post {
	padding: 20px;
	border: 1px solid #E7E7E7;
}

/* Content */

#content {
	float: left;
	width: 500px;
}

.post {
	padding-bottom: 15px;
	line-height: normal;
}

.post h1 {
	font-weight: normal;
}

.title {
	margin: 0;
	padding: 10px 0 4px 10px;
	font-weight: normal;
}

.title a {
	border-bottom: none;
	color: #8C0209;
}

.title a:hover {
	border-bottom: 1px dotted #000000;
}

.contenedor {
	border-bottom: 1px #BBBBBB dashed;
	margin: 5px 10px 10px 5px;
}

.tag {
	padding: 0 15px;
}

.entry {
	padding: 0 20px;
}

.links {
	padding: 4px 0px;
	text-align: right;
	font-weight: bold;
}

.links a {
	border: none;
}

.links a:hover {
}

/* Sidebars */

#sidebar1 {
	float: right;
	height: 700px;
	width: 200px
	list-style-type: none;
}

#sidebar2 {
	float: right;
	font-size: 12px;
	list-style-type: none;
}

.sidebar {
	float: left;
	width: 150px;
	padding: 0;
	font-size: 12px;
	list-style-type: none; 
}

.sidebar ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

.sidebar li {
	padding: 0;
	font-size: 12px;
	overflow: visible;
	visibility: inherit;
	list-style-type: none;
	text-align: left;
}

.sidebar li ul {
	list-style-type: none;
}

.sidebar li li {
	margin: 0 20px 0 15px;
	padding: 4px 0px;
	border-bottom: 1px #BBBBBB dashed;
	text-align: center;
}


.sidebar li h2 {
	height: 20px;
	margin: 0 0 0 0;
	padding: 10px 15px 0px 15px;
	background: url(images/img05.jpg) no-repeat left top;
	letter-spacing: 2px;
	font-size: 12px;
	color: #FFFFFF;
	list-style-type: none;
}

.sidebar a {
	text-align: left;
	list-style-type: none;
}

/* Search */

#searchform {
	margin: 0;
	padding: 0 0 0 0;
}

#searchform br {
	display: none;
}

#searchform h2 {
}

#s {
	margin: 10px 0px 0 15px;
	padding:0;
	width: 180px;
	height: 18px;
	border: 1px solid #81afca;
	background: #FFFFFF;
	font-size: 10px;
	color: #000000;
}

#x {
	margin: 0;
	padding: 0;
	height: 25px;
	background: #81afca;
	text-decoration: none;
	text-transform: uppercase;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #CCCCCC;
}
/* Calendar */

#calendar_wrap {
	padding: 0 15px;
	text-align: left;
}

#calendar_wrap table {
	width: 80%;
}

#calendar_wrap th {
}

#calendar_wrap td {
}

#calendar_wrap tfoot td {
	border: none;
}

#calendar_wrap tfoot td#prev {
	text-align: left;
	font-weight: bold;
	border: none;
}

#calendar_wrap tfoot td#prev a {
	border: none;
}

#calendar_wrap tfoot td#next {
	text-align: right;
	font-weight: bold;
	border: none;
}

#calendar_wrap tfoot td#next a {
	border: none;
}

/* Footer */

#footer {
	width: 960px;
	height: 70px;
	margin: 0 auto;
	padding: 0 20px;
	background: url(images/img04.jpg) no-repeat left top;
}

#footer p {
	margin: 0;
	padding: 25px 0 0 0;
	text-align: center;
	font-size: smaller;
}

#footer a {
}

#footer .link {
	float: right;
}

#footer .copyright {
	float: left;
}

.flower {
	padding-left: 0px;
}
  #2 (permalink)  
Antiguo 21/07/2009, 17:43
Avatar de Daniel Ulczyk
Moderador
 
Fecha de Ingreso: febrero-2005
Ubicación: Buenos Aires
Mensajes: 9.175
Antigüedad: 12 años, 9 meses
Puntos: 2072
Respuesta: no puedo visualizar imagenes con css

Por cierto, no es un problema de CSS; sino, más bien de lo que la imagen contiene.
Pegando la URL de la imagen en la barra de direcciones del navegador, no se visualiza siquiera.

Ej: http://www.atuqtv.com.ar/images/img02.jpg

Además, curiosamente, Firefox me informa que por dimensiones tiene 0px × 0px
__________________
—Somos lo que hacemos repetidamente. La excelencia, entonces, no es un acto sino un hábito. (Aristóteles dixit)
  #3 (permalink)  
Antiguo 21/07/2009, 17:49
Colaborador
 
Fecha de Ingreso: junio-2007
Mensajes: 5.798
Antigüedad: 10 años, 6 meses
Puntos: 538
Respuesta: no puedo visualizar imagenes con css

Efectivamente Daniel.
Es un problema de rutas. O bien no existen las imágenes o están alojadas en otro directorio.
Si se coloca en la url de background cualquier otra imagen de internet se muestra.

No es necesario que coloques el html. Revisa que has subido las imágenes a tu servidor.

Un saludo
__________________
Por una web con mucho estilo
+++ CUENTA ABANDONADA. ¿la quieres? +++
  #4 (permalink)  
Antiguo 21/07/2009, 18:25
Avatar de webosiris
Moderador egiptólogo
 
Fecha de Ingreso: febrero-2002
Ubicación: Luxor, Egipto
Mensajes: 10.727
Antigüedad: 15 años, 9 meses
Puntos: 997
Respuesta: no puedo visualizar imagenes

movido a web general desde css
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 20:04.