|
|
|
La Communauté Webmaster 
Tous les résultats pour style css
| 1 |
Technique - programmation / HTML / CSS / XHTML / Commentaires conditionnels non pris en compte |
sur: Hier à 20:15:44 |
| Commencé par Jul11, Message par Jul11 |
Bonjour,
Pour obtenir un affichage homogène de mon site sur les différents navigateurs, j'utilise la méthode des commentaires conditionnels pour appeler des CSS adaptés à différentes versions d'Internet explorer.
Ca marche très bien avec le commentaire destiné à IE7, mais celui que j'ajoute pour IE6 avec l'appel de la feuille de style adaptée à IE6 ne semble pas pris en compte. En tous cas, rien ne change visiblement sur IE6. Même avec des changements qui devraient être immédiatement visibles, comme la suppression des images en background...
Voici la syntaxe de mes commentaires, dans le head de la page. Vous serez peut-être déconcertés par la syntaxe #CHEMIN{} qui précède le nom de la feuille de style : elle est nécessaire pour un site fonctionnant sur SPIP.
<!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>Ciné 32</title>
<script src="#CHEMIN{SpryAssets/SpryMenuBar.js}" type="text/javascript"></script>
<link href="#CHEMIN{SpryAssets/SpryMenuBarHorizontal.css}" rel="stylesheet" type="text/css" />
<link href="#CHEMIN{sommaire.css}" rel="stylesheet" type="text/css" media="all" />
<!--[if IE 6]><link href="#CHEMIN{sommaireie6.css}" rel="stylesheet" type="text/css" media="all" /><![endif]-->
<!--[if IE 7]>
<link href="#CHEMIN{sommaireie.css}" rel="stylesheet" type="text/css" media="all" />
<![endif]--> |
|
Et le lien vers la page en question : http://jul11.idoo.com/
Merci d'avance !
|
  
|
|
| 2 |
Technique - programmation / HTML / CSS / XHTML / Re:css sur body ?? |
sur: le 08-05-2008 à 08:15:09 |
| Commencé par rjl, Message par Lilian |
Il faut fixer une taille à chaque élément du li autrement il peut pas centrer.
Pour ce qui est de définir du style à un "body"
Il suffit de déclarer dans le CSS :
body { } |
|
|
|
| 3 |
Technique - programmation / HTML / CSS / XHTML / Re:css sur body ?? |
sur: le 06-05-2008 à 01:02:19 |
| Commencé par rjl, Message par rjl |
Tu as raison, ce n'est plus cohérent dans ma présentation car je continue à essayer de progresser et donc, je modifie tant le HTML que la CSS !
En fait, je me suis rendu compte que les css étaient prises en compte mais pas pour toutes leurs propriétés : je ne domine pas du tout les dépendance ou filiation des balises
Suite à ces essais, je suis maintenant bloqué sur la prise en compte des attributs pour centrer dans une colonne le menu ! Je n'arrive pas à faire agir un text-align:center; !
(J'ai d'ailleurs des problèmes similaires pour les images d'où les styles leur correspondant restés noyé avec le HTML, faute de savoir pour moi le faire agir en css !)
<div class="centrage">
<div class="menu">Menu</div>
<!-- Fin class Menu -->
<div class="menucorps">
<ul id="navigation">
<li><a href="../Index.html">Retour
menu principal</a></li>
<li><a href="#"> </a></li>
<li><a href="AR22-ConseilAdministration.html">Conseil
d'Administration</a></li>
<li><a href="AR22-Commissions.html">Commissions</a></li>
|
|
Correspondant à cet essai de centrage la css est alors :
.centrage { text-align: center ;}
.menu { font-size: xx-large;}
.menucorps {font-size:normal; width: 83%;}
#navigation li{ background: #ffff80 ; color: blue ; border: 1px solid #600 ; margin-bottom: 1px ; text-align: center ; text-decoration: none ; list-style-type:none;} |
|
Je n'arrive pas à trouver d'exemple sur ce thème et j'ai réussi à approcher (mal) une solution en forçant du padding à droite !
@ bientôt et merci RJL20080506 |
|
|
|
| 4 |
Technique - programmation / HTML / CSS / XHTML / Re:css sur body ?? |
sur: le 05-05-2008 à 08:52:42 |
| Commencé par rjl, Message par Izanagi |
tu utilises la classe "bodystyl", dans quelle balise l'utilises-tu ?
Plus haut je vois que tu indiques :
<body style="margin: 10px; background-color: rgb(255, 255, 204);">
Mais il n'y a aucune classe dedans. Essaie de rajouter class="bodystyl" pour voir ?
<body style="margin: 10px; background-color: rgb(255, 255, 204);" class="bodystyl">
ou remplace .bodystyl dans ta feuille css par body :
body {
...
}
Vérifie que le chemin relatif vers la feuille de style est correct :
href="../CSS-AR22.css"
|
|
|
|
| 5 |
Technique - programmation / HTML / CSS / XHTML / CSS sur body ?? |
sur: le 05-05-2008 à 00:08:42 |
| Commencé par rjl, Message par rjl |
Bonjour Izanagi
et merci de tes indications ; pour autant, je ne pense pas être en faute sur ces points puisque j'utilise une feuille de style externe<link rel="stylesheet" type="text/css"
href="../CSS-AR22.css" /> |
|
|
|
Le problème vient de mes éléments de style pris en compte en direct mais non pris en compte s'ils proviennent de cette feuille de style externe (contrairement à la majorité des éléments de styles pris en compte normalement ) !
La question : "qu'est ce qui cloche dans les élément de style de la feuille externe contenant ":.bodystyl { margin:10px; background-color: rgb(255, 255, 204); font-family: "comic sans ms", verdana, helvetica,
arial, sans-serif ; font-size: medium; line-height: 120%;} |
|
Merci d'avance pour vos remarques RJL20080505 |
|
|
|
| 6 |
Technique - programmation / HTML / CSS / XHTML / Re:" background-repeat: no-repeat " ne marche pas |
sur: le 04-05-2008 à 21:33:23 |
| Commencé par nenex-eh, Message par Izanagi |
non pas du tout il est même conseillé de mettre tes feuilles css dans un dossier à part nommé par exemple /css
Cela fonctionne comme n'importe quelle page tant que tu indiques le bon chemin en relatif dans ton code.
par exemple href="css/styles.css" ou href="../css/styles.css" ou href="../../../../css/styles.css" lol, suivant le dossier ou est situé ta page.
n'hésite pas si tu as d'autres questions. par email aussi akuphil@gmail.com |
|
|
|
| 7 |
Technique - programmation / HTML / CSS / XHTML / Re:" background-repeat: no-repeat " ne marche pas |
sur: le 04-05-2008 à 19:47:28 |
| Commencé par nenex-eh, Message par nenex-eh |
Ha oui c'est vrais ! pour les tableaux je met les dimension en pourcentage. Pour la position horisontale j'ai mis en % et pour l'horisontale en pixel. J'ai pas compris pourquoi, mais pour la position verticale, l'image c'est bien place quand j'ai rajoute des lignes. Je pense que je suis paré pour faire d'autre feuille de style  . Une derniere question : il faut obligatoirement mettre la fueille de style dans le meme dossier que le dossier avec lequel elle est attache ? j'ai vu ca sur un site. Je trouve quand meme zarbi car le CSS c'est fait pour alleger et etre utiliser avec plusieurs page et que les modifs se fasse plus facilement. C'est pas logique. |
|
|
|
| 8 |
Technique - programmation / HTML / CSS / XHTML / Re:css sur body ?? |
sur: le 04-05-2008 à 10:19:12 |
| Commencé par rjl, Message par Izanagi |
Tes styles doivent se trouver entre les balises
<STYLE type="text/css"></style> et non directement dans head.
<STYLE type="text/css">
<!--
Définition des styles;
-->
</STYLE>
|
|
|
|
| 9 |
Technique - programmation / HTML / CSS / XHTML / Re:" background-repeat: no-repeat " ne marche pas |
sur: le 03-05-2008 à 23:04:14 |
| Commencé par nenex-eh, Message par nenex-eh |
me suis penche sur la creation de feuille de style dans dream. Depuis le temps...
Le probleme c'est que ca met l'image en fond de ligne et pas de la page :
Le dessin qu'on devrais voir c'est le meme qui se trouve dans le logo en haut sous le titre TXIN TXIN.
Voila le code de ma feuille de style fond-de-page.css
.fond-de-page {
font-family: "Comic Sans MS";
font-size: 10pt;
color: #FFFF00;
background-image: url(elements-du-site/accueil/logo-arriere-plan.png);
background-repeat: no-repeat;
background-position: center center;
}
|
|
Et celui de ma page HTML :
//-->
</script>
<style type="text/css">
<!--
@import url("fond-de-page.css");
-->
</style>
</head>
|
|
Je comprend pas pourquoi ca fait ca. |
|
|
|
| 10 |
Technique - programmation / HTML / CSS / XHTML / Re:" background-repeat: no-repeat " ne marche pas |
sur: le 29-04-2008 à 13:38:00 |
| Commencé par nenex-eh, Message par Izanagi |
tu peux essayer déjà de corriger l'erreur suivante :
remplacer :
<body background="elements-du-site/accueil/fond-et-dessin.png" background-repeat: no-repeat>
par :
<body style="background-repeat: no-repeat; background-image: url(elements-du-site/accueil/fond-et-dessin.png);">
Il vaut mieux en effet mettre tes styles sur une feuilles de style séparée, que tu appelles depuis ta page html avec :
<link rel="stylesheet" type="text/css" href="css/styles.css" media="screen" />
Dans ta feuille de style tu indiques :
body {
background-repeat: no-repeat;
background-image: url(elements-du-site/accueil/fond-et-dessin.png);
}
Et dans ta page html tu laisses le tag body vide comme ceci:
<body>
|
|
|
|
| 11 |
Technique - programmation / HTML / CSS / XHTML / css sur body ?? |
sur: le 28-04-2008 à 00:58:12 |
| Commencé par rjl, Message par rjl |
Bonjour,
Je m'aperçois que j'avais laissé du style directement avec le HTML au niveau de <body>.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html>
<head>
<meta content="text/html; charset=ISO-8859-1"
http-equiv="content-type" />
<title>Aînés Ruraux 22 Objectifs</title>
<link rel="stylesheet" type="text/css"
href="../CSS-AR22.css" />
</head>
<body style="margin: 10px; background-color: rgb(255, 255, 204);">
<div class="colgch">
|
|
Dans ce cas, mes éléments de style sont pris en compte ; si je les porte en css que ce soit directement avec la référence body ou comme je l'ai aussi fait aussi pour essai en créent une class "bodystyl" ça na fonctionne plus ? Comment s'en sortir ? Nécessité de rester dans la feuille HTLM avec le style comme pour les images ?
Voila ce que j'ai en css ;
<head>
.bodystyl { margin:10px; background-color: rgb(255, 255, 204); font-family: "comic sans ms", verdana, helvetica,
arial, sans-serif ; font-size: medium; line-height: 120%;}
.colgch { width: 15%; color: blue; float: left; } |
|
si quelqu'un peut me préciser l'impact de head (et son pendant fin head) en css, alors merci !
Je sais que c'est aberrant mais si je le supprime, mes lignes de texte se chevauchant verticalement, en particulier rendant toute lecture impossible !!
D'avance merci que ce soit pour ma question de base (css avec body) ou la question subsidiaire (head).
@bientôt RJL20080428 |
|
|
|
| 12 |
Technique - programmation / HTML / CSS / XHTML / Re:" background-repeat: no-repeat " ne marche pas |
sur: le 25-04-2008 à 18:13:54 |
| Commencé par nenex-eh, Message par Netah |
| <body STYLE="background-image: url(elements-du-site/accueil/fond-et-dessin.png); background-repeat: no-repeat"> |
|
C'est quand meme mieux de mettre tout ca dans un fichier css séparé |
|
|
|
| 13 |
Général / Discussions générales / gros bug css sous ie |
sur: le 24-04-2008 à 23:29:16 |
| Commencé par scoubi74, Message par scoubi74 |
bonjour,
en train de développer mon nouveau site www.74poker.com sous mozilla, et respectant à la stricte les normes du w3c, mes pages sont validés par la W3C. Mais malheureusement en faisant un test sous ie, j'ai l'impression que les styles css ne sont pas appliqués. Et pourtant meme ma feuille de style est validé par la W3C. Je ne sais vraiment pas quoi faire je suis découragé et je ne trouve vraiment pas l'erreur. Que me conseillez vous ? |
|
|
|
| 14 |
Technique - programmation / HTML / CSS / XHTML / CSS pour une iframe |
sur: le 21-04-2008 à 16:56:25 |
| Commencé par Gigi'z, Message par Gigi'z |
Bonjour,
Je voudrai intégrer dans une page web une petite partie qui se recharge sans recharger toute la page.
Pour çà j'aurai voulu y mettre une petite iframe mais sans bordure.
J'arrive à ce qu'il n'y ait pas la bordure sous Firefox mais pas sous IE 
J'ai essayé 2 techniques :
- dans la page <iframe .... border="0" style="border-width: 0px;"></iframe>
- dans un fichier css : iframe.noborder { ... border-width: 0px; }
Comment je peux faire ?
Merci |
|
|
|
| 15 |
Technique - programmation / HTML / CSS / XHTML / Re:Validation CSS : comment ? |
sur: le 17-04-2008 à 10:00:51 |
| Commencé par rjl, Message par jb_gfx |
| <head> est une balise HTML qui n'a rien a faire dans une feuille de style. |
|
|
|
| 16 |
Général / Présentation / Junior |
sur: le 16-04-2008 à 12:36:06 |
| Commencé par Junior, Message par Junior |
Junior
24 ans
Développeur et référenceur depuis 5 ans
N'y alcool et ne fume pas
Je suis plus style rap américain, saoul, reggaeton
Photoshop et Photofiltre
xhtml et css
www.junior-creation.com
Sport de combat depuis mais 9 ans ^^ Judo 2 ans et sinon Kick boxing et vale tudo et capoéira, plus beaucoup d'acrobatie
J'ai decouvert le forum en cherchant tout simplement " forum webmaster " sur notre ami GG 
|
|
|
|
| 17 |
Technique - programmation / HTML / CSS / XHTML / Re:Validation CSS : comment ? |
sur: le 13-04-2008 à 11:46:01 |
| Commencé par rjl, Message par rjl |
Bonjour Lilian,
C'est plus complexe que je ne le pensais... pour une feuille CSS qui donne satisfaction, mais c'est important de passer par cette étape dès le départ ; il semble trouver mon fichier :
L'image ne passe pas mais n'apporte que ce commentaire
URI : file://localhost/CSS-AR22.css
1 Lexical error at line 1, column 4. Encountered: "h" (104), after : "<"
mais rejette tout dès le début à cause de la balise <head> : <head>
body { background-color: rgb(255, 255, 204); font-family: "times new roman", georgia, times, serif; font-size: medium; line-height: 120%; }
.colgch { width: 15%; color: blue; float: left; }
.menu { font: 2em; text-align: center ; strong: ; font-size: x-large; font-family: "comic sans ms", verdana, geneva,arial, sans-serif; line-height: 180% }
#navigation { |
|
Comment commence cette feuille, sachant que cette fois, j'ai travaillé par chargement de fichier avec la seule feuille css :| Choisissez la feulle de style à valider (ATTENTION : feuilles de style CSS uniquement) |
|
Avec mes excuses pour mon incompréhension d'un point que tous traitent, je suppose, sans souci !
Bon dimanche et merci RJL20080413[size=1][/size] |
|
|
|
| 18 |
Technique - programmation / HTML / CSS / XHTML / [Réglé] Validation CSS : comment ? |
sur: le 12-04-2008 à 17:13:34 |
| Commencé par rjl, Message par rjl |
Bonjour,
Après quelques déboires, je viens de finaliser ma page d'accueil (XHTML strict) et à la suite de la vérification HTML, j'ai voulu faire de même avec CSS !
J'ai bien sûr créé ma page CSS par extraction des Style du Head mais je ne suis pas allé plus loin en vérification !
En fait, je HTML fonctionne parfaitement avec la page de style externalisée mais je ne sais pas vérifier et donc voir s'il ne reste pas quelques fioritures à améliorer.
Dans un premier temps, j'ai voulu passer en saisie directe et j'ai fourni directement le contenu de la partie CSS, J'ai ensuite passé la feuille de style par fichier puis enfin l'ensemble HTML appelant la feuille de style !
Rien n'y fait :
ou il me trouve un S suivant un < en première ligne (<style>) et s'arrête, ou, il ne trouve pas de feuille de style,
ou il n'accepte pas le lien vers la feuille de style et déclare ne pas trouver le fichier : "Fichier introuvable: import file://localhost/CSS-AR22.css: Operation not permitted" alors que le lien à été installé avec "parcourir" et que HTML le trouve !
Bref, ça marche en exécution sans validation (je reconnas que l'inverse est plu génant mais c'est frustrant !).
Merci de vos indications RJL20080412 |
|
|
|
| 19 |
Général / Discussions générales / Re:navigateur |
sur: le 09-04-2008 à 23:35:55 |
| Commencé par g@el, Message par Madrileño |
Le HTML (HyperText Markup Language) est un langage de programmation standard initié par le W3C et utilisé pour créer des pages web .
Le CSS ( Cascading Style Sheets) est la norme du W3C définissant l'utilisation de feuilles de styles pour l'affichage des pages HTML.
Vous pouvez trouver d'autres informations sur Google en utilisant comme mot clé :
|
|
|
|
| 21 |
Technique - programmation / HTML / CSS / XHTML / Re:Petit problème sur IE |
sur: le 29-03-2008 à 10:13:52 |
| Commencé par Beni, Message par Beni |
J'ai toujours un petit problème pour centrer mon menu
dans le reste de mes pages j'utilise align:"center" à l'intérieurdes balises concernées donc pour le moment j'ai laissé le menu à gauche et j'aimerais savoir ce qui m'empêche de le centrer et ce qu'il faudrait faire.
CSS correspondent au menu
ul
{
margin:0;
width: 843px;
padding: 0;
list-style-type: none;
position: absolute;
}
li
{
float: left;
padding-right: 4px;
width: 136px;
height: 20px;
}
#menu {
width:850px;
}
.menu a
{
text-decoration: none;
display: block;
left :10px;
color: #fff;
background-color: #009;
font-weight: bold;
text-align: center;
/*-moz-border-radius: 10px; Bord du menu arrondi ne fonctionne qu'avec FireFox*/
}
.menu a:hover
{
color: #009;
background-color: #fff;
border: 1px solid #009;
}
.menu a span
{
display: none;
}
.menu a:hover span
{
display:block;
position:absolute;
top:35px;
left:5px;
color:#009;
font-size:15px;
font-weight:normal;
text-align:left;
border-bottom:1px dashed #009;
width:843px;
}
.menu a:focus
{
color: #009;
background-color: #fff;
border: 1px solid #009;
}
.menu a:active
{
color: #009;
background-color: #fff;
border: 1px solid #009;
}
le php du menu
<div id="menu">
<ul class="menu">
<li><a href="index.php">Accueil<span>Page d'acceuil du site web du Mont-Dol.</span></a></li>
<li><a href="Decouvrir.php"><?php echo utf8_encode('Découvrir'); ?><span><?php echo utf8_encode('Découvrez');?> l'histoire ainsi que des photos du Mont-Dol.</span></a></li>
<li><a href="Entreprendre.php">Entreprendre<span><?php echo utf8_encode('Découvrez');?> les Artisans/Entreprises du Mont-Dol.</span></a></li>
<li><a href="vivre.php">Vivre<span><?php echo utf8_encode('Découvrez');?> les Hebergements possible pour visiter ainsi que les Animations du Mont-Dol.</span></a></li>
<li><a href="Liens.php">Liens<span><?php echo utf8_encode('Décrouvez');?> d'autre site web en raport avec le Mont-Dol.</span></a></li>
<li><a href="contact.php">Contact<span>Si vous souhaitez nous contacter.</span></a></li>
</ul>
</div>
En espérant que quelqu'un puisse résoudre mon petit problème, merci  . |
|
|
|
| 22 |
Technique - programmation / HTML / CSS / XHTML / Petit problème sur IE |
sur: le 23-03-2008 à 11:42:43 |
| Commencé par Beni, Message par Beni |
Bonjour,
je viens de créer mon premier site web pour un projet tutoré et j'aimerais avoir votre avis :
http://mont-dol.fr.tc/. deplus il se trouve que j'ai un petit problème d'affichage sur IE pour ma page d'accueil et pour le menu, si quelqu'un peut m'apporter un petit coup de main je serais preneur.
Voici le php de ma page d'accueil :
<?php
include("interface/entete.php");
include("interface/menu.php");
echo '<div id = "Corps">';
echo '<STYLE type="text/css"><!--
td
{
padding: 8px;
}
</STYLE>';
echo '<table><tbody><tr><td>';
include ("interface/accueil.php");
echo '</td><td rowspan="2" width="205" nowrap="nowrap">';
include ("interface/news.php");
echo '</td></tr><tr><td>';
include ("interface/meteo.php");
echo'</td></tr></table>';
echo '</div>';
include ("interface/pied2page.php");
?>
le php de mon menu :
<?php
echo utf8_encode( '<div id="menu">
<ul class="menu">
<li><a href="index.php">Accueil<span>Page d\'acceuil du site web du Mont-Dol.</span></a></li>
<li><a href="Decouvrir.php">Découvrir<span>Découvrez l\'histoire ainsi que des photos du Mont-Dol.</span></a></li>
<li><a href="Entreprendre.php">Entreprendre<span>Découvrez les Artisans/Entreprises du Mont-Dol.</span></a></li>
<li><a href="vivre.php">Vivre<span>Découvrez les Hebergements possible pour visiter ainsi que les Animations du Mont-Dol.</span></a></li>
<li><a href="Liens.php">Liens<span>Décrouvez d\'autre site web en raport avec le Mont-Dol.</span></a></li>
<li><a href="contact.php">Contact<span>Si vous souhaitez nous contacter.</span></a></li>
</ul>
</div>');
?>
et le css correspondant au menu :
ul
{
margin:0;
width: 843px;
padding: 0;
list-style-type: none;
position: absolute;
}
li
{
float: left;
padding-right: 4px;
width: 136px;
height: 20px;
}
#menu {
width:850px;
}
.menu a
{
text-decoration: none;
display: block;
margin-left: 10px;
color: #fff;
background-color: #009;
font-weight: bold;
text-align: center;
/*-moz-border-radius: 10px; Bord du menu arrondi ne fonctionne qu'avec FireFox*/
}
.menu a:hover
{
color: #009;
background-color: #fff;
border: 1px solid #009;
}
.menu a span
{
display: none;
}
.menu a:hover span
{
display: block;
position: absolute;
top: 35px;
left: 10px;
color: #009;
font-size: 15px;
font-weight: normal;
text-align: left;
border-bottom: 1px dashed #009;
width: 843px;
}
.menu a:focus
{
color: #009;
background-color: #fff;
border: 1px solid #009;
}
.menu a:active
{
color: #009;
background-color: #fff;
border: 1px solid #009;
}
Merci |
|
|
|
| 23 |
Technique - programmation / Javascript / DOM / Ajax / Re:Casse-tête avec javascript et compatibilité Firefox |
sur: le 20-03-2008 à 21:05:52 |
| Commencé par alexreddef, Message par MarvinLeRouge |
Salut,
Tu t'y prends mal. Contrairement à ce que tu crois, ce n'est pas Firefox qui "gère mal le bidule", mais justement IE; et comme tu as conçu ton site en prenant pour référence un outil qui est buggué, ton site sera quasi invariablement buggé dans tout autre navigateur.
Je te conseille de refaire tes css en prenant Firefox pour référence, et ENSUITE de faire des feuilles de styles spécifiques à IE6 et IE7 (pour les autres normalement y'a pas de pb), feuilles que tu pourras aisément appliquer grâce au "commentaire conditionnel" (petite recherche Google). |
|
|
|
| 24 |
Technique - programmation / Javascript / DOM / Ajax / Casse-tête avec javascript et compatibilité Firefox |
sur: le 19-03-2008 à 11:22:56 |
| Commencé par alexreddef, Message par alexreddef |
Salut à tout le monde,
Je m'inscris aujourd'hui parce que je rencontre un problème que j'ai beau retourner dans tous les sens, je ne comprends pas pourquoi cela ne marche pas. Faut dire que j'ai appris seul à programmer en xhtml, css et javascript, donc je n'ai pas beaucoup d'expérience.
J'aurai besoin en fait de qqun qui jette un oeil à mon script.
Les infos : le site sur lequel je travaille est le mien www.alexespere.fr. Il marche nickel sous IE mais c'est la cata sous FF. Donc suis en train d'ajouter des scripts et une nouvelle stylesheet propre à Mozilla.
Toutes mes div sont en float et FF gère mal le bazar. Donc je dois placer ma div corps_de_page de manière absolute sous FF mais pour çà je dois supprimer une fonction visible/invisible sur les banners existantes (sinon je me retrouve avec un vide dans la page). Donc dans mon script (fichier unique pour toutes les pages) je checke le navigateur et si ce n'est pas IE je lance plusieurs fonctions. Notamment une function adapt () qui récupère les div et modifie leur class de telle sorte à ce que chaque chargement de pages, javascript modifie le code HTML pour une présentation adéquate. MAIS... Cela ne fonctionne pas. J'ai essayé du removeChild dans body sur mes div devenues inutiles sous FF, j'ai essayé du setAttribute("class","maclasse")... Rien n'y fait !!!!
Donc ben merci pour le ou la courageuse qui pourra me filer un coup de main. Alex.
Voilà mon script en entier :
var nomnav = navigator.appName;
if (nomnav != 'Microsoft Internet Explorer')
{
document.write("<link rel='stylesheet' media='screen' type='text/css' href='CSS files/intro_Firefox.css'>");
alert ();
adapt ();
}
// On alerte l'internaute que les fonctions ouvrir/fermer sont désactivées sous Mozilla
function alert ()
{
alertGiven = false;
if (!alertGiven)
{
alertWindow = window.open ("", "alertWin", "width=400,height=300,toolbar=no,location=no,scrollbars=yes");
alertWindow.document.write ("<html><head><title>Mozilla Alert<\/title><link rel='stylesheet' media='screen' type='text/css' href='/CSS files/intro.css' \/><script type='text\/javascript'>function closeWindow (){if (alertWindow && !alertWindow.closed){alertWindow.close()}}</"+"script><\/head><body><p><img src='Images/FRflag.jpg' title='Drapeau français' alt='Drapeau français' \/>La nécessité de mettre le site en compatibilité avec le navigateur Mozilla Firefox résulte que les fonctions javascript Ouvrir et fermer les éléments sont indisponibles. Pardon pour le désagrément.<\/p><p><img src='Images/ESflag.jpg' title='Bandera española' alt='Bandera española' \/>Para que el sitio sea legible con el navegador Mozilla Firefox ha sido necesario desactivar las funciones javascript Abrir y Cerrar los elementos. Perdón para las molestias.<\/p><p><img src='Images/ENflag.jpg' title='British flag' alt='British flag' \/>In order to ensure the readibility of the website by the Mozilla Firefox browser, it was necessary to disable Open and Close Elements javascript functions. Sorry for the inconvenience.<\/p><p align='center'><button type='button' onclick='closeWindow()'>OK<\/button><\/p><\/body><\/html>");
alertGiven = true;
}
}
function adapt ()
{
var divDelete1 = document.getElementById("top_banner_closed");
divDelete1.className = "invisible";
var divDelete2 = document.getElementById("menu_création_fermé");
divDelete2.className = "invisible";
var divDelete3 = document.getElementById("bottom_banner_closed");
divDelete3.className = "invisible";
var divVisible1 = document.getElementById("top_banner");
divVisible1.className = "visible";
var divVisible2 = document.getElementById("menu_création");
divVisible2.className = "visible";
var divVisible3 = document.getElementById("bottom_banner");
divVisible3.className = "visible";
}
function fermerBannière ()
{
if (nomnav == 'Microsoft Internet Explorer')
{
var div1 = document.getElementById ("top_banner");
var div2 = document.getElementById ("top_banner_closed");
div1.className = "invisible";
div2.className = "";
}
}
function ouvrirBannière ()
{
if (nomnav == 'Microsoft Internet Explorer')
{
var div1 = document.getElementById ("top_banner");
var div2 = document.getElementById ("top_banner_closed");
div1.className = "";
div2.className = "invisible";
}
}
function fermerMenu ()
{
if (nomnav == 'Microsoft Internet Explorer')
{
var div3 = document.getElementById ("menu_création");
var div4 = document.getElementById ("menu_création_fermé");
div3.className = "invisible";
div4.className = "";
}
}
function ouvrirMenu ()
{
if (nomnav == 'Microsoft Internet Explorer')
{
var div3 = document.getElementById ("menu_création");
var div4 = document.getElementById ("menu_création_fermé");
div3.className = "";
div4.className = "invisible";
}
}
function fermerBoîte ()
{
if (nomnav == 'Microsoft Internet Explorer')
{
var div5 = document.getElementById ("bottom_banner");
var div6 = document.getElementById ("bottom_banner_closed");
div5.className = "invisible";
div6.className = "";
}
}
function ouvrirBoîte ()
{
if (nomnav == 'Microsoft Internet Explorer')
{
var div5 = document.getElementById ("bottom_banner");
var div6 = document.getElementById ("bottom_banner_closed");
div5.className = "";
div6.className = "invisible";
}
}
function activeButtonclass (i)
{
document.getElementsByTagName("button")[i].className = "button_créamenu_actif";
}
function desactiveButtonclass (i)
{
document.getElementsByTagName("button")[i].className = "button_créamenu";
}
var passif1 = new Image();
passif1.src = "Images/bouton_essai_passif.jpg";
var actif1 = new Image();
actif1.src = "Images/bouton_essai_actif.jpg";
var passif2 = new Image();
passif2.src = "Images/bouton_nouvelle_passif.jpg";
var actif2 = new Image();
actif2.src = "Images/bouton_nouvelle_actif.jpg";
var passif3 = new Image();
passif3.src = "Images/bouton_poèmes_passif.jpg";
var actif3 = new Image();
actif3.src = "Images/bouton_poèmes_actif.jpg";
var passif4 = new Image();
passif4.src = "Images/bouton_chansons_passif.jpg";
var actif4 = new Image();
actif4.src = "Images/bouton_chansons_actif.jpg";
function changeImage (image_no, object_image)
{
document.images[image_no].src = object_image.src;
}
function Son (url)
{
this.src = url
}
var son1 = new Son ("SOUND files/MI.mp3");
var son2 = new Son ("SOUND files/SOL.mp3");
var son3 = new Son ("SOUND files/LA.mp3");
var son4 = new Son ("SOUND files/DOg.mp3");
var son5 = new Son ("SOUND files/RE.mp3");
var son6 = new Son ("SOUND files/FA.mp3");
var son7 = new Son ("SOUND files/DOa.mp3");
var son8 = new Son ("SOUND files/acc_DO7.mp3");
var son9 = new Son ("SOUND files/acc_SI7.mp3");
var son10 = new Son ("SOUND files/acc_MIm.mp3");
var son11 = new Son ("SOUND files/acc_MI7.mp3");
function playSound (b)
{
document.getElementById("son_lien").src = b.src;
}
|
|
|
|
| 25 |
Technique - programmation / HTML / CSS / XHTML / Re:Recherche logiciel |
sur: le 17-03-2008 à 18:28:50 |
| Commencé par persisweb, Message par persisweb |
Ben tous simplement parce que je ne sait modifier les CSS sans un logiciel adapter surtout parce qu'on ne voit pas les modif apporter à l'instanter comme celui-ci "http://plemuzic.free.fr/logiciel_editeurfichiercss.php" mais pas encore génial car l'apperçut n'est pas disponible, mais dans l'ensemble simplifie la modif des style CSS.
|
|
|
|
| 26 |
Technique - programmation / HTML / CSS / XHTML / Re:Recherche logiciel |
sur: le 17-03-2008 à 15:05:22 |
| Commencé par persisweb, Message par jb_gfx |
mais il n'édite pas les style CSS !
|
|
Bien sûr que si. Et je ne disais pas ça pour rire, Notepad (ou n'importe quel editeur de texte) est largement suffisant pour éditer les CSS d'un site. Je ne vois pas pourquoi tu aurais besoin d'autre chose. |
|
|
|
| 27 |
Technique - programmation / HTML / CSS / XHTML / Re:Recherche logiciel |
sur: le 17-03-2008 à 14:24:25 |
| Commencé par persisweb, Message par persisweb |
| mdr merci celui là je conner encore heureux pour moi, mais il n'édite pas les style CSS ! merci quand même sans rencune. |
|
|
|
| 28 |
Technique - programmation / HTML / CSS / XHTML / Recherche logiciel |
sur: le 14-03-2008 à 17:58:47 |
| Commencé par persisweb, Message par persisweb |
Bonjour,
Je recherche à logiciel si cela existe pour modifier les style CSS d'un site web.
J'ai trouver plusieurs éditeur mais le prob ils sont souvent en anglais ou alors payant et le prix n'est pas donner si quelqu'un à une solution à mon problème j'attend vos solutions.  |
|
|
|
| 29 |
Petites annonces / Recrutement bénévole / [RECRUTEMENT] Divers Compétences pour Webradio, Pour personnes sérieuses |
sur: le 03-03-2008 à 09:30:34 |
| Commencé par ArthurDecera, Message par ArthurDecera |
Salut,
Vous êtes passionné de musique, radio, développement ?
Nous sommes deux amis bien décidés de créer la nouvelle génération de webradio.
Nous cherchons donc plusieurs personnes spécialisées dans différents domaines avec des horizons musicals bien typés.
Ainsi nous focalisons notre recherche sur des développeurs Web (Php, xhtml, css, javascript, ajax...), des administrateurs serveur (ayant la capacité de gérer un serveur dédié linux à distance), des animateurs radio, des Dj's, des speaker, des producteurs multimédia (audio, vidéo), et des graphistes.
Et si vous êtes passionné de musique (dans un des styles suivants : rock, rap, électronique, jazz, saoul, techno, house, r'n'b, pop etc.) et que vous pensez avoir une large culture musicale toutes époques confondu, nous vous proposons de devenir directeur des programmes dans votre spécialité musicale.
Préférence pour les candidats Parisiens ou de la région Parisienne.
Nous n'acceptons pas les candidats de moins de 16 ans.
Nous avons 18 et 20 ans.
Nous travaillons/étudions dans le milieu de la production audio et visuel.
Candidature non sérieuse s'abstenir.
Travail non rémunéré pour le moment, nous prenons cependant en charge tous frais engagés de votre part, s'ils y en avaient.
Toutes candidatures et informations complémentaires à : arthur.decera@gmail.com
Alors si vous avez envie d'entrer dans un projet et d'investir de votre temps libre pour créer une nouvelle webradio, avec des personnes sérieuses motivées prêt à créer une réel communauté, n'hésitez vraiment pas à nous contacter
A bientôt on l'espère !
Arthur Decera.
|
|
|
|
| 30 |
Petites annonces / Recrutement bénévole / [ WEBZINE ] recrute Newsers |
sur: le 25-02-2008 à 23:24:34 |
| Commencé par rirou, Message par rirou |
Bonjour,
Je suis rirou, Webmaster du site beauf.sdz.fr que j'ai créé le 23 février 2008. Je suis résolu à faire de mon mieux pour que ce site soit une référence dans le genre Webzine satirique.
* Je code un peu en HTML, a des bases de css
Mon projet
Bon, alors voilà se site est propulsé par le CMS wordpress et sera bientôt équiper par un design signer damniosis , rien de très original pour l'instant mais bon là j'ai vous dire que je veut faire comme je l'ai préciser en haut un Webzine avec des mises à jour régulières sur les actualités du monde qui seront décryptés par une équipe de beaufs ^^ avec des articles de qualités et une bonne présentation au niveau des médias je peut prévoir un bel avenir à ce petit site.
Ma demande
Il me faudrait pour continuer mon site :
1/4 rédacteurs
pour écrire des articles passionnants sur les différentes catégories qui leur seront à charge.
exemple de catégories : Mode ( Un beauf se doit d' être styler, dans tout les cas avoir son style bien à soit )
Merci j' attend vos candidatures
Adresse du site http://beauf.sdz.fr
Etat du site : aucun article, ce qui sont présent sont juste là pour test
A propos
l'équipe :
-Admin et rédacteur : Moi-même
-designer et rédacteur: damniosis
l'hébergeur : Olympe-Network
Nom de domaine : SDZ.fr
Pour l'instant nous utilisons des services gratuits et si le site connait un petit succès une pub nous permettra de faire l'achat d'un nom de domaine et d'un hébergeur.[size=2][/size] |
|
|
|
| | |
