Sujet Précédent Sujet Suivant

Pb de liens

Fermé
jpr18 Messages postés 7 Date d'inscription lundi 29 octobre 2012 Statut Membre Dernière intervention 30 mars 2015 - 29 oct. 2012 à 17:50
carabde Messages postés 60 Date d'inscription mercredi 8 juillet 2009 Statut Membre Dernière intervention 30 décembre 2021 - 30 oct. 2012 à 12:34
Bonjour,
je débute en html et css et j'aurai un problème simple à vous soumettre Je n'ai pas pu le résoudre en cherchant sur les forums.
j'ai une page web avec deux zones. Je voudrai afficher dans la partie droite différentes pages en fonction des choix fait dans la partie gauche.
Avec des frame et target on indique dans quel cadre on veut que la page s'affiche. Mais avec le css les zones n'ont pas de nom.
Je ne sais pas si je suis assez clair dans mes explications.
La réponse doit être toute bête mais je n'arrive pas a trouver la solution.
Si vous connaissez un tuto pour ce pb je suis preneur
Par avance Merci




4 réponses

Réponse 1 / 4
carabde Messages postés 60 Date d'inscription mercredi 8 juillet 2009 Statut Membre Dernière intervention 30 décembre 2021 30
30 oct. 2012 à 12:34
Salut,

si j'ai bien compris voici un code qui va vous donnée la réponse à votre question .
si c'est le cas alors c'est du JavScript qu'il vous faut.
et voici un lien pour apprendre le javascript :http://apprendre-creer-sites.com/js/

Voici le code éxecutez le: 
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN">
<html>
<head>
<title>Mon Curriculum vitae</title>

<style>
body {
padding-left: 11em;
font-family: Georgia, "Times New Roman",
Times, serif;
color: purple;
background-color: #d8da3d }

ul.navbar {
list-style-type: none;
padding: 0;
margin: 0;
position: absolute;
top: 2em;
left: 1em;
width: 9em }

h1 {

font-family: Helvetica, Geneva, Arial,
SunSans-Regular, sans-serif }

ul.navbar li {
background: white;
margin: 0.5em 0;
padding: 0.3em;
border-right: 1em solid black }
ul.navbar a {text-decoration: none }
a:link {color: blue }
a:visited {color: purple }

address {
margin-top: 1em;
padding-top: 1em;
border-top: thin dotted }
</style>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.5/jquery.min.js"></script>
 <script type="text/javascript">

$(document).ready(function(){

  $("#cv").click(function(){

    $("#objet").html("<object data='http://apprendre-creer-sites.com/' type='text/html' width='700' height='200'></object>");

  });

});

</script>  
</head>
<body>
<!-- Menu de navigation du site -->
<ul class="navbar">
<li><a href="index.html">Accueil</a></li>
<li id="cv"><a>Mon CV</a></li>
<!-- <li><a href="ville.html">Ma ville</a></li> -->
<!-- <li><a href="liens.html">Liens</a></li> -->
</ul>

<!-- Contenu principal -->
<h1>Ma première page avec du style</h1>
<p>Bienvenue sur ma page avec du style! </p>
<div id="objet"></div> 
<!-- Signer et dater la page, c'est une question de politesse! -->
<address>Fait le 5 avril 2004<br>
par moi.</address>

</body>
</html>
1
Réponse 2 / 4
Freedomsoul Messages postés 509 Date d'inscription lundi 9 mai 2011 Statut Membre Dernière intervention 17 avril 2013 97
30 oct. 2012 à 10:16
Je ne comprends pas la partie: 
Avec des frame et target on indique dans quel cadre on veut que la page s'affiche. Mais avec le css les zones n'ont pas de nom.
0
Réponse 3 / 4
jpr18 Messages postés 7 Date d'inscription lundi 29 octobre 2012 Statut Membre Dernière intervention 30 mars 2015
30 oct. 2012 à 11:11
Bonjour
Effectivement je n'ai pas été très clair je manque de vocabulaire dans ce domaine.
Voici les scripts que j'utilise et ce que je souhaite c'est que en cliquant sur la zone mon cv je le fasse afficher dans la partie droite.

MON FICHIER HTML

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN">
<html>
<head>
<title>Mon Curriculum vitae</title>
<link rel="stylesheet" type="text/css" href="monstyle.css">

</head>
<body>
<!-- Menu de navigation du site -->
<ul class="navbar">
<li><a href="index.html">Accueil</a></li>
<li><a href="CV.html" >Mon CV</a></li>
<!-- <li><a href="ville.html">Ma ville</a></li> -->
<!-- <li><a href="liens.html">Liens</a></li> -->
</ul>

<!-- Contenu principal -->
<h1>Ma première page avec du style</h1>
<p>Bienvenue sur ma page avec du style! </p>

<!-- Signer et dater la page, c'est une question de politesse! -->
<address>Fait le 5 avril 2004<br>
par moi.</address>

</body>
</html>

MON FICHIER CSS

body {
padding-left: 11em;
font-family: Georgia, "Times New Roman",
Times, serif;
color: purple;
background-color: #d8da3d }

ul.navbar {
list-style-type: none;
padding: 0;
margin: 0;
position: absolute;
top: 2em;
left: 1em;
width: 9em }

h1 {

font-family: Helvetica, Geneva, Arial,
SunSans-Regular, sans-serif }

ul.navbar li {
background: white;
margin: 0.5em 0;
padding: 0.3em;
border-right: 1em solid black }
ul.navbar a {text-decoration: none }
a:link {color: blue }
a:visited {color: purple }

address {
margin-top: 1em;
padding-top: 1em;
border-top: thin dotted }
0
Réponse 4 / 4
Freedomsoul Messages postés 509 Date d'inscription lundi 9 mai 2011 Statut Membre Dernière intervention 17 avril 2013 97
Modifié par Freedomsoul le 30/10/2012 à 12:28
d'accord, mais c'est quoi le problème avec le css ? tout ne s'affiche pas ?


Edit: à j'ai compris...

tu veux que le CSS puisse varié d'une zone à une autre !

Et bien dans ce cas utilise plus de class ou id
au lieu de généraliser au balise :)
0

Discussions similaires

Rajout de lien sur plusieurs pages
leparradiss -
David -

11 réponses
point d'entrée de procédure introuvable
lamarche dominique -
Pat28 -

7 réponses
Comment retrouver des lien copier sur sont téléphone
SAMA -
Lylou -

2 réponses
mes liens favoris
matelotte -
Dexterccm -

3 réponses
vérifier la validité des liens des favoris
arcenciel -
arcenciel -

2 réponses