Aller au menu - Aller au contenu

[Plan du site] Vous êtes ici --- > Le Site du Zéro > Les tutoriels > Non-Officiels > Site Web > XHTML / CSS > Menus en onglets > Lecture des commentaires

Menus en onglets

Vous devez être inscrit pour pouvoir poster des messages

Page : 1  2  3  Suivante
Pseudo Commentaire
Page : 1  2  3  Suivante
Hors ligne Isuke # Posté le 03/04/2007 à 18:20:57 - Ce membre a mis la note : 20
Groupe : Membres
Exellent tutorial ! Bravo à toi ! C'est clair , net et précis ! 20/20 !
Hors ligne affro-jojo # Posté le 03/04/2007 à 18:32:41 - Ce membre a mis la note : 20
Avatar
Groupe : Membres
Bravo ! J'en avais énormément besoin ! :lol: Merci beaucoup, comme dit Isuke, c'est claire et net.

Ma note : 20/20 également ;)

A bientôt !
 
Hors ligne Apocalypse_Lord # Posté le 03/04/2007 à 21:07:21 - Ce membre a mis la note : 19
Renaître de ses erreurs
Avatar
Groupe : Membres
Avec ces onglets comme base et une gestion javascript de l'onglet actif, on arrive tout de suite à un super résultat ^^ .

Allez comme je dis toujours, 19 parce que rien ni personne n'est parfait ;)

0 tuto en attente de validation
 
Hors ligne Naspter # Posté le 04/04/2007 à 20:30:09 - Ce membre a mis la note : 20
Avatar
Groupe : Membres
Bravo !! super tuto
Hors ligne jblucas # Posté le 05/04/2007 à 12:13:20 - Ce membre a mis la note : 14
error : citation trop nulle
Avatar
Groupe : Membres
Je ne mettrais pas une aussi bonne note que les autre ,
car je pense que tout ceux qui ont suivit les tuto de m@teo21 peuvent faire ce genre de chose sans problème .
Mais il est très bien expliqué . ;)

jblucas
Je met :
Secret (cliquez pour afficher)

14 , pour le travail ! ;)
Hors ligne Tortue facile # Posté le 05/04/2007 à 15:11:42 - Ce membre n'a pas mis de note
Adepte de Vos Tutos 3.5
Avatar
Validateurs
Je rappelle juste que l'abus de balises secret est dangereux pour votre niveau d'avertissement :p
 
Hors ligne Jaarevolt # Posté le 05/04/2007 à 20:29:22 - Ce membre a mis la note : 20
Allez l'ASSE !!
Avatar
Groupe : Membres
Très bon tuto, sa va me servir ;)

<gras>20/20/gras>
Hors ligne neo Tenshi # Posté le 06/04/2007 à 19:39:12 - Ce membre a mis la note : 17
Avatar
Groupe : Membres
Très bonne initiative, a moi aussi ça m'aura servi :)
Par contre j'ai remarqué chez moi un bug avec IE7 : il faut rajouter la propriété margin-left: 0px; à #onglets pour qu'il n'y ait pas de décalage (sans ça la barre horizontale ne va pas tout au bord de la page)

Sinon très bon à part ça, je met 17 :)

Tomber amoureux n'est pas du tout la chose la plus stupide que font les gens - mais la gravité ne peut en être tenue pour responsable. (Albert Einstein)

Il y a 3 grands mensonges en informatique : ça marche, c'est compatible et ça sort bientôt (bashfr)

 
Hors ligne Xavinou # Posté le 06/04/2007 à 20:18:11 - Ce membre n'a pas mis de note
Vodka, deconnecting people
Avatar
Validateurs
mygal,

merçi de m'avoir signaler le bug sous IE7, je corrige ça tout de suite!

Marre de voir votre tuto refusé à cause de l'orthographe ? Pensez aux zCorrecteurs ;) .
 
Hors ligne RowN # Posté le 07/04/2007 à 05:38:43 - Ce membre a mis la note : 20
Groupe : Membres
Magnifique, je t'en remercie 20/20 ;)
Hors ligne OverSlek # Posté le 08/04/2007 à 11:56:17 - Ce membre a mis la note : 19
Avatar
Groupe : Membres
Beau Tutorial ! :)
Je me permet juste pour ceux n'utilisant qu'un seul header ( include('header.php'); ), ceux utilisant ce bout de code, je vous donne une petite soluce, c'est bête mais cela peut toujours servir :)


Code : PHP
/* Mettre ceux qui se trouve aprés votre NDD
Exemple http://votredoamine.tdl/votredossier/page.php
Il faut mettre /votredossier/page.php
Si c'est à la racine metre juste un "/" ( il faut mettre le slash de début et de fin si c'est dans un dossier.
*/

$debut = '';
if($HTTP_SERVER_VARS['REQUEST_URI'] == "".$debut."page.php")
{ echo '<li class="active"><a href="page.php"> Votrepage </a></li>'; }
else { echo '<li><a href="page.php"> Votrepage </a></li>'; };

Et ainsi de suite ;)
Par exemple si j'ai 3liens ( index.php , forum.php, contact.php )

Code : PHP
// index.php je laisse donc debut vide
$debut = '';
if($HTTP_SERVER_VARS['REQUEST_URI'] == "".$debut."index.php")
{ echo '<li class="active"><a href="index.php"> Index </a></li>'; }
else { echo '<li><a href="index.php"> Index </a></li>'; };
// forum.php je laisse donc debut vide
if($HTTP_SERVER_VARS['REQUEST_URI'] == "".$debut."forum.php")
{ echo '<li class="active"><a href="forum.php"> Forum </a></li>'; }
else { echo '<li><a href="forum.php"> Forum </a></li>'; };
// contact.php je laisse donc debut vide
if($HTTP_SERVER_VARS['REQUEST_URI'] == "".$debut."contact.php")
{ echo '<li class="active"><a href="contact.php"> Contact </a></li>'; }
else { echo '<li><a href="contact.php"> Contact </a></li>'; };


Sachez aussi que les url du type index.php?f=page fonctionnent ;)
Suffit de mettre sa
Code : PHP
if($HTTP_SERVER_VARS['REQUEST_URI'] == "".$debut."index.php?f=contact")
{ echo '<li class="active"><a href="index.php?f=page"> Page </a></li>'; }
else { echo '<li><a href="index.php?f=page"> Page </a></li>'; };

Voila voilou :)
Note : 19/20.
Hors ligne DavidV # Posté le 09/04/2007 à 20:04:59 - Ce membre a mis la note : 20
n/d
Avatar
Groupe : Membres
Super tuto :)

Cependant j'ai une question, comment faire pour en mettre certains collé à gauche et d'autres à droite (c'est possible ? un float bug) ?


Sinon, très bien expliqué ;)
 
Hors ligne Xavinou # Posté le 10/04/2007 à 10:01:50 - Ce membre n'a pas mis de note
Vodka, deconnecting people
Avatar
Validateurs
DavidV,

pour mettre certains onglets à gauche, et d'autres à droite, dans le code HTML, il faut rajouter des class="gauche" et class="droite" et dans la feuille CSS, mettre Code : CSS
li.gauche { float : left; }
li.droite {float : right; }

Ne pas oublier d'enlever le float : left dans #onglets li

Marre de voir votre tuto refusé à cause de l'orthographe ? Pensez aux zCorrecteurs ;) .
 
Hors ligne Stakhanov # Posté le 11/04/2007 à 19:00:17 - Ce membre a mis la note : 20
Mate / Feed / Kill / Repeat
Avatar
Groupe : Membres
20/20

génial !! (moi qui m'embêtais à faire des menus en image^^ avec des onmouseover ect...)

MERCI !!!

"Une 4L pour 4" :) --> "Un 4x4 pour elle" o_O
 
Hors ligne Nelson28 # Posté le 15/04/2007 à 09:13:13 - Ce membre a mis la note : 20
Avatar
Groupe : Membres
super tuto bien expliquer :)

20/20
Hors ligne Bougie # Posté le 19/04/2007 à 23:21:31 - Ce membre a mis la note : 19
Solaris beginner
Avatar
Groupe : Membres
Tres bon tuto, bien expliqué, on aimerait toujours en voir des comme ça ^^

Je met 19/20
 
Hors ligne OverSlek # Posté le 20/04/2007 à 17:38:57 - Ce membre a mis la note : 19
Avatar
Groupe : Membres
Remoi ^^
Comment je fais si je veux les aligner au centre ?
Car quand je met float : center; et bah les boutons sont l'un en dessous de l'autre :o
Comment je peux faire ? merci ^^
Répondu par MP ^^
Merci :)
Hors ligne bracor # Posté le 23/04/2007 à 16:13:10 - Ce membre a mis la note : 17
Ravioli.
Avatar
Groupe : Membres
Je l'ai parcouru vite fait et c'est vrai que ça donne des pistes aux jeunes zéros qui, sortent fraichement du tuto xhtml/css et ca donne des idées aux plus anciens :)
17.
PS:
Citation
Maintenant, le menu est centrer sur tous les navigateurs!

Citation
Maintenant, le menu est centré sur tous les navigateurs!

;) ++
Hors ligne Xavinou # Posté le 24/04/2007 à 21:19:51 - Ce membre n'a pas mis de note
Vodka, deconnecting people
Avatar
Validateurs
Bracor => merci de m'avoir signalé la faute, je la corrige de suite !

Marre de voir votre tuto refusé à cause de l'orthographe ? Pensez aux zCorrecteurs ;) .
 
Hors ligne moustix # Posté le 28/04/2007 à 14:17:35 - Ce membre n'a pas mis de note
Avatar
Groupe : Membres
Merci pour ton tuto ca m'a donné plein d'idee 20/20 :D
Hors ligne OyoKooN # Posté le 05/05/2007 à 00:17:23 - Ce membre a mis la note : 20
Soy una raya en el mar !
Avatar
Groupe : Membres
Super ;)

"Celui qui, dans la vie, est parti de zéro pour n'arriver à rien, n'a de merci à dire à personne." Pierre Dac
 
Hors ligne Ninety # Posté le 11/05/2007 à 19:56:44 - Ce membre a mis la note : 19
Voila qui me decrit mieux :p
Avatar
Groupe : Membres
Rien a dire de special ... ah si ! Bravo :D

19 ;) (Rien n'est parfait :p )

Image utilisateur
 
Hors ligne vincent16 # Posté le 26/05/2007 à 17:36:00 - Ce membre n'a pas mis de note
Avatar
Groupe : Membres
19 pour l'explication et 19 pour les codes !!héhé

Sinon , moi j'ai un soucis :

mes onglets devraient bouger , enfin un genre effet quand la souris passe dessus , moi il ne se passe rien , ou est-je mal saisi se que tu as dit a la fin ??? :(

j'ai copier coller tout les code comme il faut , une 10 aine de vérification , etc !!!

si quelqu'un pouvait m'éclairer !!! :-°

la vie ne vaut d'être vecu , que si on la vie comme un rêve ...
 
Hors ligne loolou78 # Posté le 08/06/2007 à 18:22:26 - Ce membre a mis la note : 20
la liberté est absolue
Avatar
Groupe : Membres
20/20 pour le beau travail et le tuot est très bien fait.
pour vincent==>il faut à chaque fois que tu change la class active.
par exemple si tu es sur la page forum tu mets forum en class=active...Et ansi de suite.

je suis marocain et j'en suis fier
 
Hors ligne Astral Romance # Posté le 20/06/2007 à 12:10:08 - Ce membre a mis la note : 20
http://82nd-team-v1.clanfree.n
Avatar
Groupe : Membres
Super, rien à dire ! ;)
Hors ligne axyxe # Posté le 20/06/2007 à 16:14:55 - Ce membre a mis la note : 20
Groupe : Membres
Merci à toi petit (ou grand d'ailleurs) Zéro !! Encore un qui a piqué ton menu ;)

note: 20/20
Hors ligne iPhoenix # Posté le 20/06/2007 à 17:33:14 - Ce membre a mis la note : 19
Vive les pommes!
Avatar
Groupe : Membres
Superbe tuto! 19/20!
 
Hors ligne naruto193 # Posté le 21/06/2007 à 05:27:12 - Ce membre n'a pas mis de note
Avatar
Groupe : Membres
salut a tous je voudrais juste savoir un truc pourquoi le corp du site reste sur le menue onglet
Hors ligne KorangaR # Posté le 24/06/2007 à 14:12:59 - Ce membre a mis la note : 8
Groupe : Membres
Il y a 2 détails qui tu pourrais améliorer :

- la taille de la police est définie en px au lieu d'être par exemple défini en em ce qui est ce qui est plus recommandable.
- les commentaires lorsque tu appliques la technique des !important, IE7 comprend mtn cet !important et donc tu devrais dire "IE6 et inférieur" et non pas "IE" ;

Ces petites fautes ne sont pas très importantes mais ce serait une bonne chose qu'elles soient corrigées pour donner le bel exemple.
Ton menu n'étant pas tellement novateur et pas très difficile à créer, je ne peux pas te mettre une excellente note.
Hors ligne Ryuuzaki # Posté le 08/07/2007 à 18:30:45 - Ce membre a mis la note : 16
Avatar
Groupe : Membres
Bravo ;)

Un tuto bien utile et très bien expliqué :)

Par contre, je n'es pas le même résultat sur FF et IE.
Sur FF tout marche nickel, par contre sur IE j'ai un cadre qui entoure les onglets et les onglets débordre sur le div en dessous (ils sont décalé de quelques px, ce qui est très génant).

Un autre problème... je ne peux pas mettre plus de 7 onglets.
Le huitième passe en dessous...

Peut-être que c'est moi qui est mal recopié le code.

Ca marche chez vous avec les deux navigateurs?

Merci d'avance et encore bravo ;)

PS : 16/20

Vous devez être inscrit pour pouvoir poster des messages

Changer de design | En savoir plus | Plan du site | Politique d'accessibilité | Règles | RSS tutoriels | RSS news
Édité par Simple IT SARL : Nous contacter | Notre blog | Revue de presse | Publicité

Y'a plus rien à lire, faut remonter maintenant !

Hébergement web - Correction de tutoriels - Créer un site
Vous souhaitez apparaître ici ? Contactez-nous.

Nombre de connectés 261 Zéros connectés | Requêtes SQL 8 requêtes | Temps de génération de la page : Total (SQL) 0.0493s (0.0375s)