CSS pas totalement interprété

Répondre
Citer ce message
bibi
le 02/12/2004 à 14:38
bibi
en fait j'ai recopié le source d'alsacréation(encore lui) pour faire un site avec des pseudos frame en div sans table sans frame et j'ai voulu rajouter ma ptite touche perso donc voila ce que ca donne :

body {

margin: 0;

padding:0;

position: absolute;

width: 100%;

height: 100%;

font-family: verdana, arial, sans-serif;

}

.haut {

width: auto;

height: 126px;

font-family: tahoma;

background-color: #5e7f97;

color: #fff;

font-size: 30px;

padding: 10px;

}

.conteneur {

height: 338px;

width: 100%;

}

.gauche {

position: absolute;

left: 0;

font-size: 10px;

width: 180px;

height: 338px;

background-color: #434343;

/*background-image: url(gauche.gif);*/

}

.frame {

margin-left: 180px; /* on place ce bloc à droite du bloc menu de 180px de large */

width: auto;

height: 338px;

background-color: #434343;

overflow: auto; /* cette propriété va permettre le scroll de ce bloc */

font-size: 10px;

}

.bas {

width: auto;

height: 10px;

background-color: #5e7f97;

color: #fff;

font-size: 10px;

padding: 10px;

}





.texte

{

font-size: 10px;

color: white;

}



li

{

	color: #434343;

}

.erreur

{

	font-size:25px;

	font: bold;

	text-align:center;

	color:red;

}



a:link

{

	font-size: 10px;

	color: #32CF32;

	text-decoration:underline;

	/*text-decoration: none;*/

}



a:hover

{

	font-size: 10px;

	color: #FFFFFF;

	text-decoration: none;

}

a:visited

{

	font-size: 10px;

	color: #32CF32;

	/*text-decoration:underline;*/

}



input{

font-family: verdana;

font-size: 11px;

color: #32CF32 ;

font-weight:0;

background-color: #5A5A5A;

border: 1px solid #000000;

margin-top: 1px;

}



donc les style que j'ai rajouté :

input, li, a(link,hover,visited) et les class .erreur et .texte. Je crois que c'est tout . Tout marche au poil comme dirait moogli smiley sauf pour les liens. en fait le color: #FFFFFF; pour le hover ne se fait pas , mais par contre le text-decoration et le font-size sont interprétés correctement. J'ai essayé de foutre juste le style sur les liens dans une autre page et ca marche nikel. Donc c bien un problème sur ma page, pcke d fois ca marche, mais genre 1 fois tous les 100 ans.Mais j'ai aps réussi a trouver ce qui pouvait interférer avec ça. Ah oui aussi , j'avais essayé pour voir un text-decoration: underline overline; et en fait, que je le mette accompagné du underline ou seul, le overline n'est jamais interprété. Donc apres je me suis dis : c firefox qui foire mais ca fait pareil sous IE, j'ai upload sur un ftp, http://csmpowa.free.fr/album/ et ca fait pareil, j'ai essayé a l'iut. bref je pete un cable moi. Voilou merci dmaider lé gens héhé
+++
commit suicide
Citer ce message
Layer
le 02/12/2004 à 16:04
Layer
ben ça marche sous Mozilla, Firefox et IE

ctrl + F5 pour la recharge ;)
Error 500 : internal brain error
Citer ce message
bibi
le 02/12/2004 à 16:44
bibi
ok bah jcapte keudal alors
prkoi moi ca marche pas :/

v vous donner toute ma page index pcke javouerai ke c un peu bizarre

<?

session_start();



function redirection($url){

  if (headers_sent()){

    print('<meta http-equiv="refresh" content="0;URL='.$url.'" />');

  }

else {

header("Location: $url");

  }

}

function email_OK ($email) {

    $test_mail=eregi('^[_a-z0-9-]+(\.[_a-z0-9-]+)*@[a-z0-9-]+(\.[a-z0-9-]+)+$',$email);

    if ($test_mail) {

        list ($login, $domaine) = split ("@", $email,2);

        if (checkdnsrr ($domaine, "MX")) {

            return TRUE;

        }

        else {

            return FALSE;

        }

    }

    else {

        return FALSE;

    }

}



?>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" lang="fr" xml:lang="fr">

<head>

<meta name="language" content="fr" />

<meta http-equiv="Content-type" content="text/html; charset=iso-8859-1" />

</head>

<style type="text/css">@import url(style.css);</style>

<body bgcolor=#434343>

<div class="haut">Album Photo</div>

<div class="gauche">

<ul>

	<li><a href="index.php?page=accueil">Accueil du site</a></li>



	<? if(isset($_SESSION['login']) && isset($_SESSION['pass']))

	{

		?>	<li><a href="index.php?page=log&action=logout">Déconnexion</a></li>

			<li><a href="index.php?page=membre">Mon compte</a></li>

			<li><a href="index.php?page=file">Mes fichiers</a></li>

		<?}

		else

		{ ?><li><a href="index.php?page=inscr">Inscription</a></li>

			<li><a href="index.php?page=login">Connexion</a></li><?

		}



		?>

</ul>

</div>

<div class="frame">

<?php



if(!isset($_GET['page'])) $page='accueil';

else $page = $_GET['page'];



switch($page)

{

	case 'accueil': include("accueil.php");break;

	case 'login': include("login.html");break;

	case 'verif': include("verif.php");break;

	case 'log' : include("login.php");break;

	case 'inscr': include("inscription.html");break;

	case 'membre': include("membre.php");break;

	case 'file': include("fichier.php");break;

	case 'fic': include("fic.php");break;

	case 'upload': include("upload.php");break;

	case 'erreur': include("erreur.php");break;

	default: include("erreur.html");break;

}





?>

</div>

<div class="bas" align=center>&copy; Benji TP261 2004-2005</div>

</body>

</html>


le css donné plus haut est contenu dans le fichier style.css

voila merci davance
commit suicide
Citer ce message
bibi
le 02/12/2004 à 16:48
bibi
donc en fait je viens de remarquer que les liens vers les pages inexistantes se mettent bien en blanc on mouse over mais que les liens vers des pages existantes eux, ne le font pas. Aurais je inventé un css capable de détecter les pages existantes ? mdr
commit suicide
Citer ce message
Layer
le 02/12/2004 à 17:11
Layer
donc en fait je viens de remarquer que les liens vers les pages inexistantes se mettent bien en blanc on mouse over mais que les liens vers des pages existantes eux, ne le font pas. Aurais je inventé un css capable de détecter les pages existantes ? mdr


tu ve dire les liens quon a déja cliquer ? si oui ben tu fait :

a.visited{
color: #ffffff
}
Error 500 : internal brain error
Citer ce message
Layer
le 02/12/2004 à 17:12
Layer
et puis comme je viens de te dire c'est pas un soucis au niveau du codage, c au niveau de ton cache , flush ton cache
Error 500 : internal brain error
Citer ce message
bibi
le 02/12/2004 à 17:19
bibi
ok g viré le cache et ca marche merci

eske ca existe un truc genre a:hover:visited

pcke si je change le a:visited, ca change la couleur du lien avant meme le survol .

merci d'avance
commit suicide
Citer ce message
Layer
le 02/12/2004 à 17:22
Layer
a:hover, a:visited{
instruction
}

tu peux faire, pas a:hover:visited smiley
Error 500 : internal brain error
Citer ce message
bibi
le 02/12/2004 à 17:25
bibi
t'as pas bien compris ske jvoulai faire héhé

en fait, le a:visited c comme le a:link mais une fois que le mec a déja cliqué dessus, donc c'est l'état qui est PAS "on mouse over". le problème c'est qu'une fois que le lien a été cliqué, le a:hover ne marche plus . Je voudrais savoir s'il existe un équivalent de a:visited pour le a:hover
j'espere avoir été plus clair smiley

merci davance
commit suicide
Répondre
LoadingChargement en cours