Framset
Codeur_html/css
Messages postés
1
Statut
Membre
-
Posotaz Messages postés 505 Statut Membre -
Posotaz Messages postés 505 Statut Membre -
Bonjour,
j'ai entreprit la construction d'un site web , et pour la premiére fois , je vais uiliser les framset , mais je n'arrive pas a comprendre !
je cherche a reproduire ceci :
http://www.huddletogether.com/projects/lightbox2/
voyer : le menu ne bouge pas , il utilise que des div , mais je ne vois pas se que peut être se css , a part pour le corp du site qui est avec un overflow !!!!
voila , j'aimerais bien que l'on m'aide a obtenir cette effet !!!
Sinon , comment faire pour ouvrir une page web a partir d'un lien se situant dans des framset différente !!
merci d'avance
j'ai entreprit la construction d'un site web , et pour la premiére fois , je vais uiliser les framset , mais je n'arrive pas a comprendre !
je cherche a reproduire ceci :
http://www.huddletogether.com/projects/lightbox2/
voyer : le menu ne bouge pas , il utilise que des div , mais je ne vois pas se que peut être se css , a part pour le corp du site qui est avec un overflow !!!!
voila , j'aimerais bien que l'on m'aide a obtenir cette effet !!!
Sinon , comment faire pour ouvrir une page web a partir d'un lien se situant dans des framset différente !!
merci d'avance
1 réponse
Salut,
Utiliser des frames en 2007 pour des motifs de positionnement c'est un peu comme... vouloir se faire incendier ? :D Sans blague c'est une mauvaise idée pour des raisons que tu peux découvrir un peu partout en cherchant sur Internet.
Alors comment ils font sur le site qui t'intrigue tant ? (heureusement le code est d'une propreté irréprochable, j'ai pas eu difficile)
J'ai répéré la section où était placé le menu (#sidebar). J'ai regardé dans une des deux CSS (screen.css étant la bonne, trouvée à pic du premier coup) le style faisant référence à la section unique #sidebar et voilà ce que j'y ai trouvé :
La deuxième ligne tu l'oublies un peu, c'est un hack spécial pour Internet Expl'horreur qui n'est pas foutu de respecter les standards CSS2 et qui ne comprend donc pas correctement la première ligne va considérer la deuxième. Du coup les navigateurs qui respectent les standards ne connaissent pas la deuxième ligne et vont conserver la première.
C'est donc la propriété "position" mise à la valeur "fixed" ("absolute" pour l'autre dont je tairai son nom) qui permet de fixer (à proprement parler) la partie de gauche. MAIS si dans IE (pourquoi je tremble à chaque fois que je l'écris ?) c'est marqué "absolute" c'est parce que ce n'est pas "fixed"... et ça fait une différence. Essaie donc avec ce pseudo navigateur et tu verras que le menu ne reste pas fixe, il est absolu par rapport au début de la page, pas par rapport à l'écran.
Donc cette solution n'est pas compatible tous navigateurs...
Les frames j'ai été forcé d'en utiliser à l'école il y a très longtemps mais de mémoire je ne sais plus te dire comment les faire communiquer. Bref ça doit se trouver sur Internet. En voilà quelques liens :
http://fr.selfhtml.org/html/frames/definir.htm
https://www.w3schools.com/tags/tag_frameset.asp (section "navigation_frame")
Utiliser des frames en 2007 pour des motifs de positionnement c'est un peu comme... vouloir se faire incendier ? :D Sans blague c'est une mauvaise idée pour des raisons que tu peux découvrir un peu partout en cherchant sur Internet.
Alors comment ils font sur le site qui t'intrigue tant ? (heureusement le code est d'une propreté irréprochable, j'ai pas eu difficile)
J'ai répéré la section où était placé le menu (#sidebar). J'ai regardé dans une des deux CSS (screen.css étant la bonne, trouvée à pic du premier coup) le style faisant référence à la section unique #sidebar et voilà ce que j'y ai trouvé :
#sidebar{ position:fixed; top: 38px; left:20px; width: 250px; }
* html div#sidebar { top: 38px; left:20px; width: 250px; position:absolute; }
La deuxième ligne tu l'oublies un peu, c'est un hack spécial pour Internet Expl'horreur qui n'est pas foutu de respecter les standards CSS2 et qui ne comprend donc pas correctement la première ligne va considérer la deuxième. Du coup les navigateurs qui respectent les standards ne connaissent pas la deuxième ligne et vont conserver la première.
C'est donc la propriété "position" mise à la valeur "fixed" ("absolute" pour l'autre dont je tairai son nom) qui permet de fixer (à proprement parler) la partie de gauche. MAIS si dans IE (pourquoi je tremble à chaque fois que je l'écris ?) c'est marqué "absolute" c'est parce que ce n'est pas "fixed"... et ça fait une différence. Essaie donc avec ce pseudo navigateur et tu verras que le menu ne reste pas fixe, il est absolu par rapport au début de la page, pas par rapport à l'écran.
Donc cette solution n'est pas compatible tous navigateurs...
Les frames j'ai été forcé d'en utiliser à l'école il y a très longtemps mais de mémoire je ne sais plus te dire comment les faire communiquer. Bref ça doit se trouver sur Internet. En voilà quelques liens :
http://fr.selfhtml.org/html/frames/definir.htm
https://www.w3schools.com/tags/tag_frameset.asp (section "navigation_frame")
