Comment afficher un lien dans un <div>

**essono** · 02/12/2006, 02h49

bonjour super débutant en programmation je realise un site pour cela j'ai opter de créer un design avec quatre bloc a l'aide de la balide div
comme ceci:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
 
 <div id="en_tete">
   <!-- Ici on mettra la bannière -->
</div>
 
<div id="menu">
   <!-- Ici on mettra le menu -->
</div>
 
<div id="corps">
   <!-- Ici on mettra le contenu principal de la page (tout le texte quoi) -->
</div>
 
<div id="pied_de_page">
   <!-- Enfin, on mettra en bas de la page le nom de l'auteur, un copyright... -->
</div>

ce que j'ai d'ailleurs reussis .
seulement j'aimerai afficher les autres pages (les liens) dans la balise <div> du "id=menu" jai fais un target je n'arrive comment faire? sinon comment avoir le meme design dans toutes les pages de mon site?
merci de me venir en aide

**{F-I}** · 02/12/2006, 03h40

Salut,

Personnellement je n'ai rien compris...

Tu veux que les blocs "div" soient cliquable comme un lien ?

Ou bien que dans les blocs, il y a des textes avec le lien ?

**blueice** · 02/12/2006, 09h06

C'est très confus.
Pour tes menus, tu peux faire ton choix ici :
http://css.maxdesign.com.au/listamatic/

Pour avoir le même design, il te suffit de dupliquer ta page et de modifier le contenu...

Et je te conseille les tutoriels sur notre site.

**essono** · 02/12/2006, 10h24

en clair j'aimerai faire apparaître mon design dans toutes les pages de mon site voila mon pb
merci d'avance

**blueice** · 02/12/2006, 10h31

Il te suffit de lier ta feuille de style dans la partie <head> de ton document.
Et comme je l'ai déjà indiqué de dupliquer ton document en changeant le contenu.

Et tu devrais lire les FAQs et Tutoriels de notre site...

**Bisûnûrs** · 02/12/2006, 10h53

En gros tu veux te servir du div comme une frame ?

Tourne-toi alors vers le include d'un langage serveur.

Exemple :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
<div id="contenu">
   <?php include('mapage.html'); ?>
</div>

**s.n.a.f.u** · 02/12/2006, 14h44

Envoyé par blueice

C'est très confus.
Pour tes menus, tu peux faire ton choix ici :
http://css.maxdesign.com.au/listamatic/

Ca je ne connaissais pas, c'est très cool

Pour avoir le même design, il te suffit de dupliquer ta page et de modifier le contenu...

Si je puis me permettre et sauf ton respect : NON !
Un enfer pour la maintenance et l'évolutivité.

Il faut un système de templates, c'est loin d'être aussi compliqué qu'on veut bien le faire croire.

le template exemple.tpl

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
 
<div><code_header></div>
<div><code_main></div>

Tu construis ton header et ta page principale chacun dans un fichier php.
Disons que chacune retourne un $tmp_header et un $tmp_main.

Dans tes pages, tu n'as plus qu'à faire :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
 
<?php
$tpl_main = file_get_contents('exemple.tpl');
 
require_once 'header.php';
require_once 'main.php';
 
// remplacement du code pour le header
$tpl_main = str_replace('<code_header>', $tmp_header, $tpl_main);
 
// remplacement du code pour le main
$tpl_main = str_replace('<code_main>', $tmp_main, $tpl_main);
 
// affichage de la page
exit($tpl_main);
?>

Ainsi, tu n'a qu'un seul template à modifier. Couplé à un bon CSS, c'est du velours.

--- edit ---
Ceci dit, c'est vrai qu'on sort du sujet HTML pour entrer dans le cadre d'un langage serveur tel que php.
Donc si'il faut faire en HTML pur, je retire ma remarque quant à la duplication de la page. Y a pas le choix...

**blueice** · 02/12/2006, 15h05

jml94, tu ne m'apprends rien là, un système aussi complexe pour un débutant je doute que celà fasse bon ménage !
Et même s'il savait le gérer, pas la peine de sortir l'artillerie lourde pour un simple site.

Et tu as corrigé de toi même en éditant ton post.
En prime c'est très facile à gérer quand cela est bien construit à la base, un coup de rechercher/remplacer et le tour est joué.

Comment afficher un lien dans un <div>

HTML

Discussions similaires

Partager

Partager