feuille de style et onmouse...

Marsh Posté le 31-03-2003 à 21:03:01

slt

g me suis laissé tenter par les feuilles de styles mais g qq soucis

1- background image, marche pas

dans la feuille externe :
#td5

{
background-image:url("images/imgaccueil/coin_bas2.gif" );
}
appel :

<link title="style2" type="text/css" rel="stylesheet" href="style2.css">


appel2 :
<td id="td5"></td>

2 - onmouse... dans le genre

etat initial, etat survolé, état cliqué, état visité
comment faire avec dans la feuille de style ?

meme chose pour que qd clic rubrique > apparition des sous rubriques

merci

---------------
la vie ne vaut rien, mais rien ne vaut la vie

Reply

Marsh Posté le 31-03-2003 à 21:03:01

Reply

Marsh Posté le 31-03-2003 à 21:04:47

Les commentaires dans les fichiers CSS c'est pas  Mais ça /* ... */

---------------
Incongru : une FAQ abandonnée sur les Standards du Web - FAQ périmée de blabla@Prog

Reply

Marsh Posté le 31-03-2003 à 23:30:49

gm_superstar a écrit :

Les commentaires dans les fichiers CSS c'est pas  Mais ça /* ... */

:lol: :lol: ah la la !!!

sinon ta une idée pour les onmouseover onmouseout dans la feuille de style

---------------
la vie ne vaut rien, mais rien ne vaut la vie

Reply

Marsh Posté le 31-03-2003 à 23:45:26

http://www.yoyodesign.org/doc/w3c/ [...] r.html#x39

---------------
Incongru : une FAQ abandonnée sur les Standards du Web - FAQ périmée de blabla@Prog

Reply

Marsh Posté le 02-04-2003 à 00:30:45

gm_superstar a écrit :

http://www.yoyodesign.org/doc/w3c/ [...] r.html#x39

g vu que les css etaient interprétés par les browsers ie3.x et + et nsp 4 et +

je suppose qu'il en a pas bcp qui ont en dessous mais tout de meme

en clair dans le script js (selon version browser), ques-ce que je mé dans le cas ou y supporte pas les css

gen tiens compte, ou je laisse tomber

---------------
la vie ne vaut rien, mais rien ne vaut la vie

Reply

Marsh Posté le 02-04-2003 à 09:54:49

Bah, très franchement, tu vas te prendre la tête à écrire un script pour des navigateurs qui ne représentent que quelques % et qui sont appelés à disparaître, alors que la solution par les CSS est très simple.
Qu'est-ce que les utilisateurs de ces navigateurs risquent ? Ils ne verront pas les effets que tu as définis, mais le texte resteras lisible et le contenu de ton site accessible. C'est le principal.

---------------
Incongru : une FAQ abandonnée sur les Standards du Web - FAQ périmée de blabla@Prog

Reply

Marsh Posté le 02-04-2003 à 10:53:32

ok ben je me prend pas la tete alors

autres questions :

g donc mis une feuille de style sur un menu

sur ce menu , g une bordure noire sur toutes mes cellules, bordure que g né pas défini dans la feuille

quel est la propriété pour redimensionner une cellule ?, g mis des images de fond et g des ecarts ou quand je duplique une image (ex: une bordure), g 2 bordures dans la cellule

merci

---------------
la vie ne vaut rien, mais rien ne vaut la vie

Reply

Marsh Posté le 02-04-2003 à 13:15:11

jebo1 a écrit :

sur ce menu , g une bordure noire sur toutes mes cellules, bordure que g né pas défini dans la feuille

C'est pas normal ça. Il est fait comment ton menu ? C'est un tableau ? Tu n'as pas défini un attribut border="..." dans <table> ?

---------------
Incongru : une FAQ abandonnée sur les Standards du Web - FAQ périmée de blabla@Prog

Reply

Marsh Posté le 02-04-2003 à 14:04:13

gm_superstar a écrit :

C'est pas normal ça. Il est fait comment ton menu ? C'est un tableau ? Tu n'as pas défini un attribut border="..." dans <table> ?

oui c un tableau et il n'y a pas de border

extrait :

[img]C:\SITE 3RG\images\temp\border.jpg[/img]
[img src="C:\SITE 3RG\images\temp\border.jpg][/img]

---------------
la vie ne vaut rien, mais rien ne vaut la vie

Reply

Marsh Posté le 02-04-2003 à 14:05:25

gm_superstar a écrit :

C'est pas normal ça. Il est fait comment ton menu ? C'est un tableau ? Tu n'as pas défini un attribut border="..." dans <table> ?

oui c un tableau et il n'y a pas de border
mise en place d'image sous FORUM hwz ?

---------------
la vie ne vaut rien, mais rien ne vaut la vie

Reply

Marsh Posté le 02-04-2003 à 14:05:25

Reply

Marsh Posté le 02-04-2003 à 14:39:18

resolu

:lol: :lol: cellspacing padding

sinon g défini un bold pour mes rubriques, et rien du tout

extrait :

A.menu1:visited /* visites */
{
color:white;
font-weight:bold;
font-family:Arial;
font-size:12px;
text-decoration:none;
}

---------------
la vie ne vaut rien, mais rien ne vaut la vie

Reply

Marsh Posté le 02-04-2003 à 14:46:21

Bizarre ça a l'air correct. URL pour tester le site ?

Pour insérer des images, tu dois les mettre sur un serveur public et mettre le lien entre les balises [img ] et [/img ]

---------------
Incongru : une FAQ abandonnée sur les Standards du Web - FAQ périmée de blabla@Prog

Reply

Marsh Posté le 02-04-2003 à 14:54:12

gm_superstar a écrit :

Bizarre ça a l'air correct. URL pour tester le site ?

Pour insérer des images, tu dois les mettre sur un serveur public et mettre le lien entre les balises [img ] et [/img ]

il est pas en ligne, c en contruction

c peut être une histoire de placement, la propriété doit se trouver avant ou après une autre

---------------
la vie ne vaut rien, mais rien ne vaut la vie

Reply

Marsh Posté le 02-04-2003 à 14:57:42

:hover doit être après :active et :link si tu les as définies.

---------------
Incongru : une FAQ abandonnée sur les Standards du Web - FAQ périmée de blabla@Prog

Reply

Marsh Posté le 03-04-2003 à 13:16:39

gm_superstar a écrit :

:hover doit être après :active et :link si tu les as définies.

pb résolu

aller encore une petite...

dans les cellules du bas,g donc 3 images gauche, bas, droite

et dans la cellule du milieu (bas) g mon background rouge qui depasse de ma bordure why ? dou ca paut venir ?

---------------
la vie ne vaut rien, mais rien ne vaut la vie

Reply

Marsh Posté le 03-04-2003 à 14:07:36

Aucune idée. faut que tu montres le site là. Ou au pire coller le code qui foire...

Ca fait ça avec tous les navigateurs ?

---------------
Incongru : une FAQ abandonnée sur les Standards du Web - FAQ périmée de blabla@Prog

Reply

Marsh Posté le 03-04-2003 à 16:41:56

gm_superstar a écrit :

Aucune idée. faut que tu montres le site là. Ou au pire coller le code qui foire...

Ca fait ça avec tous les navigateurs ?

oui ca me le fait sous ie et netscape

<tr>
<td id="td11">  </td>
<td id="td33"><font id="fontmenu2">              - Menu - </font></td>
<td id="td10">  </td>
</tr>

---

#td33 /* image d'arrière plan des cellules - haut 2 - */
{
background-image:url("../images/imgaccueil/coin_ho2.gif" );
background-repeat:repeat-5;
background-attachement: fixed;
}

---
#td10 /* image d'arrière plan des cellules - coin haut droit 2 - */
{
background-image:url("../images/imgaccueil/coin_hd2.gif" );
background-repeat:no-repeat;
background-attachement: fixed;

}

#td11 /* image d'arrière plan des cellules - coin haut gauche 2 - */
{
background-image:url("../images/imgaccueil/coin_hg2.gif" );
background-repeat:no-repeat;
background-attachement: fixed;
}

---

voila un bout de code, g c pas si exactement sui la qui pose pb mais ...

---------------
la vie ne vaut rien, mais rien ne vaut la vie

Reply

Marsh Posté le 03-04-2003 à 17:10:59

Quel Netscape ?

Sinon il y a une erreur :

background-repeat:repeat-5;

Sinon essaye de voir avec background-position http://www.yoyodesign.org/doc/w3c/ [...] d-position

---------------
Incongru : une FAQ abandonnée sur les Standards du Web - FAQ périmée de blabla@Prog

Reply

Marsh Posté le 06-04-2003 à 17:02:12

gm_superstar a écrit :

Quel Netscape ?

Sinon il y a une erreur :

background-repeat:repeat-5;

Sinon essaye de voir avec background-position http://www.yoyodesign.org/doc/w3c/ [...] d-position

netscape 7.x

g résolu le pb, c t juste une question de taille

des conneries comme dab :sweat:

---------------
la vie ne vaut rien, mais rien ne vaut la vie

Reply

Marsh Posté le 08-04-2003 à 09:57:43

une ptite encore

géméré bien que sous l'évenement onclick mes sous rubriques s'affichent

suis je obliger de passer par des calques, les codes javascript ne sont pas compatible avec tous les navigateurs (jen ai fé l'expérience donc j'évite)

g essayé de commencer avec onmouseover onmouseout et showhidelayers ... mais sans dreamweaver sous le coude c dur (taille des calques), je travaille avec le code direct

tu vois un peu la structure que g mis avec mes id dans les td et mes feuilles de style (dailleurs je ne pense pas quon puisse gérer le onclick ... dans les feuilles de styles c pas fé pour ca)

rappel : c un menu vertical

---------------
la vie ne vaut rien, mais rien ne vaut la vie

Reply

feuille de style et onmouse...

Sujets relatifs:

Leave a Replay