Comment ouviri un lien dans un <div> html
gadje
Messages postés
6
Statut
Membre
-
avion-f16 Messages postés 19182 Date d'inscription Statut Contributeur Dernière intervention -
avion-f16 Messages postés 19182 Date d'inscription Statut Contributeur Dernière intervention -
Bonjour, voila tout est dans le titre.
Je cherche à ouvrir un lien contenu dans mon cadre de "menu" situé à gauche de ma page dans un <div> occupant le reste de la largeur de ma page.
J'ai tenté d'intégrer une <frame> dans ma <div>, rien n'y fait.
J'ai également suivi la "piste" PHP (via les "pseudo frame") mais je n'y suis pas parvenu.
CSS:[quote]
div{
font-family: pandastyle; text-align: center; color: #DA5C05; font-size: 20px;
}
div#contenu img { height: 100%; width : 100%;}
div#header{
-moz-border-radius: 10px;
width: 100%;
height: 13%;
background-color: #3878DB;
}
div#marge_haut{
margin-top: 4px;
margin-bottom: 0px;
width: 100%;
height: 9%;
background-color: #ffffff;
}
div#align_ongle{
float: left;
width: 20%;
height: 90%;
background-color: #ffffff;
}
div#onglet{
overflow: hidden;
float: left;
width: 15%;
height: 88%;
-moz-border-radius: 10px;
border-spacing: 5px;
border-color: #000000;
border-left: 1px;
border-bottom: 1px;
border-right: 1px;
border-top: 1px;
border-style: inset;
background-color: #00ff00;
}
div#centrale{
width: 100%;
height: 61%;
}
div#menu{
-moz-border-radius: 10px;
float: left;
width: 19%;
height: 100%;
background-color: #3878DB;
}
div#marge_verticale{
float: left;
width: 1%;
height: 100%;
background-color: #ffffff;
}
div#contenu{
float: left;
width: 80%;
height: 100%;
}
div#marge_bas{
float: left;
width: 100%;
height: 2%;
background-color: #ffffff;
clear: both;
}
div#pied_page{
-moz-border-radius: 10px;
float: left;
width: 100%;
height: 15%;
background-color: #3878DB;
clear: both;
}
/quote
HTML:[quote]
<html>
<head>
<title>site test CSS</title>
<link rel="stylesheet" type="text/css" href="style.css">
<div id="header"></div>
</head>
<body>
<div width="100%" height="100%">
<div id="marge_haut">
<div id="align_ongle"></div>
<div id="onglet"></div>
<div id="onglet"></div>
<div id="onglet"></div>
<div id="onglet"></div>
<div id="onglet"></div>
</div>
<div id="centrale">
<div id="menu">
<ol>
<li><a href="exercice HTML 1.html" target="nav">Les styles de polices</a><br>
<li>Les couleurs & tailles de polices<br>
<li>Les liens<br> hypertexte<br>
<li>Les signets<br>
<li>Les listes<br>
<li>Les images<br>
<li>Les tableaux<br>
</div>
<div id="marge_verticale"></div>
<div id="contenu" noresize ><img src="htmlLogo.jpg"/></div>
</div>
<div id="marge_bas"></div>
<div id="pied_page"></div>
<div>
</body>
</html>
/quote
Donc si quelqu'un pouvait me tuyauter, ce serait fort aimable.
D'avance merci.
@+
Je cherche à ouvrir un lien contenu dans mon cadre de "menu" situé à gauche de ma page dans un <div> occupant le reste de la largeur de ma page.
J'ai tenté d'intégrer une <frame> dans ma <div>, rien n'y fait.
J'ai également suivi la "piste" PHP (via les "pseudo frame") mais je n'y suis pas parvenu.
CSS:[quote]
div{
font-family: pandastyle; text-align: center; color: #DA5C05; font-size: 20px;
}
div#contenu img { height: 100%; width : 100%;}
div#header{
-moz-border-radius: 10px;
width: 100%;
height: 13%;
background-color: #3878DB;
}
div#marge_haut{
margin-top: 4px;
margin-bottom: 0px;
width: 100%;
height: 9%;
background-color: #ffffff;
}
div#align_ongle{
float: left;
width: 20%;
height: 90%;
background-color: #ffffff;
}
div#onglet{
overflow: hidden;
float: left;
width: 15%;
height: 88%;
-moz-border-radius: 10px;
border-spacing: 5px;
border-color: #000000;
border-left: 1px;
border-bottom: 1px;
border-right: 1px;
border-top: 1px;
border-style: inset;
background-color: #00ff00;
}
div#centrale{
width: 100%;
height: 61%;
}
div#menu{
-moz-border-radius: 10px;
float: left;
width: 19%;
height: 100%;
background-color: #3878DB;
}
div#marge_verticale{
float: left;
width: 1%;
height: 100%;
background-color: #ffffff;
}
div#contenu{
float: left;
width: 80%;
height: 100%;
}
div#marge_bas{
float: left;
width: 100%;
height: 2%;
background-color: #ffffff;
clear: both;
}
div#pied_page{
-moz-border-radius: 10px;
float: left;
width: 100%;
height: 15%;
background-color: #3878DB;
clear: both;
}
/quote
HTML:[quote]
<html>
<head>
<title>site test CSS</title>
<link rel="stylesheet" type="text/css" href="style.css">
<div id="header"></div>
</head>
<body>
<div width="100%" height="100%">
<div id="marge_haut">
<div id="align_ongle"></div>
<div id="onglet"></div>
<div id="onglet"></div>
<div id="onglet"></div>
<div id="onglet"></div>
<div id="onglet"></div>
</div>
<div id="centrale">
<div id="menu">
<ol>
<li><a href="exercice HTML 1.html" target="nav">Les styles de polices</a><br>
<li>Les couleurs & tailles de polices<br>
<li>Les liens<br> hypertexte<br>
<li>Les signets<br>
<li>Les listes<br>
<li>Les images<br>
<li>Les tableaux<br>
</div>
<div id="marge_verticale"></div>
<div id="contenu" noresize ><img src="htmlLogo.jpg"/></div>
</div>
<div id="marge_bas"></div>
<div id="pied_page"></div>
<div>
</body>
</html>
/quote
Donc si quelqu'un pouvait me tuyauter, ce serait fort aimable.
D'avance merci.
@+
3 réponses
-
Salut "Valou078" et merci de ta réponse.
L'attribut "target" ne fonctionne pas avec les <div> mais avec les <frame>, hélas.
C'eut été trop simple.
Merci encore.
Donc ma question reste entière.
@+ -
<div id="menu"> <ol> <li><a href="exercice HTML 1.html" target="nav">Les styles de polices</a><br> <li><a href="ta page.html" target="blank"><Les couleurs & tailles de polices</a><br> <li>Les liens<br> hypertexte<br> <li>Les signets<br> <li>Les listes<br> <li>Les images<br> <li>Les tableaux<br> </div>
ET tu fais ca pour tous tes liens. J'espere que j'ai pu t'aider.....
valou78 -
En gros tu aimerais juste charger le contenu, sans recharger tous les menus, l'entête, ... ?
Si oui ? AJAX
