Titre: petit probleme avec frame !
Posté par: boolat le le 06-04-2005 a 14:29:47
Bonjour
j'ai un ecran 19 avec resolution 1024 ! quand j'ai vais mon site tous es bien placer ect ..."le menu bien voyant"
mais quand je passe a un ecran 17 ou 15 avec la meme resolution au plus bas le menu que j'ai a gauche on le voies presque pas !!!?
j'ai comme script dans index.php
</head>
<frameset rows="*" cols="18%,*" framespacing="0" frameborder="NO" border="0">
<frame src="gauche.php" name="leftFrame" scrolling="NO" noresize>
<frame src="droite.php" name="mainFrame">
</frameset>
<noframes><body>
</body></noframes>
</html>
ecce possible d'avoir un script qui se auto calibre " pour le menu de gauche" sous n'importe resolution avec n'importe quelle ecran 15,17,19?
merci! |
Titre: Re:petit probleme avec frame !
Posté par: NuDD le le 06-04-2005 a 17:10:33
Il te faut utiliser du CSS pour pouvoir résoudre ton pbleme. Par la meme occasion cela te ferra passer à l'étape superieur de programmation de site internet... Le principe et de séparer, la mise en page, les graphismes et le texte. C vraiment pratique.
Bon courage.
Pour commencer à apprendre: http://www.alsacreations.com/articles/ |
Titre: Re:petit probleme avec frame !
Posté par: boolat le le 06-04-2005 a 18:42:24
si j'ai bien compris je doit commencer comme ceci avec se code:
et c'est la meme chose que le frame c'est sa? le menu reste toujour fixe a gauche ?
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" lang="fr">
<title>Deux zones avec scroll en CSS</title>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<style type="text/css">
/* CSS issu des tutoriels css.alsacreations.com */
html, body {
height: 100%;
width: 100%;
overflow: auto;
}
body {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size: 0.8em;
margin: 0;
padding: 0;
}
#contenu {
height: 100%;
margin-left: 200px;
overflow: auto;
background-color:#9999CC;
}
#menu {
position: absolute;
left:0;
background-color: #99CCCC;
width: 200px;
height: 100%;
}
</style>
</head>
<body>
<div id="menu">ici le Menu<br /> <a href="http://css.alsacreations.com/Modeles-de-mise-en-page-en-CSS">(voir tous les modèles)</a>
</div>
<div id="contenu">
contenu<br />
</div>
</body>
</html> |
Forum-webmaster | Actionné par YaBB SE
© 2001-2003, YaBB SE Dev Team. Tous droits réservés.
|