Foros del Web » Creando para Internet » CSS »

problema de maquetacion css

Estas en el tema de problema de maquetacion css en el foro de CSS en Foros del Web. saludos. El problema que tengo es que tengo un menu con un <ul> <li> y dentro de los <li> tengo etiquetas <a> con unas propiedades ...
  #1 (permalink)  
Antiguo 28/05/2010, 14:01
 
Fecha de Ingreso: mayo-2009
Ubicación: Andalucia
Mensajes: 650
Antigüedad: 8 años, 7 meses
Puntos: 1
problema de maquetacion css

saludos.

El problema que tengo es que tengo un menu con un <ul> <li> y dentro de los <li> tengo etiquetas <a> con unas propiedades dadas como color etc etc en el archivo galerias.css

pero estoy metiendole un script para presentar las galerias de fotos que trae dos css (basic.css y galerificblablabla.css)

y el menu se me a desconfigurao por que los archivos css que trae el script me estan interfiriendo en el menu.

para intentar solucionar esto le e metido dentro de la etiqueta <a> esto:

<a class="menut" href="blablabla.html">contacto</a>

y luego en el archivo galerias.css que es donde tengo configurada la maquetación de la pagina en si tengo puesto lo siguiente:

#menu .menut a{ text-decoration:none; color:#FFFFFF; }

#menu .menut a:hover{ color:#000000;}

pero no me funciona el menu sigue mal colocado y con otros colores...

que puedo hacer?

gracias
  #2 (permalink)  
Antiguo 29/05/2010, 10:16
 
Fecha de Ingreso: mayo-2009
Ubicación: Andalucia
Mensajes: 650
Antigüedad: 8 años, 7 meses
Puntos: 1
Respuesta: problema de maquetacion css

ya e encontrado parte del problema. es la etiqueta <a> en el css de basic.css del script de galerias e desactivao el css para las <a> del script ahora el menu esta otra vez en color blanco y sin el subrayado pero sigue alineado a la derecha y con la tipografia del script no con la suya del resto de los menus de todas las paginas paso a poner el codigo aver si poniendo el codigo alguien sabe como ayudarme.


galerias.css :
Código:
@charset "utf-8";
/* CSS Document */

#caja{width:1010px; height:auto; margin:0 auto;margin-top:-14px;}

#menu{width:1010px; height:38px; background-color:#434343; }

#menu  ul li { display:inline; padding-left:140px; list-style-type:none;  font-family:Arial, Helvetica; padding-bottom:-15px;}

#menu  a{ text-decoration:none; color:#FFFFFF; }

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

#logo{width:800px; height:120px; margin:auto;}

#logo img {float:left;}

#logotexto{ width:395px; height:120px; }


#contenido{width:800px; height:950px; background-image:url(imagenes/1head.png); background-repeat:no-repeat; margin:auto; }

.mizquierdo{background-image:url(imagenes/miz2.png); background-repeat:repeat; width:800px; float:left; height:950px; margin-top:28px;  }

.mizquierdo h3{font-family:Arial, Helvetica; padding-left:30px; color:#333333;}

.mizquierdo p{font-family:Arial, Helvetica; font-size:12px; padding-left:38px; color:#333333;  padding-right:38px;}

.mizquierdo img {float:right; padding-right:33px; padding-top:15px; }
gallerific-4.css:
Código:
div.content {
	/* The display of content is enabled using jQuery so that the slideshow content won't display unless javascript is enabled. */
	display: none;
	float: right;
	width: 800px; 
}
div.content a, div.navigation a {
	text-decoration: none;
	color: #777;
}
div.content a:focus, div.content a:hover, div.content a:active {
	text-decoration: underline;
}
div.controls {
	margin-top: 5px;
	height: 23px;
}

/*preview y pa lante botones*/
div.controls a {
padding-right:20px;
}
div.ss-controls {
	float: left;
}
div.nav-controls {
	float: right;
}
div.slideshow-container {

	height: 50px;
	margin-left:15px;
}
div.loader {
	position: absolute;
	top: 0;
	left: 0;
	background-image: url('loader.gif');
	background-repeat: no-repeat;
	background-position: center;
	width: 550px;
	height: 502px; /* This should be set to be at least the height of the largest image in the slideshow */
}
div.slideshow {

}
div.slideshow span.image-wrapper {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
}
div.slideshow a.advance-link {
	display: block;
	width: 550px;
	height: 502px; /* This should be set to be at least the height of the largest image in the slideshow */
	line-height: 502px; /* This should be set to be at least the height of the largest image in the slideshow */
	text-align: center;
}
div.slideshow a.advance-link:hover, div.slideshow a.advance-link:active, div.slideshow a.advance-link:visited {
	text-decoration: none;
}

/*imagen principal*/
div.slideshow img {
	
	width:300px;
	height:300px;
border:none;
	margin-right:-470px;
	margin-top:400px;
}
div.download {
	float: right;
}
div.caption-container {
	
}
span.image-caption {
	display: block;
	position: absolute;
}

/*texto descriptivo de la imagen va debajo de ella*/
div.caption {
	background-color: #000;
	padding: 12px;
	color: #ccc;
}
div.caption a {
	color: #fff;
}
div.image-title {
	font-weight: bold;
	font-size: 1.4em;
}

div.image-desc {
	line-height: 1.3em;
	padding-top: 12px;
}
div.navigation {
	/* The navigation style is set using jQuery so that the javascript specific styles won't be applied unless javascript is enabled. */
}
ul.thumbs {
	clear: both;
	 padding-left:40px;
}


ul.thumbs li {
	float: left;
margin-left:22px;
line-height:9px;

	list-style: none;
}
a.thumb {
	padding:3px;
	display: block;
	border: 1px solid #ccc;
	width:60px;
	margin-left:-20px;
}
ul.thumbs li.selected a.thumb {
	background: #000;
}
a.thumb:focus {
	outline: none;
}
ul.thumbs img {
	border: none;
	margin-left:80px;
	
}
div.pagination {
	clear: both;
}
div.navigation div.top {
	margin-bottom: 12px;
	height: 11px;
}
div.navigation div.bottom {
	margin-top: 12px;
}
div.pagination a, div.pagination span.current, div.pagination span.ellipsis {
	display: block;
	float: left;
	margin-right: 2px;
	padding: 4px 7px 2px 7px;
	border: 1px solid #ccc;
}
div.pagination a:hover {
	background-color: #eee;
	text-decoration: none;
}
div.pagination span.current {
	font-weight: bold;
	background-color: #000;
	border-color: #000;
	color: #fff;
}
div.pagination span.ellipsis {
	border: none;
	padding: 5px 0 3px 2px;
}

#captionToggle a {
	float: right;

	margin-right:15px;
	
	/*
	background-image: url('caption.png');
	background-repeat: no-repeat;
	background-position: right;
	
	*/
}

BASIC.CSS:

Código:
html, body {
	margin:0;
	padding:0;
}
body{
	text-align: center;
	font-family: "Lucida Grande", "Lucida Sans Unicode", Verdana, Helvetica, Arial, sans-serif;

	color: #444;
	font-size: 75%;
}

/*
 a{
	color: #000000;
	text-decoration: none;
}
a:focus, a:hover, a:active {
	text-decoration: underline;
	
}
*/
p, li {
	line-height: 1.8em;
}
h1, h2 {
	font-family: "Trebuchet MS", Verdana, sans-serif;
	margin: 0 0 10px 0;
	letter-spacing:-1px;
}
h1 {
	padding: 0;
	font-size: 3em;
	color: #333;
}
h2 {
	padding-top: 10px;
	font-size:2em;
}
pre {
	font-size: 1.2em;
	line-height: 1.2em;
	overflow-x: auto;
}
div#page {
	width: 800px;
	
	margin: 0 auto;
	text-align: left;
	
}
div#container {
	padding: 20px;
}
div#ads {
	clear: both;
	padding: 12px 0 12px 66px;
}
div#footer {
	clear: both;
	color: #777;
	margin: 0 auto;
	padding: 20px 0 40px;
	text-align: center;
}
  #3 (permalink)  
Antiguo 01/06/2010, 15:55
 
Fecha de Ingreso: mayo-2009
Ubicación: Andalucia
Mensajes: 650
Antigüedad: 8 años, 7 meses
Puntos: 1
Respuesta: problema de maquetacion css

un problema que tengo ahora y no se por que me pasa. es que al pulsar sobre un enlace del menu se me cambia la imagen de la galeria por la siguiente en vez de cambiar de pagina. por que me pasara esto mas arriba teneis algo del css que estoy usando para la pagina galerias.php

Etiquetas: maquetacion
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 13:08.