Le menu dans une iframe

Messagepar azaroth » Mar 25 Déc 2007, 21:05

Bonjour,

Je suis en train de créer mon propre skin et je souhaiterai placer le menu de droite dans une iframe, comment dois-je m'y prendre ?

J'ai fais l'essai suivant : j'ai crée une structure de site avec des iframes, l'une dans laquelle il y a un menu, l'autre, un contenu. J'ai créer un bouton test et en guise de lien, j'ai pris un lien de ma boutique, 'nimporte lequel. Le problème est que ça m'affiche toute ma galerie dans mon iframe, les menus, l'entête, le pied de page, les contenus, tout. Je souhaiterai simplement que ça m'affiche le contenu, c'est tout.

Arrivez-vous à comprendre ce que je veux dire ? Et si oui, avez-vus une méthode pour arriver à mes fins ?
Merci.
azaroth
Membre actif
 
Messages: 47
Inscription: Lun 03 Sep 2007, 22:35

Messagepar azaroth » Jeu 27 Déc 2007, 13:41

Y'a donc personne sur ce forum qui puisse m'aider ?
azaroth
Membre actif
 
Messages: 47
Inscription: Lun 03 Sep 2007, 22:35

Messagepar j4k » Jeu 27 Déc 2007, 13:53

ce problème n'est pas lié à oscss ... et c'est les fêtes chez la majeure partie des gens .. donc un peu de patience pour les réponses !

as-tu un target sur ton lien vers l'iframe ? : <a HREF="http://tonsite.com" target="iframe">le nom </a>
~ osCSS 1.2.1 ~
Avatar de l’utilisateur
j4k
Site Admin
 
Messages: 1259
Inscription: Mer 27 Avr 2005, 09:13
Localisation: France

Messagepar azaroth » Jeu 27 Déc 2007, 14:06

Désolé pour mon impatience:)

Oui, j'ai bien un target, tout est paramétré comme il faut. Il me faut simplement les liens.
azaroth
Membre actif
 
Messages: 47
Inscription: Lun 03 Sep 2007, 22:35

Messagepar j4k » Jeu 27 Déc 2007, 15:30

ok je comprend le problème, le contenu de l'iframe comprends l'ensemble de a page (header, menu, content et footer) et cela se duplique dans ta construction iframe....

je ne comprends pas pourquoi tu souhaite utiliser absolument une structure en iframe, oscss amène l'avantage d'avoir une structure xhtml/css très souple et compatible W3C, ce que tu va casser av ec ce genre de structure.

pour régler ton problème, il faudrait que tu nous donne un peu plus de détail concernant la construction de ton template.
~ osCSS 1.2.1 ~
Avatar de l’utilisateur
j4k
Site Admin
 
Messages: 1259
Inscription: Mer 27 Avr 2005, 09:13
Localisation: France

Messagepar azaroth » Jeu 27 Déc 2007, 16:46

J'utilise le template "clean".
Je sais bien qu'oscss offre plein d'avantages et j'ai bien essayé de skiné il y a quelques temps mais je n'ai pas réussi à faire ce que je voulais.
Je voulais que la partie centrale puisse défiler mais pas le header, ni même le menu ni encore le footer, seulement la partie centrale, j'ai même posé la question sue le présent site mais les réponse qui m'ont été apporté sont bien loin de mes compétences, alors l'autre jour, j'ai décidé de revoir la chose autrement et l'idée des Iframes m'est venue.
azaroth
Membre actif
 
Messages: 47
Inscription: Lun 03 Sep 2007, 22:35

Messagepar j4k » Jeu 27 Déc 2007, 17:29

il est tout à fait possible de rendre le div du contenu scrollable par le css sans iframe.

il suffit d'ajouter un :
Code: Tout sélectionner
overflow: auto;

dans le div en question

Si c'est uniquement pour faire ça je vois pas pourquoi ajouter des iframes.
~ osCSS 1.2.1 ~
Avatar de l’utilisateur
j4k
Site Admin
 
Messages: 1259
Inscription: Mer 27 Avr 2005, 09:13
Localisation: France

Messagepar azaroth » Jeu 27 Déc 2007, 18:55

Des div, il y en a 250.000, ça concerne quel fichier exactement ?
Sinon, effectivement, si ce n'est que ça, t'a raison, les iframes ne servent plus à rien.

Je crois que c'est dans stylesheet.css, j'ai essayer de mettre : "overflow: auto;" un peu partout histoire de voir si ça faisait quelque chose mais non, rien de rien.
Je suis sûr que c'est tout bête pourtant.
Dernière édition par azaroth le Jeu 27 Déc 2007, 20:07, édité 1 fois.
azaroth
Membre actif
 
Messages: 47
Inscription: Lun 03 Sep 2007, 22:35

Messagepar j4k » Jeu 27 Déc 2007, 21:05

sur le template clean ce doit etre #pagecontent
~ osCSS 1.2.1 ~
Avatar de l’utilisateur
j4k
Site Admin
 
Messages: 1259
Inscription: Mer 27 Avr 2005, 09:13
Localisation: France

Messagepar azaroth » Jeu 27 Déc 2007, 22:05

J'ai ajouté overflow: auto; là :

#pageContent{
float : left;
width : 540px;
padding: 30px 0 0 30px;
overflow: auto;
}

dans stylesheet.css mais ça change rien.
D'autres idées ?
azaroth
Membre actif
 
Messages: 47
Inscription: Lun 03 Sep 2007, 22:35

Messagepar j4k » Ven 28 Déc 2007, 12:51

~ osCSS 1.2.1 ~
Avatar de l’utilisateur
j4k
Site Admin
 
Messages: 1259
Inscription: Mer 27 Avr 2005, 09:13
Localisation: France

Messagepar azaroth » Ven 28 Déc 2007, 13:48

J'ai essayé toutes les possibilités mais rien n'y fait, je pense pas que overflow::scroll; ou overflow:ce qu'on veut; change quoi que ce soit, ça vient d'ailleurs.
Dis-moi, ai-je commis une erreur dans mon code :

Code: Tout sélectionner
/*
  $Id: stylesheet.css,v 1.1.1.1 2005/05/03 15:22:21 manmachine Exp $

  osCommerce, Open Source E-Commerce Solutions
  http://www.oscommerce.com

  Copyright (c) 2003 osCommerce

  Released under the GNU General Public License
*/

/* ------- CSS OSC --------- */
@import url(dropDownMenu.css);

@import url(css/general.css);


@import url(css/index.css);
@import url(css/product_info.css);
@import url(css/products_new.css);
@import url(css/shopping_cart.css);
@import url(css/advanced_search.css);
@import url(css/advanced_search_result.css);
@import url(css/create_account.css);

@import url(css/checkout_shipping.css);
@import url(css/checkout_payment.css);
@import url(css/checkout_confirmation.css);
@import url(css/checkout_success.css);

@import url(css/conditions.css);
@import url(css/contact_us.css);

@import url(css/account.css);
@import url(css/address_book.css);
@import url(css/account_edit.css);
@import url(css/account_history.css);
@import url(css/account_history_info.css);
@import url(css/account_newsletters.css);
@import url(css/account_password.css);


@import url(css/boxes.css);
@import url(css/whatsnew_infobox.css);
@import url(css/products_listing.css);

@import url(css/menu.css);

@import url(css/categories_dropdown.css);


/* - general - */
body {
   width: 100%;
   margin: 0; padding: 0; 
   text-align: center;
   font: 0.8em Arial,Georgia,Tahoma,sans-serif; color: #000;   
   background : #7A6149; 
}

/* ----------------------------------------------------- */
/* ------------------------- template ------------------ */
/* ----------------------------------------------------- */

#page{
  position: relative;
 width : 800px;
  margin: 0 auto 0 auto;
  text-align: left;
 background: transparent url(images/bg.gif) repeat-y left;
}

#top{
 height: 220px;
 width: 780px;
 margin : 0 0 0 10px;
  background: #444 url(images/top.jpg) no-repeat;
}

#top h1 {
 text-indent: -9999px;
}


#pageContent{
 float : left;
 width : 540px;
 padding: 30px 0 0 30px;
    overflow:scroll;
}

#sidebar { margin: 20px 0 0 580px; }

#breadCrumb {
 position:absolute;
 top: 220px;
 left: 0px;
 padding: 2px; margin: 0 0 0 20px;
 width:546px; height:20px;
 background:#D9B878; color:#fff;
}


/* Footer
********************************************/
#footer{
  clear: both;
  margin: 0 10px 0 10px;
  height: 50px;
 border: 10px solid #fff;
  background: #989C47;
  padding: 0.3em;
 font: normal 0.85em Georgia,Arial,sans-serif; color: #fff;
  text-align:center;
}

#footer .copyright a {
 color: #fff;
 text-decoration: underline;
}

#footer .copyright a:hover {
 text-decoration: none;
}

/*-------------------------*/


/* ------- forms --------- */
input#search {
  width:130;
  border: 1px solid #16495C;
  padding: 1px;
  font-size: 0.9em;
}

/* ------- original --------- */
SPAN.newItemInCart {color: #ff0000; }
SPAN.greetUser { color: #f0a480; font-weight: bold;}
SPAN.markProductOutOfStock { color: #c76170; font-weight: bold; }
SPAN.errorText { color: #ff0000;}

.moduleRow { }
.moduleRowOver { background-color: #D7E9F7; cursor: pointer; }
.moduleRowSelected { background-color: #E9F4FC; }

.checkoutBarFrom, .checkoutBarTo { font-family: Verdana, Arial, sans-serif; font-size: 10px; color: #8c8c8c; }
.checkoutBarCurrent { font-family: Verdana, Arial, sans-serif; font-size: 10px; color: #000000; }

Je te demanderai juste d'être le plus précis possible dans tes explications, n'ai pas peur d'user ton clavier. :D

En admettant qu'il n'y ai pas de solution, je me débrouillerai avec mes iframe même si c'est pas pratique, dans ce cas, je demande simplement que l'on m'indique la marche à suivre de façon détaillée encore une fois. Je pense que ça pourrait rendre de grands services à beaucoup de monde parce que jusque là, sur l'ensemble des sites utilisant oscss, ils ont tous le même point commun bien laid et disgracieux, à savoir que quand on fait défiler les pages de bas en haut et inversement avec la souris, ce sont les pages entières qui défilent alors que ça serait quand même bien plus esthétique de faire en sorte que ce soit la partie centrale, de plus, ça permettrai de laisser constamment visible le logo et le menu. Ca ferai tout de suite beaucoup plus "pro"pre.

Il ne me reste plus qu'à attendre que les fêtes se terminent pour que la fée du web se penchent sur mon cas et y reste.
Dernière édition par azaroth le Sam 29 Déc 2007, 13:43, édité 1 fois.
azaroth
Membre actif
 
Messages: 47
Inscription: Lun 03 Sep 2007, 22:35

Messagepar azaroth » Jeu 03 Jan 2008, 16:14

Y'a quelqu'un ???
azaroth
Membre actif
 
Messages: 47
Inscription: Lun 03 Sep 2007, 22:35

Messagepar j4k » Ven 04 Jan 2008, 11:26

je ne peux pas être plus précis.

Je te donnes les pistes pour arriver à un résultat mais je n'ai pas de temps à t'offrir pour résoudre tes problèmes de compréhension css qui n'ont rien à voir avec le fonctoinnement de oscss.

Si tu veux que je me penche sur ton problème, je peux te faire un devis.
~ osCSS 1.2.1 ~
Avatar de l’utilisateur
j4k
Site Admin
 
Messages: 1259
Inscription: Mer 27 Avr 2005, 09:13
Localisation: France

Messagepar oscim » Jeu 10 Jan 2008, 20:53

Bien dit.

Un forum apporte des pistes de travail et en aucun cas et un poulet cuit et prêt à êtres mangé.

Effectivement, je trouve très dommageable de casser le respect du W3C !!!

Pour un Web plus propre et fonctionnel RESPECTER LES STANDARDS DU W3C
Pour un web au normes du W3C, pour un web plus propre !

- Download osCSS Toutes versions
- stable osCSS 2.1.0 (help|info|new dev) Official help|wiki|Tuto for osCSS 2 | doc doxygen
- Utiliser le tracker pour suivre les évolutions et développements
- Inscrivez vos sites sur oscss pour présenter vos réalisations
Avatar de l’utilisateur
oscim
Site Admin
 
Messages: 1643
Inscription: Mar 25 Sep 2007, 11:33

Messagepar jl31 » Jeu 23 Oct 2008, 11:44

Bonjour, bien que ce post soit ancien, il me semble qu'il aurait suffi de définir la hauteur (height) en css pour déclencher le scroll en vertical sur l'élément concerné(div#pageContent), soit:
height:500px;(par exemple)
overflow:auto;
en effet, comment faire apparaitre la barre de défilement vertical sinon?
jl31
Membre inactif
 
Messages: 7
Inscription: Mar 14 Oct 2008, 12:00


Retourner vers Design

Qui est en ligne

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

cron