Aller au contenu

Cadre en css ?

Electric

Par Electric
dans (X)HTML et CSS

 Partager

Sujets conseillés

Electric

Electric

Posté
Posté

Bonjour tout le monde :)

Voila je voulais faire un cadres avec des onglets en haut comme menu, j'avais trouver ceci: 

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
	   "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Texte du titre</title>
</head>
<body>

<h1>Test</h1>

<p>
<a href="http://www.google.fr" target="hublot"><b>autre page</b></a><br>
<a href="http://forums.phpbb-fr.com" target="hublot"><b>première page</b></a>
</p>

<iframe src="pagedaccueil.htm" name="hublot" width="100%" height="900" marginheight="10" 

marginwidth="10" align="right">
<p>Votre navigateur ne peut malheureusement pas afficher de cadre incorporé</p>
</iframe>


</body>
</html>

Mais on ma déconseiller l'iframe... Donc j'aimerais la meme chose mais en CSS (ou autre mais je ne connais pas non plus !).

Merci :blush:

TheRec

TheRec

Posté
Posté

Bonjour,

Si tu veux te passer de cadres (frame ou iframe) ce que je te conseille vivement (pour beaucoup de raisons que tu as dû déjà entendre : référencement, modernité du code, etc.) et que tu souhaites ne pas devoir maintenir la partie commune à l'ensemble de ton site (en-tête, menu(s), pieds de page, etc.) tu devra passer idéalement par un langage de programmation côté serveur, comme PHP par exemple.

Ne t'inquiète pas, pour une utilisation de base, les connaissances en PHP ne sont pas énormes et sont assez bien expliquées dans ce tutoriel (qui a été mis à jour récemment en plus ;)).

Bonne lecture et bonne continuation.

sopo

sopo

Posté
Posté

Effectivement, tu n'as pas besoin d'un iframe pour faire ça. Il suffit d'utiliser la propriété CSS 

position: fixed

et ça fonctionnera, en tous cas pour IE7, Firefox, etc.

Maintenant, si tu n'y connais rien ou pas grand chose, ce n'est peut-être pas le genre de mise en page qu'il te faut. Je ne saurais que te conseiller de commencer par le commencement, suivre quelques tutos pour apprendre les bases (ici, par exemple) et y aller tranquille. Tu pourras toujours faire évoluer ton site au fur & à mesure de ta progression ;)

Electric

Electric

Posté
  • Auteur
Posté (modifié)

Bon bin c'est re moi ! :blush:

Voila j'ai un peu avancer sur mon menu mais je bloque sur un point ! :nonono:

alors va ce que j'ai fait: 

<!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" xml:lang="fr" lang="fr"><head>


	<meta http-equiv="content-type" content="text/html; charset=utf-8"><title>Menu</title>

	<style type="text/css" title="text/css">
/* <![CDATA[ */


#navigation {
	margin: 0;
	padding: 0;
	list-style: none;
	text-align: center;
	}

#navigation li {
	display: inline;
	margin-right: 1px;
	color: #fff;
	background: #c00;
	}

#navigation li a {
	padding: 4px 20px;
	background: #c00;
	color: #fff;
	border: 1px solid #600;
	font: 1em "Trebuchet MS",Arial,sans-serif;
	line-height: 1em;
	text-align: center;
	text-decoration: none;
	}

#navigation li a:hover, #navigation li a:focus, #navigation li a:active {
	background: #900;
	text-decoration: underline;
	}


/* ]]> */
</style></head>
<body>

<ul id="navigation">
<li id="active"><a href="http://www.google.fr" id="current">Menu 1</a></li>
<li><a href="http://www.google.ch" id="current">Menu 2</a></li>
<li><a href="#">Menu 3</a></li>
<li><a href="#">Menu 4</a></li>
<li><a href="#">Menu 5</a></li>
</ul>

</body></html>

Ok, bon je ne trouve pas le moyen d'afficher les liens d'un des menus en dessous. :wacko:

Donc je comprends pas, parcque votre site http://css.alsacreations.com et super mais je n'ai rien trouver pour remedier a mon soucis. :/

Si vous pouviez me donner un autre pti coup de pouce ! svp Se serai top !

Modifié par Electric

Veuillez vous connecter pour commenter

Vous pourrez laisser un commentaire après vous êtes connecté.



Connectez-vous maintenant
 Partager
Aller sur la liste des sujets
×
×
  • Créer...