PDA

Ver la versión completa : [Ayuda] Duda con Stylesheet en web PHP



nakio
08/09/2008, 00:56
Hola a todos, estoy aquí con un proyectillo y me he quedado parado por culpa de un problema tonto.
Resulta que tengo dos elementos en una web los cuales cada uno tiene su propio archivo .css y de esta forma:



<link rel="stylesheet" href="desplegable/nko_style.css" type="text/css"/>

<link rel="stylesheet" href="<?php resumendatos('stylesheet_url'); ?>" type="text/css" media="screen" />

Funciona correctamente el elemento que hace uso del 2º .css mientras que el primero la única forma de hacerlo funcionar es borrando el 2º .css o eliminando la referencia a él en el código.

Pues bien, he intentado unir ambos archivos en uno solo y una vez más solo funciona la parte de la web que hace mención al segundo elemento, y me he asegurado de que ningun elemento de cada .css compartan nombre ni nada por el estilo.

A ver si me podéis echar una mano :brindis:.

Saludos, Nakio.

PD: con "funcionar correctamente" me refiero a que las cosas se ven como debieran.

PharaOnyx
08/09/2008, 01:02
El <link> de arriba no está cerrado, pero es una cuestión tonta. Imagino que el css está en la ruta relativa que indicas en el href, ¿no?. ¿Has revisado que la sintaxis de los archivos sea correcta?. A ver si tienes algún ';' o alguna '{}' de más o de menos...

Saludos, Alex

pd: si pones los CSS por aquí les podemos echar un ojo entre todos...

nakio
08/09/2008, 01:10
Este es el nko_style.css



.nakioMenu {LEFT: -1000px; OVERFLOW: hidden; POSITION: absolute; TOP: -1000px}
.nakioMenu .contenido {POSITION: absolute; LEFT: 0px;}
.nakioMenu .elementos {BORDER-RIGHT: #000080 1px solid; BORDER-TOP: #000080 0px solid; Z-INDEX: 2; LEFT: 0px; BORDER-LEFT: #D4D4D4 1px solid; BORDER-BOTTOM: #000080 1px solid; POSITION: relative; TOP: 0px}
.nakioMenu .elemento {BORDER-RIGHT: medium none; BORDER-TOP: medium none; FONT-SIZE: 10px; BORDER-LEFT: medium none; CURSOR: hand; COLOR: #000000; BORDER-BOTTOM: medium none; FONT-FAMILY: Arial; TEXT-DECORATION: none}
.nakioMenu .fondo {Z-INDEX: 1; FILTER: alpha(opacity=100); LEFT: 0px; POSITION: absolute; TOP: 0px; moz-opacity: .8}
.nakioMenu .sombraderecha {Z-INDEX: 3; FILTER: alpha(opacity=40); WIDTH: 2px; POSITION: absolute; TOP: 3px; moz-opacity: .4}
.nakioMenu .sombrapie {Z-INDEX: 1; FILTER: alpha(opacity=40); LEFT: 3px; POSITION: absolute; HEIGHT: 2px; moz-opacity: .4}
.nakioMenu .encima {background:D4D4D4; color:000080;}
.nakioMenu .elemntoIMG {MARGIN-LEFT: 10px}


Y este el otro:


body {
font-size: 8px;
font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
background: #d5d6d7 ;
color: #333;
text-align: center;
}

#pagina {
background-color: white;
border: 1px solid #959596;
text-align: left;
font-size: 8px;
}

#header {
background: #73a0c5;
}

#headerimg {
margin: 7px 9px 0;
height: 224px;
width: 100%;
}

#contenido {
font-size: 0.9em
}

.anchocolumna .entry p {
font-size: 1.05em;
}

.narrowcolumn .entry, .widecolumn .entry {
line-height: 1.4em;
}

.widecolumn {
line-height: 1.6em;
}

.narrowcolumn .postmetadata {
text-align: center;
}

.alt {
background-color: #f8f8f8;
border-top: 1px solid #ddd;
border-bottom: 1px solid #ddd;
}

#footer {
background: #eee url('images/kubrickfooter.jpg') no-repeat top;
border: none;
}

small {
font-family: Arial, Helvetica, Sans-Serif;
font-size: 0.9em;
line-height: 1.5em;
}

h1, h2, h3 {
font-family: 'Trebuchet MS', 'Lucida Grande', Verdana, Arial, Sans-Serif;
font-weight: bold;
}

h1 {
font-size: 2em;
text-align: center;
}

#headerimg .description {
font-size: 1em;
text-align: center;
}

h2 {
font-size: 1.3em;
}

h2.pagetitle {
font-size: 1em;
}

#sidebar h2 {
font-family: 'Lucida Grande', Verdana, Sans-Serif;
font-size: 1.3em;
}

h3 {
font-size: 0.9em;
}

h1, h1 a, h1 a:hover, h1 a:visited, #headerimg .description {
text-decoration: none;
color: white;
}

h2, h2 a, h2 a:visited, h3, h3 a, h3 a:visited {
color: #333;
}

h2, h2 a, h2 a:hover, h2 a:visited, h3, h3 a, h3 a:hover, h3 a:visited, #sidebar h2, #wp-calendar caption, cite {
text-decoration: none;
}

.entry p a:visited {
color: #b85b5a;
}

.commentlist li, #commentform input, #commentform textarea {
font: 0.9em 'Lucida Grande', Verdana, Arial, Sans-Serif;
}

.commentlist li {
font-weight: bold;
}

.commentlist li .avatar {
float: right;
border: 1px solid #eee;
padding: 2px;
background: #fff;
}

.commentlist cite, .commentlist cite a {
font-weight: bold;
font-style: normal;
font-size: 1.1em;
}

.commentlist p {
font-weight: normal;
line-height: 0.8em;
text-transform: none;
}

#commentform p {
font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
}

.commentmetadata {
font-weight: normal;
}

#sidebar {
font: 1em 'Lucida Grande', Verdana, Arial, Sans-Serif;
}

small, #sidebar ul ul li, #sidebar ul ol li, .nocomments, .postmetadata, blockquote, strike {
color: #777;
}

code {
font: 1.1em 'Courier New', Courier, Fixed;
}

acronym, abbr, span.caps
{
font-size: 0.9em;
letter-spacing: .07em;
}

a, h2 a:hover, h3 a:hover {
color: #06c;
text-decoration: none;
}

a:hover {
color: #147;
text-decoration: underline;
}

La sintaxis esta bien porque es eliminar el 2º archivo .css del FTP y la parte que utiliza el primero funciona bien.

Saludos, Nakio.

Malenko
08/09/2008, 01:50
A mi me da que es más por el tag "media" que en el primero no especificas...

nakio
09/09/2008, 00:29
A mi me da que es más por el tag "media" que en el primero no especificas...

Ya lo probé y nada....

Saludos, Nakio.

nakio
11/09/2008, 22:33
No tenéis ni zorra cabrônes :D

Saludos, Nakio.

nakio
13/09/2008, 16:19
Venga hombre! que no puede ser tan dificil xD

Saludos, Nakio.

< - >
Arreglado, borre la clase .navigation del style.css de wordpress y listo.

Saludos, Nakio.