Bonjour,
J'ai un nouveau soucis
J'utilise des pages php dans lesquelles j'appelle le header, le footer et un autre menu fixe. Dans ces pages j'ai aussi un bloc "content" dans lequel il y a un bloc de menu et un bloc de contenu. Je crois que c'est avec le contenu que j'ai un problème. Les images sont parfois trop grandes est donc avant j'avais un ascenseur horizontal qui marchait. Maintenant c'est la fenetre du naviguateur qui le fait du coup c'est nul. Au fait c'est sous IE que ça bug
J'espère que je suis à peu près clair
Les css associées
Voilà, si vous pouviez m'aider ce serait sympa.Merci
Modifié par doolidum (23 Apr 2009 - 16:16)
J'ai un nouveau soucis
J'utilise des pages php dans lesquelles j'appelle le header, le footer et un autre menu fixe. Dans ces pages j'ai aussi un bloc "content" dans lequel il y a un bloc de menu et un bloc de contenu. Je crois que c'est avec le contenu que j'ai un problème. Les images sont parfois trop grandes est donc avant j'avais un ascenseur horizontal qui marchait. Maintenant c'est la fenetre du naviguateur qui le fait du coup c'est nul. Au fait c'est sous IE que ça bug
J'espère que je suis à peu près clair
<HTML>
<HEAD>
<TITLE>Slaventures : nouveautes en ligne</TITLE>
<META NAME="description" CONTENT="Slaventures : sejours et circuits individuels sur mesure Russie, Mongolie, Transsiberien, Ouzbekistan, Kirghizstan, Bosnie. Hebergements chez l'habitant, en isba, sous yourte.">
<META NAME="keywords" CONTENT="Slaventures, actualites, nouveautes, sejours sur mesure, voyages personnalises, circuits individuels, Russie, Mongolie, Transsiberien, Transmongolien, Ouzbekistan, Kirghizstan, Bosnie, stages linguistiques, postes assistants">
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<link href="placement_pages.css" rel="stylesheet" type="text/css">
<link href="placement_base.css" rel="stylesheet" type="text/css">
<style type="text/css">
<!--
.Style1 {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: medium;}
.Style7 {color: #336633}
.Style8 {font-size: medium}
.Style10 {font-size: x-small}
.Style11 {font-size: small}
-->
</style>
</HEAD>
<body>
<?php include('header.inc.php'); ?>
<?php include('visa-devis-paiement.inc.php'); ?>
<div id="content">
<div id="rappel_menu">
<p class="rappel_actus">Accueil</p>
<br>
<ul>
<li><img src="illus/puce_hors_rubrik.png"><span class="rappel"> nouveautés en ligne</span></li>
<li><img src="illus/puce_hors_rubrik.png"><a href="/culture.php" class="rappel_noir"> cultures en action</a></li>
</ul>
</div>
<div id="deco"><img src="illus/feuillage_vert.png"></div>
<div id="contenu">
<p align="center" class="rappel_actus Style1"><em>Slaventuresvous fait vivre l'Est autrement !<br>
</em></p><br>
<p align="center" class="rappel_actus"> <em>Nous vous souhaitons une bonne promenade virtuelle,<br>
suivie de beaux voyages et de chaleureuses rencontres !</em></p>
<p><div align="center">
<br>
<table border=0 cellpadding=1 cellspacing="5">
<tr>
<td><img src="images/Russie/Russie_marche_Moscou.jpg" width="213" height="143"></td>
<td><img src="images/Russie/eglise_Vladimir.jpg" width="133" height="143"></td>
<td><img src="images/Russie/eglise_bois_russe.jpg" width="111" height="143"></td>
<td><img src="images/Transsib/Transsib_Mongolie_yourte_nuit.JPG" width="191" height="143"></td>
</tr>
</table>
</p>
</div>
</div>
<?php include('footer.inc.php'); ?>
</body>
</html>
Les css associées
/* Global */
#deco {position: absolute; left: 0; bottom:0;}
#rappel_menu {position: absolute; left: 2px; top: 170px; width: 130px; font-family: Arial, Helvetica, sans-serif; z-index: 7;}
#contenu {background-color: #FFFFFF; margin-left: 135px; margin-right: 134px; overflow: auto; height: 100%; font-family: Arial, Helvetica, sans-serif; padding-left:5px; padding-right: 5px; border-left-style: solid; border-left-color: #CCCCCC; border-left-width:1px; z-index:8;}
/* Base */
* {margin: 0; padding: 0}
html,body {height: 100%;}
#header {background-color: #FFFFFF; height: 29%; width: 780px; z-index:9;}
#content {background-color: #FFFFFF; height: 65%; z-index:6;}
#footer {background-color: #FFFFFF; height: 6%; bottom: 0;}
img {border:0;}
#menu1 {position: absolute; left: 157px; top:70px; z-index:13;}
#menu2 {position: absolute; left: 295px; top: 70px; z-index:14;}
#menu3 {position: absolute; top: 70px; left: 455px; z-index:15;}
#menu4 {position: absolute; left: 591px; top: 70px; z-index:16;}
#feuille {position: absolute; left: -4px; top:-2px; z-index:12;}
#CalkForm {position: absolute; right: 5%; top: 23px; z-index:10;}
#logo {position: absolute; left: 160px; top: 0px; z-index:11;}
#russe {position: absolute; left: 2px; top: 86%;}
#accueil {position: absolute; right: 1%; top: 350px; z-index: 5;}
#formalites {position: absolute; right:1px; top: 235px; list-style-type:none; text-decoration:none; z-index:3}
Voilà, si vous pouviez m'aider ce serait sympa.Merci
Modifié par doolidum (23 Apr 2009 - 16:16)
