Your browser does not support CSS. If images appear below, please disregard them.
Connexion

iWeb Beginner Forum Iweb Beginner : Forum d'assistance sur Apple iWeb

FAQ Membres>M’enregistrer

  • Publicité

liens entre iframes

Pour aller plus loin avec iWeb

Modérateurs: les9viesduchat, mutru, zepatente

Re: liens entre iframes

Messagepar zepatente » Lun 16 Mar 2009 10:00

N'oubliez pas de venir vous présenter aux autres membres dans la rubrique "venez vous présenter" ainsi que vos sites conçus sous iweb

Aucune assistance n'est assurée via MP
Avatar de l’utilisateur
zepatente
Administrateur du site
Administrateur du site
 
Messages: 5569
Inscription: Lun 7 Avr 2008 10:58
Localisation: Québec
Votre OS: Lion
Votre version d'iWeb: iWeb 09
Votre hébergement: MobileMe

Publicité

Re: liens entre iframes

Messagepar philippe » Lun 16 Mar 2009 11:46

zepatente a écrit:le voici le voilà :D http://css-tricks.com/remote-linking/

Merci je test tout ça.
" il n'y a pas de problèmes, il n'y a que des solutions. (André Gide) "
http://www.studiovega.fr
Avatar de l’utilisateur
philippe
Confirmé
Confirmé
 
Messages: 187
Inscription: Ven 13 Mar 2009 13:56
Localisation: Bayonne / France
Votre version d'iWeb: iWeb 08
Votre hébergement: FTP

Re: liens entre iframes

Messagepar philippe » Lun 16 Mar 2009 14:32

J'ai une question à laquelle je ne vois pas de réponse dans le forum :

Ce code ouvre un lien dans l'iframe :
<li class="shutter" id="shutter1"><a class="link" href="http://www.............../galeries.html">Link 1</a></li>
quel est le code pour en sortir et ouvrir une nouvelle page ?

Merci.
" il n'y a pas de problèmes, il n'y a que des solutions. (André Gide) "
http://www.studiovega.fr
Avatar de l’utilisateur
philippe
Confirmé
Confirmé
 
Messages: 187
Inscription: Ven 13 Mar 2009 13:56
Localisation: Bayonne / France
Votre version d'iWeb: iWeb 08
Votre hébergement: FTP

Re: liens entre iframes

Messagepar zepatente » Lun 16 Mar 2009 14:46

le code de l'index , mettez le comme il est dans un fragment

puis mettez l'adresse exacte pour les chose suivantes
Code: Tout sélectionner
   <link rel="stylesheet" type="text/css" href="style.css" />

puis pour chaque image
Code: Tout sélectionner
                  <img src="images/blog-toby_young_0.jpg" alt="Toby Pic" />
N'oubliez pas de venir vous présenter aux autres membres dans la rubrique "venez vous présenter" ainsi que vos sites conçus sous iweb

Aucune assistance n'est assurée via MP
Avatar de l’utilisateur
zepatente
Administrateur du site
Administrateur du site
 
Messages: 5569
Inscription: Lun 7 Avr 2008 10:58
Localisation: Québec
Votre OS: Lion
Votre version d'iWeb: iWeb 09
Votre hébergement: MobileMe

Re: liens entre iframes

Messagepar philippe » Lun 16 Mar 2009 16:01

Merci pour le code, je vais essayé de faire marcher tout ça.
" il n'y a pas de problèmes, il n'y a que des solutions. (André Gide) "
http://www.studiovega.fr
Avatar de l’utilisateur
philippe
Confirmé
Confirmé
 
Messages: 187
Inscription: Ven 13 Mar 2009 13:56
Localisation: Bayonne / France
Votre version d'iWeb: iWeb 08
Votre hébergement: FTP

Re: liens entre iframes

Messagepar philippe » Mar 17 Mar 2009 03:57


Je crois que j'ai été trop vite pour ce problème.
Où est-ce que je met les 2 lignes de code que tu as transmis ?

Voici le code complet pour exemple.

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />

<title>Garage Door Menu from CSS-Tricks</title>

<link href="css/style2.css" rel="stylesheet" type="text/css" />

<script type="text/javascript" src="js/jquery-1.2.6.min.js"></script>
<script type="text/javascript" src="js/jquery.backgroundPosition.js"></script>

<script type="text/javascript">
$(document).ready(function() {

//Set css in Firefox (Required to use the backgroundPosition js)
$('#shutter1').css({backgroundPosition: '0px 0px'});
$('#shutter2').css({backgroundPosition: '0px 0px'});
$('#shutter3').css({backgroundPosition: '0px 0px'});
$('#shutter4').css({backgroundPosition: '0px 0px'});

//Animate the shutter
$(".link").hover(function(){
$(this).parent().animate({backgroundPosition: '(0px -100px)'}, 500 );
}, function() {
$(this).parent().animate({backgroundPosition: '(0px 0px)'}, 500 );
});
});
</script>
</head>

<body>

<ul id="menuback">
<li class="shutter" id="shutter1"><a class="link" href="http://www.........../Site/galeries.html">Link 1</a></li>
<li class="shutter" id="shutter2"><a class="link" href="#2">Link 2</a></li>
<li class="shutter" id="shutter3"><a class="link" href="#3">Link 3</a></li>
<li class="shutter" id="shutter4"><a class="link" href="#4">Link 4</a></li>
</ul>

</body>

</html>
" il n'y a pas de problèmes, il n'y a que des solutions. (André Gide) "
http://www.studiovega.fr
Avatar de l’utilisateur
philippe
Confirmé
Confirmé
 
Messages: 187
Inscription: Ven 13 Mar 2009 13:56
Localisation: Bayonne / France
Votre version d'iWeb: iWeb 08
Votre hébergement: FTP

Re: liens entre iframes

Messagepar philippe » Mar 17 Mar 2009 07:47

J'ai trouvé la solution à mon problème de lien.
Il faut écrire la ligne de lien comme ceci (il faut simplement rajouter target="_top"") :
<li class="shutter" id="shutter1"><a class="link" href="http://www.phvillard.fr/Site/galeries.html" target="_top">Link 1</a></li>
" il n'y a pas de problèmes, il n'y a que des solutions. (André Gide) "
http://www.studiovega.fr
Avatar de l’utilisateur
philippe
Confirmé
Confirmé
 
Messages: 187
Inscription: Ven 13 Mar 2009 13:56
Localisation: Bayonne / France
Votre version d'iWeb: iWeb 08
Votre hébergement: FTP

Re: liens entre iframes

Messagepar zepatente » Mar 17 Mar 2009 10:19

bonjour,

le code , il faut le perdre tel que et le mettre dans un fragment puis changer les liens c'est à dire les lignes de codes que je vous ai indiqué plus haut.

ne pas oublier de mettre le répertoire télécharger sur son hébergement

@+
N'oubliez pas de venir vous présenter aux autres membres dans la rubrique "venez vous présenter" ainsi que vos sites conçus sous iweb

Aucune assistance n'est assurée via MP
Avatar de l’utilisateur
zepatente
Administrateur du site
Administrateur du site
 
Messages: 5569
Inscription: Lun 7 Avr 2008 10:58
Localisation: Québec
Votre OS: Lion
Votre version d'iWeb: iWeb 09
Votre hébergement: MobileMe

Re: liens entre iframes

Messagepar philippe » Mar 17 Mar 2009 10:39

Merci pour ta réponse, mais en fait j'avais trouvé la solution après ta réponse d'hier soir, en rajoutant un simple target="_top" sur la ligne de code. (voir mon message de ce matin)
Quand on a la tête dans les codes, par moment on finit par ne plus voir l'évidence.

Merci encore.
Philippe
" il n'y a pas de problèmes, il n'y a que des solutions. (André Gide) "
http://www.studiovega.fr
Avatar de l’utilisateur
philippe
Confirmé
Confirmé
 
Messages: 187
Inscription: Ven 13 Mar 2009 13:56
Localisation: Bayonne / France
Votre version d'iWeb: iWeb 08
Votre hébergement: FTP

Re: liens entre iframes

Messagepar zepatente » Mar 17 Mar 2009 10:43

est ce que vous l'avez mis en ligne ?
N'oubliez pas de venir vous présenter aux autres membres dans la rubrique "venez vous présenter" ainsi que vos sites conçus sous iweb

Aucune assistance n'est assurée via MP
Avatar de l’utilisateur
zepatente
Administrateur du site
Administrateur du site
 
Messages: 5569
Inscription: Lun 7 Avr 2008 10:58
Localisation: Québec
Votre OS: Lion
Votre version d'iWeb: iWeb 09
Votre hébergement: MobileMe

PrécédenteSuivante

Retourner vers Code HTML

Qui est en ligne

Utilisateurs parcourant ce forum: Aucun utilisateur enregistré et 4 invités