Mon blog à moi sur NoFrag... (le blog de DjMerguez)
Retour au blog <<

Essai feuille de style

Vendredi 25 janvier 2008 à 08 h 32
Un petit test de mes tricks CSS à deux balles... [ b][ i]texte barré[/i][/b]

Spoiler (ne marche pas dans IE 6) [ i][ b]spoil[/b][/i] : spoil

Code redone :

/* [ b][ u]bloc préformaté[ /u][ /b] */
#articles div.body strong u,
#article div.body strong u
{
font-family: monospace;
white-space: pre;
}


Essai de l'overflow (ne marche pas dans IE 6) :

012345678901234567890123456789012345678901234567890123456789012345678901234567890123456789012345678901234567890123456789

Ma CSS.
par Kuro
Vendredi 25 janvier 2008 à 08 h 53
Teste sur IE et rigole.
par bigmac
Vendredi 25 janvier 2008 à 09 h 16
firefox 2.0.0.11 et IE 7, ça marche
Vendredi 25 janvier 2008 à 15 h 27
opera aussi
Vendredi 25 janvier 2008 à 16 h 05
Ca ne peut pas se grouper sous des balises [s] et [spoiler] ???
par KaB
Vendredi 25 janvier 2008 à 16 h 23
Comprend rien à l'overflow. Quequ'un peu me copier coller ce qu'il faut copier coller dans rightcol si c'est ça que je veux masquer ?
Vendredi 25 janvier 2008 à 16 h 34
Ça fonctionne aussi très bien dans Safari Windows. Je n'ose pas tester dans IE 5...

@Lollipop : il faudrait pour cela modifier l'analyseur de tags, donc côté serveur.

@KaB : l'overflow permet de contrôler le comportement d'un bloc (display: block) quand son contenu dépasse ses dimensions. Ici, le bloc spoiler a une largeur définie par son contenant (le div.body). overflow: auto permet d'avoir une barre de défilement quand le contenu dépasse, il ne permet pas de masquer un bloc, mais de limiter ses dimensions. Qu'est ce que tu cherches à faire exactement ?
par KaB
Vendredi 25 janvier 2008 à 17 h 42
hum j'aimerais masquer la case RSS, archive tout ca, donc on passe la souris au niveau de cette fenetre cad entre la bande du haut et les articles, et elle apparait... Je suis clair ?
Vendredi 25 janvier 2008 à 18 h 30
@KaB :

essaie ça :

[code]div#rightcol {
height:10px !important;
overflow: hidden;
}

div#rightcol:hover {
height:auto !important;
overflow: hidden;
}[/code]

Edit : tiens, le tag [code] ne fait rien ? Voilà de quoi m'amuser.
Tout le monde peut publier un commentaire, vous n'avez pas besoin de compte (dans ce cas votre commentaire ne sera publié qu'une fois validé par le propriétaire du blog)

Commenter

Tags autorisés : [b] [/b], [i] [/i], [u] [/u], [code] [/code], [img]Adresse d'une image[/img], [url=Adresse d'un site web] [/url]
Vous pouvez aligner vos images à droite ou à gauche en modifiant le tag [img] comme ceci : [img right] ou [img left].

Pour vos vidéos/animations flash : [video]Adresse d'une animation[/video], pour préciser la largeur et hauteur : [video width=100 height=200]...[/video]