Hola, tengo el portal captivo montado y funciona de maravilla.
Pero veréis estoy tratando de adaptar una template para la página de login, esta template tiene una hoja de estilo. Pues bien la página de autentificación unas veces carga parte de esta template (me refiero a imágenes) otras veces carga otras... de forma que si le das a refrescar va cargando una parte u otra pero nunca muestra bien la página completa... no se que pasa?
EDITO___________________________
No es problema de las CSS porque lo hago sin css a pelo, poniendo varias imágenes y las carga como quiere unas veces carga unas otras veces otras...etc.
EDITO2__________________________
La única solución que he encontrado es cargar las imágenes desde otro servidor
________________________________
Aquí pongo la hoja el css
@charset "utf-8";
body {
margin-left: 0px;
margin-right: 0px;
background-color: #616161;
}
#layer01_holder {
width:563px;
height:157px;
margin:auto;
}
#layer01_holder #left {
background-image:url(loginpage_02.jpg);
background-repeat:no-repeat;
width:96px;
height:157px;
float:left;
display:block;
}
#layer01_holder #center {
background-image:url(loginpage_03.jpg);
background-repeat:no-repeat;
width:220px;
height:157px;
float:left;
display:block;
}
#layer01_holder #right {
background-image:url(loginpage_04.jpg);
background-repeat:no-repeat;
width:247px;
height:157px;
float:left;
display:block;
}
#layer02_holder {
width:563px;
height:164px;
margin:auto;
}
#layer02_holder #left {
background-image:url(loginpage_06.jpg);
background-repeat:no-repeat;
width:96px;
height:164px;
float:left;
display:block;
}
#layer02_holder #center {
background-image:url(loginpage_07.jpg);
background-repeat:no-repeat;
width:220px;
height:164px;
float:left;
display:block;
}
#layer02_holder #right {
background-image:url(loginpage_08.jpg);
background-repeat:no-repeat;
width:247px;
height:164px;
float:left;
display:block;
}
#layer03_holder {
width:563px;
height:124px;
margin:auto;
}
#layer03_holder #left {
background-image:url(loginpage_09.jpg);
background-repeat:no-repeat;
width:96px;
height:124px;
float:left;
display:block;
}
#layer03_holder #center {
background-image:url(loginpage_10.jpg);
background-repeat:no-repeat;
width:220px;
height:124px;
float:left;
display:block;
font-family: Verdana;
color: #FFFF00;
font-size: 12px;
font-weight: bold;
}
#layer03_holder #right {
background-image:url(loginpage_11.jpg);
background-repeat:no-repeat;
width:247px;
height:124px;
float:left;
display:block;
}
#layer04_holder {
width:563px;
height:115px;
margin:auto;
}
#layer04_holder #left {
background-image:url(loginpage_12.jpg);
background-repeat:no-repeat;
width:96px;
height:115px;
float:left;
display:block;
}
#layer04_holder #center {
background-image:url(loginpage_13.jpg);
background-repeat:no-repeat;
width:220px;
height:115px;
float:left;
display:block;
text-align:left;
padding-top:35px;
margin-bottom:-35px;
color: #FFFFFF;
font-size: 11px;
font-family: Arial;
}
#layer04_holder #center a:link, a:visited {
color: #FFFF00;
text-decoration:none;
}
#layer04_holder #center a:hover {
color: #FF9900;
text-decoration:underline;
}
#layer04_holder #right {
background-image:url(loginpage_14.jpg);
background-repeat:no-repeat;
width:247px;
height:115px;
float:left;
display:block;
}
#layer05_holder {
width:563px;
height:auto;
margin:auto;
color: #393939;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
text-align: center;
padding-left: 125px;
;
}
#layer03_holder #center form {
text-align:justify;
margin:0px;
}
#layer03_holder #center label {
font-size:10px;
color: #FFFFFF;
}
#layer03_holder #center input {
background-color:#454544;
border:solid 1px #d2d0b5;
color: #FFFFFF;
}
#layer03_holder #center #button {
margin-top:5px;
background-color: #CCCCCC;
border: 3px double #454544;
color: #454544;
margin-left: 169px;
right: 0px;
width: 50px;
}
Y aquí el html (Ya se que no funcionaría porque todavía no está acabado... pero si que debería verse bien toda la página, cosa que no sucede)
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<link href="stylelog.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="layer01_holder">
<div id="left"></div>
<div id="center"></div>
<div id="right"></div>
</div>
<div id="layer02_holder">
<div id="left"></div>
<div id="center"></div>
<div id="right"></div>
</div>
<div id="layer03_holder">
<div id="left"></div>
<div id="center">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td>LOGIN<br /><br /></td>
</tr>
<tr>
<td><form id="form1" name="form1" method="post" action="">
<label>Nama
<input name="textfield" type="text" id="textfield" />
</label>
<label>Password
<input type="text" name="textfield2" id="textfield2" style="margin-top:5px;" />
</label>
<label>
<input type="submit" name="button" id="button" value="Submit" />
</label>
</form> </td>
</tr>
</table>
</div>
<div id="right"></div>
</div>
<div id="layer04_holder">
<div id="left"></div>
<div id="center">
If you forgot your password, please contact administrator or <a href="#">click here</a></div>
<div id="right"></div>
</div>
<div id="layer05_holder">
<div align="left">Copyright © 2007, Artfans Design</div>
</div>
</body>
</html>
Las imágenes las tengo todas subidas... de hecho unas veces carga unas otras veces otras distintas...etc.
Gracias.
Topic: portal captivo no me acepta hojas de estilo