(Ayuda) no me toma la clase

[opzina]

Hola,

este es el html:

Código HTML:

<div id="perfil">
<ul>
	<li id="perfil_t" class="panelin"><h1 class="pan_tit">Perfil</h1>
		<ul>
<li><a href='#' title='Nombre Completo'>Nombre y Apellido</a></li>
<li><a href='#' title='Usuario'>Usuario</a></li>
<li><a href='#' title='Modificar Perfil'>Modificar mi perfil</a></li>
<li><a href='#' title='Turno Anterior'>Turno anterior</a></li>
<li><a href='#' title='Solicitar Turno'>Solicitar Turno</a></li>
		</ul>
	</li>
</ul>
</div> 

y este es el css:

Código HTML:

.pan_tit h1 {
	font-family:Calibri;
	font-size:18px;
	color:#de7047;
	position:relative;
	top:15px;
	left:25px;
}

y quiero darle formato y posicion al h1 pero no hay caso, no me toma el codigo css.

saludos

[pitufoweb]

Seria asi:


h1.pan_tit {}


Saludos.

[kseso?]

otra forma:

Código html:

<div id="perfil">
<ul>
    <li id="perfil_t" class="panelin"><h1>Perfil</h1>
....
 

y en el css (suponiendo que ya tienes la clase .pan_tit declarada:

Código css:

.pan_tit, #perfil ul li h1 {}
 

[opzina]

Hola, gracias por sus datos..

...pero no hay caso no doy en la tecla..

esta es la css completa:

Código HTML:

#panel {
	float:left;
	width:198px;
	min-height:560px;
	height:auto;
	overflow:hidden;
	margin-left:10px;
}

#panel ul li ul li {
	margin : 0;
	padding : 0 0 0 10px; 
	border-bottom : 1px solid #E8CC1C; 
	background:url(../img/vineta.png) no-repeat 5px 5px;
	height:20px;
	margin-top:3px;
}

#panel li a {
	margin-left:10px;
	margin-top:15px;
	text-decoration:none;
	color:#de7047;
}

.panelin {
	width:198px;
	min-height:200px;
	height:auto;
	overflow:hidden;
	background-color:#F6E99A;
	border-left:solid 2px #E0BB0C;
}

.pan_tit {
	width:198px;
	height:50px;
	background:url(../img/tit.panel_bg.jpg) no-repeat;
}

.pan_tit, #perfi ul li h1 {
	font-family:Calibri;
	font-size:18px;
	color:#de7047;
	position:relative;
	top:15px;
	left:25px;	
}	

No me toma el h1 y no puedo dar formato al titulo contenido en el mismo.
Cuando aplicos las formas que ustdes me recomendaron, no le da formato al h1 y me mueve el fondo de .pan_tit .

Saludos

[kseso?]

Hola Opzima.
Lo que ocurre es que en ningún lado del css tienes definido #perfil.

Así que cambia a

<div id="panel">
<ul>
<li id="perfil_t" class="panelin"><h1>Perfil</h1>
<ul>...

y en el css:

.pan_tit, #panel ul li h1 {
font-family:Calibri;

Por cierto, define otra familia a mayores de calibri ( no todo el mundo tendrá esa fuente, creo recordar que se instala con M$ Office 2007)

Un saludo

[opzina]

Hola, gracias...

Si tengo definifo a #panel: (todo codigo html) y arriba esta toda la css)

Código HTML:

<!--inicio panel de opciones-->
<div id="panel">

<div id="perfil">
<ul>
	<li id="perfil_t" class="panelin"><h1 class="pan_tit">Perfil</h1>
		<ul>
<li><a href='#' title='Nombre Completo'>Nombre y Apellido</a></li>
<li><a href='#' title='Usuario'>Usuario</a></li>
<li><a href='#' title='Modificar Perfil'>Modificar mi perfil</a></li>
<li><a href='#' title='Turno Anterior'>Turno anterior</a></li>
<li><a href='#' title='Solicitar Turno'>Solicitar Turno</a></li>
		</ul>
	</li>
</ul>
</div>

<div id="pasos">
<ul>
	<li id="pasos_t" class="panelin"><h1 class="pan_tit">Turnos: pasos</h1>
		<ul>
<li><a href='#' title='Primer Paso'>Primer Paso</a></li>
<li><a href='#' title='Segundo Paso'>Segundo Paso</a></li>
<li><a href='#' title='Tercer Paso'>Tercer Paso</a></li>
<li><a href='#' title='Cuarto Paso'>Cuarto Paso</a></li>
<li><a href='#' title='Quinto Paso'>Quinto Paso</a></li>
		</ul>
	</li>
</ul>
</div>

</div>
<!--fin panel de opciones--> 

ahora con:
.pan_tit, #panel ul li h1 {
font-family:Calibri;
}

le da formato, pero necesito posicionarcon positio o usar margin o padding.... el tema es q cuando aplico algunade las propiedades tambien se mueve el fondo.. mirar.

y lo que quiero mover/posicionar es solo el contenido de h1.

[opzina]

solucionado,

Gracias! :)