Bases de datos y CSS

[sajunt4]

Iniciado por pzin

Bienvenido al foro sajunt4.

Normalmente cuando se necesita aplicar un valor de la base de datos al CSS, lo que se hace es inyectarlo en el HTML, de tal modo que quede algo como:

Código HTML:

<p style="color: red"></p>
 

En CSS no pueden hacerse bucles. Tendrías que usar algún framework, como Sass, less o Stylus.

Pero bueno, creo que te estás complicando mucho por haber cometido un error muy de novato, el cual es hacer uso de posiciones absolutas cuando no hacen falta. A priori son muy fáciles y cómodos de usar ese tipo de posicionamientos, pero no lo verás en muchas webs profesionales porque crean muchos problemas que se evitarían usando un método más robusto de maquetación.
Ten una cosa en cuenta de forma general, que es algo que casi siempre se cumple; si necesitas usar posiciones absolutas en tu maquetación general —en la estructura— es que algo estás haciendo mal.

Entonces, antes de meterte en todo eso que comentas de usar bases de datos para hacer lo que quieres, yo te recomendaría publicar tu código HTML y CSS para ver si existe una solución más limpia a lo que quieres hacer.

Y ya de paso, en [URL="http://librosweb.es"]librosweb.es[/URL] tienes manuales en castellano, bastante buenos, sobre HTML y CSS.

Tal vez el tema hubiese encajado en el [URL="http://forosdelweb.com/f53"]foro de CSS[/URL]. A ver si te lo mueven para allá.

El código CSS de ese tramo es el siguiente:

Código:

nav{
	
	padding: 0px;
	width: 40px;
	height: 100%;
	left:0%;
	position: absolute;
	background-image:url(header.gif);
	position:fixed;
	z-index: 9999;
	
}
nov a{
	position: absolute;
	height: 34px;
	width: 34px;
	margin-left: 2px;
	margin-top: 2px;
	background-image: url(images/bar.png);
	border-radius: 1px;
	border: solid 1px;
	text-decoration: none;
	color: #0000;
		transition:all 1s;
 	-moz-transition:all 1s;
 	-ms-transition:all 1s;
 	-o-transition:all 1s;
 	-webkit-transition:all 1s;
	font-size:6px;
	text-align:center;
}
nov a:hover{
	height: 170px;
	width: 170px;
	background-image: url(images/bar.png);
	border-radius: 1px;
	border: solid 1px;
		transition:all 1s;
 	-moz-transition:all 1s;
 	-ms-transition:all 1s;
 	-o-transition:all 1s;
 	-webkit-transition:all 1s;
	font-size:20px;
	text-align: center;
}

Nav se refiere a la barra de navegación vertical y Nov es la abreviatura de novedades, correspondiente a cada uno de los iconos.

En cuanto al código que domina esto en el html, es simplemente <nav><nov></nov></nav>, lo cual añade un elemento a la barra (Puesto que con mi código no se pueden añadir mas).

Muchas gracias por la ayuda y disculpa por mi "novatez" jeje