Supprimer des

2 réponses

Mister Jack

30/12/2004 à 16:55

Bonjour !

Voilà, j'ai un problème d'imbriquement de balises.
Je fais un menu à onglets vertical, et donc génère en PHP mes onglets à
texte vertical (parce qu'on ne peut le faire qu'avec les filtres IE non
portables ou en CSS3 non supporté actuellement).

Ces onglets doivent avoir deux formes : normal et highlight. Comme c'est
compliqué à gérer, je génère une seule image pour chaque onglet : la
partie gauche est la version normale et la partie droite, la version
highlight.

Je mets donc l'image en background dans un <div> et selon l'onglet en
highlight, j'utilise background-position pour obtenir mon effet.

Jusque là tout est très classique. Mais mon problème est que je dois
faire un lien avec ces onglets... Pour l'instant j'ai ceci :

<div id="onglets">
<a href="/accueil/"><div id="onglet_accueil"></div></a>
<a href="/actualite/"><div id="onglet_actualite"></div></a>
<a href="/articles/"><div id="onglet_articles"></div></a>
<a href="/projets/"><div id="onglet_projets"></div></a>
<a href="/humeur/"><div id="onglet_humeur"></div></a>
<a href="/forum/"><div id="onglet_forum"></div></a>
</div>

Et en CSS :

#onglet_accueil {
border-left: 1px solid #36f;
border-bottom: 1px solid #36f;
width: 16px;
height: 59px;
background: url('onglet.php?text=accueil');
}
#body_accueil #onglet_accueil {
background-position: -16px 0;
}
...

Ca fonctionne bien avec Firefox et MSIE6, mais ce qui m'embête c'est
qu'il semble interdit de mettre une balise <div> à l'intérieur d'une
balise <a>.

Si quelqu'un a une idée sur la façon de régler le problème...

Rem : je vais simplifier la CSS en ne laissant que background dans
chaque onglet. J'y vais de ce pas.

Je vous remercie d'avance de tous les commentaires ou astuces qui
seraient les votres.

@Tchao !
--
Mister Jack (MJ)
"Linux c'est pas pour les manchots !"

2 réponses

Mister Jack

02/01/2005 à 11:36

Salut !

Peter Pan a écrit :

Mister Jack wrote:

$chemin = "http://www.site.tld";
$dossier = explode("/", $_SERVER['PHP_SELF']);
$rubrique = "accueil";
if ($dossier[1] != 'index.php')
$rubrique= $dossier[1];
echo "<body id="body_$rubrique">";

Plus simple :
$rubrique = "accueil";
$fichier = basename($_SERVER['PHP_SELF'],".php");
if ($fichier != "index")
$rubrique = $fichier;

OK, merci.

$link = mysql_connect("localhost", "login", "motdepasse")
or die("Impossible de se connecter : " . mysql_error());
mysql_select_db ("mjcienet1", $link)
or die("Impossible de se connecter : " . mysql_error());

Plutôt que de répéter ça dans chaque page, et aussi risquer une
fermeture de la connexion "pas propre", tu peux utiliser la fonction :

function queryDB($sql) {
if (!$db = @mysql_connect(DBHOST, DBUSER, DBPASSWD))
return FALSE;
if (!@mysql_select_db(DBNAME, $db)) {
@mysql_close($db);
return FALSE;
}
$result = @mysql_query($sql, $db);
@mysql_close($db);
return $result;
}

Oui, bonne idée. Je voulais ne garder qu'un seul appel à la BDD pour ces
onglets, mais de toutes façons, ça resservira pour les autres appels
pour d'autres choses.

Merci pour tout, et bonne année 2005 !
Amicalement,
--
Mister Jack (MJ)
"Linux c'est pas pour les manchots !"
Un don pour les victimes du Tsunami : http://www.croix-rouge.fr/

Mister Jack

05/01/2005 à 21:25

Salut !

Pierre Goiffon a écrit :

Par ailleurs, veillez à bien laisser vos liens accessibles : libellé
texte, etc.

Bon, lesonglets verticaux posent finalement trop de problèmes.
Effectivement niveau accessibilité il y a un gros défaut. Malgré les
liens textuels en suppément gratuit, les gens qui affichent avec une
police de grande tailles n'ont pas cette grande taille dans les onglets
verticaux, because images.

"onglets verticaux" ----> poubelle. (en l'état)

Cordialement,
--
Mister Jack (MJ)
"Linux c'est pas pour les manchots !"
Un don pour les victimes du Tsunami : http://www.croix-rouge.fr/

Supprimer des

2 réponses

Veuillez sélectionner un problème