28173 sujets

CSS et mise en forme, CSS3

newbieCSS a écrit :
bonjour à tous !
Je rencontre un problème avec ma feuille css, voilà ce que je cherche à réaliser avec mes liens et sur IE (pas sur FireFox, merci!)

1-liens, liens visités et liens actifs de couleur bleu sans aucun soulignement
2-liens survolés de couleur rouge et encadrés de noir sur fond jaune transparent.
Mais malheuresement cela ne marche pas sur tous les liens alors que j'utilise la même et unique feuille de style !!!

Remarque 2: Cela fonctionne également à l'intérieur des tableaux mais toujours pas sur un lien classique tout simple <a href="xxx">lien</a>

Voici mon code css :

<style TYPE="text/css">

A,A:link { color:#0000FF; }
A,A:visited,A:hover { color:#0000FF; text-decoration:none; padding:1px; }
A:hover { color:#FF0000; background-color:#FFF000; padding:0px; border:1px solid #000000; filter:Alpha(opacity=80, finishopacity=20, style=2); }

body {
scrollbar-face-color:#CCCCFF;
scrollbar-arrow-color:#000000;
scrollbar-track-color:#FFFFFF;
scrollbar-3dlight-color:#000000;
scrollbar-darkshadow-color:#000000;
background-color:#000000;
background-image:url(Images/background.gif);
font-family:Comic Sans MS; font-size:14;
background-attachment:fixed;
cursor:url(Images/curseur.cur); }

table {
background-image:url(Images/fond_tbl.gif); 
font-family:Comic Sans MS;
border-collapse:collapse;
border-color:#000000; 
font-size:12; }

td { border-color:#000000; }

.bodymenu  { font-size:15; font-weight:bold; background-color:#0000FF; background-image:url(Images/fond_tbl.gif); }
.tablemenu { background-image:none; }
.image1:hover  { background-color:transparent; padding:1px; border:none; }
.image2:hover  { padding:1px; border:none; }
.image3:hover  { paddind:0px; border:none; }
.menuderoulant { margin-left:5pt; font-size:10; }

p {
font-weight:bold; 
font-family:Comic Sans MS;
font-size:16; 
width:100%;
filter:Shadow(color=#C0C0C0, direction=135); 
text-decoration:underline; }

form, label, input, select, option, textarea {
font-family:Comic Sans MS; font-size:12; }

.degrade { 
filter:Alpha(opacity=100, finishopacity=70, style=2); }

.ombre { width:100%;
filter:Shadow(color=#C0C0C0, direction=135); }

.flipH   { filter:FlipH(); }
.flipV   { filter:FlipV(); }
.rayonX  { filter:XRay();  } 
.invert  { filter:Invert();}
.estompe { filter:Blur(direction=45, strength=20); } 

</style> 


Je pense qu'il y a un problème d'héritage mais je ne maitrise pas le sujet.
Un coup de main n'est pas de refus ! J'ai besoin d'un pro !
Merci beaucoup ! Smiley confus Smiley bawling

Modifié par newbieCSS (01 Jul 2007 - 17:02)
Bonjour et bienvenue sur Alsacréations Smiley smile ,

Ce qui ne semble pas être le cas sur la page qui m'accueille à l'adresse que tu donnes Smiley cligne :

a écrit :
Erreur : Problème de navigateur
Votre navigateur doit être Internet Explorer et identifiable.

Pas bien çà Smiley scared
J'ai pas de problèmes de navigateur je t'assure.
Modifié par Igor (01 Jul 2007 - 17:12)
çà s'enchaîne même avec IE:
a écrit :
Le certificat de sécurité de ce site Web présente un problème.

Le certificat de sécurité présenté par ce site Web n’a pas été émis par une autorité de certification approuvée.

Les problèmes de certificat de sécurité peuvent indiquer une tentative de duperie ou d’interception des données que vous envoyez sur le serveur.
Nous vous recommandons de fermer cette page Web et de quitter ce site.
Cliquez ici pour fermer cette page Web.
Poursuivre avec ce site Web (non recommandé).


Il va falloir virer ton machin qui exclu des navigateurs propres sur eux si tu veux obtenir de l'aide, et avant de se pencher sur la cascade CSS surtout reprendre tout ce qui est html, autant repartir sur des bases saines Smiley cligne

http://www.tuteurs.ens.fr/internet/web/html/
http://css.alsacreations.com/Bases-et-indispensables/

ps: c'est peut-être pas aussi simple Smiley cligne
seb a écrit :
Ce site a été crée dans le but de montrer que la création d'un site web est plus simple qu'on ne le pense !

Modifié par Igor (30 Jun 2007 - 20:53)