Nenex
-
Compteur de contenus
246 -
Inscrit(e) le
-
Dernière visite
Messages postés par Nenex
-
-
Merci pour ta reponse.
Tu peux aussi réduire ton code :.image-01 {
background-image: url(../elements-des-pages/accueil/image-01.png);
background-repeat:no-repeat;
background-position:80% 100%;
}à remplacer par
.image-01 {
background: url(../elements-des-pages/accueil/image-01.png) no-repeat 80% 100%;
}Je prefere ne pas reduire les codes car pour moi c'est plus clair par ligne. Comme je debute je prefere commencer comme ca. Je verais plus tard quand je commencerais a mieux maitriser le CSS
. C'est vrais que ca allege mais j'ai pas enormement de code et mon site n'est pas specialement lourd. C'est pour ca que pour l'instant je prefere faire comme ca.Et comme tes déclarations sont uniques (pour les boutons), utilises ID plutôt que CLASS :#bouton-commander:link {
background: url(../elements-des-pages/accueil/bouton-commander-01.png) no-repeat center;
}et
<a href="http://www.nenex-argazkia.com/coppermine/index.php" id="bouton-mes-photos"> </a>
Je suis oblige d'utiliser Class car il y en aura d'autres. La il n'y a qu'un seul bouton car c'est pour tester, mais dans ma page definitive il y aura plusieurs boutons.
SalutIl faut ajouter display:block dans les propriétés des boutons car la balise A n'est pas une balise bloc et donc ne peut pas prendre les dimensions de l'image, que tu dois d'ailleurs indiquer avec width et height.
J'ai rajoute display:block, les images apparaissent, mais j'ai quelque petits soucis :
1)
a.bouton-commander:link {
background-image: url(../elements-des-pages/accueil/bouton-commander-01.png);
background-repeat:no-repeat;
background-position:center;
display:block;
width:180px; /* longueur */
height:27px; /* hauteur */
}
a.bouton-commander:hover {
background-image: url(../elements-des-pages/accueil/bouton-commander-02.png);
cursor:default;
width:180px;
height:27px;
}J'ai bien mis cursor:default; mais le curseur ne change pas.
2)
<td width="20%" height="23"><a href="../commander/index-commander.htm" class="bouton-commander"> </a></td>
Dans l'appercu j'ai remarque, a cote du bouton Commander come un petit point. J'ai supprime et se petit point a disparu. Quand une balise est vide, c'est oblige de mettre ? me semble avoir vu sur un site (me souviens plus lequel) qu'il valait mieux le faire pour ne pas laisser de balise vide.
3)
a.bouton-mes-photos:link {
width:233px;
height:54px;
background-image: url(../elements-des-pages/accueil/boutons-index/bouton-mes-photos-01.png);
background-repeat:no-repeat;
background-position:50% 50%;
display:block;
}
a.bouton-mes-photos:hover {
width:233px;
height:54px;
background-image: url(../elements-des-pages/accueil/boutons-index/bouton-mes-photos-02.png);
cursor: default;
}Dans Dreamweaver elle apparait mais pas dans l'apercu.
4)
.image-01 {
background-image: url(../elements-des-pages/accueil/image-01.png);
background-repeat:no-repeat;
display:block;
width:151px; /* longueur */
height:102px; /* largeur */
background-position:80% 100%; /* distance gauche et haut */
}Par contre, pour deplacer le bouton Commander et l'image de decoration c'est bien background-position ? car je modifie les pourcentages mais l'images et le bouton ne bouge pas
. -
Slt
Je bosse sur Dreamweaver et j'ai refait mon site avec du CSS et dernierement j'ai decouvert (faut dire que ca fait pas longtemps que je me suis vraiment penche sur le CSS), donc, j'ai decouvert l'insertion d'image et l'insertion d'images survolees avec le CSS. J'ai donc voulu refaire les liens et les images de deco de ma page d'accueil (page en ligne sans le CSS d'insertion des images).
Maintenant mon probleme. J'ai fait une page index sur laquelle je m'entraine. J'ai inserer 2 boutons, pour l'instant, mais ceux la n'apparaissent pas (dans la page en ligne c'est les boutons Commander et Mes Photos). L'image de decoration qui se trouve a cote du bouton Mes Photos n'apparait qu'en partie.
Voici les codes CSS :
Bouton Commander
a.bouton-commander:link {
background-image: url(../elements-des-pages/accueil/bouton-commander-01.png);
background-repeat:no-repeat;
background-position:center;
}
a.bouton-commander:hover {
background-image: url(../elements-des-pages/accueil/bouton-commander-02.png);
cursor:default;
}Bouton Mes Photos
a.bouton-mes-photos:link {
width:233px;
height:54px;
background-image: url(../elements-des-pages/accueil/boutons-index/bouton-mes-photos-01.png);
background-repeat:no-repeat;
margin: 0px 50px;
}
a.bouton-mes-photos:hover {
width:233px;
height:54px;
background-image: url(../elements-des-pages/accueil/boutons-index/bouton-mes-photos-02.png);
cursor: default;
}Image de decoration
.image-01 {
background-image: url(../elements-des-pages/accueil/image-01.png);
background-repeat:no-repeat;
background-position:80% 100%;
}Code dans le fichier html :
Code du bouton Commander (insere entre les balises <tr></tr>)
<td width="20%" height="23"><a href="../commander/index-commander.htm" class="bouton-commander"> </a></td>
Code du bouton Mes Photos (insere entre les balises <td></td>)
<a href="http://www.nenex-argazkia.com/coppermine/index.php" class="bouton-mes-photos"> </a>
Code de l'image de deco (insere entre les balises <td></td>, juste sous la precedente)
<div class="image-01"> </div>
Voila, j'espere que j'ai etais clair dans mes explications
. J'ai regarde des sites avec des explications a ce sujet et je pensais avoir compris 
.Merci d'avance pour votre aide.
-
oui oui j'ai compris
. Mais je pense que je vais carrement tout re-installer car aucune donnees na ete mise dans le script (c'est pour coppermine). Comme ca je pourrais deplacer les dossiers et fichier de coppermine. Je voulais eviter de tout re-installer mais j'aime bien quand c'est bien ranger . Ya un autre script et sont dossier se trouve au milieu de ceux de coppermine. C'est pour ca. -
C'est ça, et dans ton code HTML remplace id par class.
trop simple
!!!! merci pour tes lumieres. -
en fait suffit que je remplace le # par un point pourque ca devienne une classe ?
-
C'etait pour dec que je demandais si c'etait "mieux". Moi c'est pareil. J'ai appris plein de chose ici. Mais si Alsa est plus specifique pour le CSS j'irais plutot la-bas pour mes problemes et questions. J'y suis deja alle pluseiur fois pour voir les tutos. Je profite de l'experience des autres egalement
-
Merci pour ta reponse. Tu dit qu'une ID est unique, ca veux qu'on peux pas en utiliser plusieurs ? moi j'en voudrais 3. C'est pour me faire des boutons "survolé".
-
"faire et défaire c'est toujours travailler"
et
"Pourquoi faire simple quand on peut faire compliqué"
Sinon http://forum.alsacreations.com/forum.php pour un coup de main css
c'est mieux qu'ici pour le CSS ? .....
-
Slt
J'ai trouve un code CSS pour faire une image survolee :
#bouton-photos{
width:203px;
height:54px;
background-image:url(../elements-des-pages/accueil/bouton-mes-photos-01.png);
}
#bouton-photos:hover{
width:203px;
height:54px;
background-image:url(../elements-des-pages/accueil/bouton-mes-photos-02.png);
}Et il faut rajouter dan sla page :
<div id="bouton-photos"></div>
Pourquoi avant le nom des balises il y a # et pas un point ?
-
Salut,
Et une seule image composée des 3, non?
En fait j'ai refait la mise en page de l'en tete. J'ai repris ton idee. A la base c'etait une seule image avec 3 element que j'avais separe. Donc pour ma nouvelle mise en page j'ai regroupe les 3 elements comme avant
. Faire et refaire c'est toujours du travail il parait . Mais ca ma permis de mieux me pencher sur l'insertion d'images et leur placement. -
j'ai laisse tomber PhpMyNewsletter (dsl pour lui) pour passer a un autre sript : NewsletTux.
Il est plus complet que MyNewsletter (je ne dit pas que MyNewsletter n'est pas bien
!), on peut integrer le formulaire dans une page de son site (avec la mise en page de son site) et en plus il y a un forum. -
Merci pour ta reponse. J'avais pas pense aux bloc. Faut dire que j'ai commence a utiliser le CSS et que les blocs je ne les maitrise pas encore. Faut que je m'entraine car ca me permetrais de ne plus utiliser les tableaux (pour les mises en page) dans mon sites et ceux que je gere.
Je vais voir ca alors.
-
C'est une idee oui. Je vais me pencher dessus car je sais pas trop comment ca marche.
-
Slt
Je voudrais mettre 3 images en fond de page (dans le body), les unes a la suite des autres. J'ai fait 3 codes CSS (1 pour chaque image)
.titre-fr {
background-image: url(../elements-du-site/accueil/bandeau-fr02.png);
background-repeat: no-repeat;
background-position: 50% 10px;
}
.logo {
background-image: url(../elements-du-site/accueil/logo.png);
background-repeat: no-repeat;
background-position: 50% 10px;
}
.titre-eus {
background-image: url(../elements-du-site/accueil/bandeau-eus02.png);
background-repeat: no-repeat;
background-position: 100% 10px;
}et je les ai mis en class dans le body (donc 3 class). Mais je me suis rendu compte qu'il n'est pas possible de multiplier les attributs. J'ai vu, aussi, dans ce post, qu'il n'est pas possible de mettre 3 elements dans un fond en CSS. il n'y a aucun moyen pour le body (dans le message il sagissait d'un background-image) ?
Merci d'avance pour vos lumieres.
-
Slt
J'avais installer, chez mon hebergeur (1and1), Coppermine pour ma mere, apres lui avoir cree un nom de domaine. J'avais installer directement le script a la racine. Mais maintenant je doit lui en installer un autre (Geneamania). Donc, je vais creer un dossier pour y mettre coppermine, un autre dossier pour geneamania et lui faire une page d'accueil. Le probleme c'est que pour coppermine il y a une base de donnees et si je deplace le script les chemin ne seront plus bon dans la base de donnees et les fichier php.
A part re-installer coppermine et importer la sauvegarde des tables dans la nouvelles base, je ne vois pas comment faire. Mais il y a peut etre plus simple.
L'admin pour MySQL se fait chez mon hebergeur.
Merci pour vos tuyaux.
-
Un chat one to one c'est un chat en "tête à tête", une personne parle avec une autre personne, et la discussion reste privée ...
ha ok. Je verai avec mon neveu (c'est pour lui que je cherche un tchat). Pour le tchat de google, le lien que tu ma passe est en anglais. Je prefere les script avec des site en francais et donc des forum d'aide en francais. Je suis une bille en anglais
-
Merci pour ta reponse. Comme je disais dans mon message je ne sais pas ce qu'on peu faire au niveau admin (ce qui est utilise ou pas, ce qui est gadget, ce qui est vraiment tres utile etc..) et en tant qu'utilisateur (a part tchater bien sur
). C'est quoi un tchat one to one ??? conserver les historiques des discution ca opeu servir oui.Je vais voir le lien que tu ma passer.
-
Slt
Je recherche un script de tchat et j'aimerais avoir votre avis. J'ai recherche sur comscripts.com mais la liste est longue et je ne sais pas lequel choisir. Ne connaissant pas les tchat je ne sais pas quel fonction sont importante (et existe). J'ai un hebergement chez 1and1, avec MySQL (utile ou pas MySQL pur un tchat ?). Par contre je prefererai un tchat avec un forum d'aide (comme avec PhpBB et Dotclear qui ont un site et un forum d'aide tres bien. Je les utilise).
Donc je voudrais deja faire un 1er trie avec vos commentaires.
Merci d'avance.
-
Merci pour ta reponse. C'est bien domage. Mais bon, c'est vrais qu'avec un Rechercher/Remplacer ca fait le meme effet. Si j'avais eu a faire une modif j'aurais pas pense a cette maniere. A retenir pour d'autres modif.
-
Slt
Bon ok le titre ne doit pas etre tres clair, mais j'arrive pas a trouver un titre cour et clair
. Voila se que je voudrais.Par exemple j'ai un lien qui revient souvent dans plusieurs page. Est-il possible en CSS de l'inserer automatiquement grace a un code. De maniere que le texte soit automatiquement insere et mis en forme son le chemin vers la cible. Un peu comme pour les bloc. Comme ca si un jour je veux modifier le texte du lien ou le lien lui meme suffit que je le modifie dans le CSS.
Par exemple le lien Retour en haut de la page. Si j'ai ce lien qui reviens 5 fois dans 10 page et que je veux le modifier et le transformer en Haut de page, suffit que je fasse la modif dans le CSS. Pareil si je veux modifier le chemin vers la cible.
Vous voyez se que je veux dire ?
Merci pour vos tauyux.
-
Pour modifier cette fonction il faut donc rajouter target="_blank" dans le fichier include/functions.inc.php a la ligne 594 :
594. $bbcode_tpl['url'] = '<span class="bblink"><a href="{URL}" target="_blank" rel="external">{DESCRIPTION}</a></span>'; -
merci pour ton tuyau. Je vais essayer de trouver ca.
-
Slt
J'utilise Coppermine Web Gallery. La description des images se fait en utilisant le BBCode. Je prefererais utiliser du html car je voudrais que mes liens s'ouvre dans une autres fenetre et avec le BBCode on ne peu pas. Exite-t-il un moyen pour utiliser plutot du HTML ?
Merci d'avance pour vos lumieres.
-
non toujours rien. Dsl.
Insertion d'images en CSS
dans (X)HTML et CSS
Posté
ID ne peut etre utilise qu'une seule fois dans un document (site du zero).
J'avais pas fait l'essai sous Internet Explorer 7 (IE). Habituellement j'utilise Firefox 3 (FF). Et je me rend compte que les problemes ne sont la que sous FF :
Ca au moins ca marche....sous IE
. Sous FF je peux pas savoir l'image n'apparait pas.
Sous IE ca marche, mais pas sous FF. Meme en modifiant l'apparence du curseur ca ne changait pas sous FF. Donc en regardant avec IE ca marche.
Oui c'est normal j'ai mis background-position a 50% 50%. Mais c'est pas definitif car c'etait juste pour voir si elle se deplacait. Par contre sous IE elle n'apparait pas en plein milieu, mais en haut a gauche. Alors que sous FF elle n'apparait pas du tout.
Pour les deplacements c'est bien background-position qu'il faut utiliser ?