18081 sujets

Questions générales et questions de débutants

Probleme tuto

Alors je suis sur cette page : http://css.alsacreations.com/Modeles-de-mise-en-page-en-CSS
Il y a des modèles que je trouve très bien mais je ne peux pas voir les codes XHTML et CSS !
C'est marqué : "Voici quelques modèles de mise en page en CSS. Pour vous en inspirer, il vous suffit de choisir l'un des gabarits et d'afficher le code source HTML et CSS (clic droit sur la souris) :"
Quelqu'un pourrait m'aider en me donnant les codes.
Merci. Smiley cligne
Administrateur
Bonjour également et bienvenue,

il te suffit de cliquer sur le modèle voulu et là de voir le code source via le menu ou un clic droit (menu contextuel)

Felipe
Bonjours tout d'abord (le message précédent a été posté à minuit, je n'était pas très réveillé ...)

Merci de la réponse mais malgrès les explications je ne parviens pas à trouver le code ...

Donc je vai vous demander de bien vouloir m'accorder 5 minutes.
Le modèle qui m'intéresse est le suivant : http://css.alsacreations.com/modeles/modele11.htm
Merci de m'écrire le code HTML d'abord puis CSS ici même sur ce sujet.
Merci encore de m'aider.
Xavier.
Modifié par XaV8 (05 Jun 2006 - 12:47)
salut,

clic droit > afficher le code source Smiley cligne 


<!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">
<head>
<title>4 zones avec scroll</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<style type="text/css">
<!--
/* CSS issu des tutoriels css.alsacreations.com */
body {
margin: 0;
padding: 0;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size: 0.8em;
background-color: #fff; /*couleur de fond blanche*/
}
.conteneur { /*le conteneur global du site, qui sera centré */
width: 750px;
position: absolute;
left: 50%;
margin-left: -385px;
}

.header {
height: 100px;
background-color: #99CCCC;
}
.menu {
position: absolute;
left:0;
width: 150px;
height: 300px;
background-color:#CCCCFF;
}
.frame {
margin-left: 150px;
width: auto;
height: 300px;
background-color:#9999CC;
overflow: auto;
}
.footer {
height: 20px;
background-color: #99CC99;
}
p {
margin: 0 0 5px 0;
}
.menugauche {
list-style-type: none;
margin: 0;
padding:0;
}
.menugauche li {
margin-bottom: 5px;
}
.menugauche a {
margin: 0 2px;
color: #000000;
text-decoration: underline;
}
.menugauche a:hover {
text-decoration: none;
}
-->
</style>
</head>

<body>
<div class="conteneur">
<div class="header">contenu du header de taille fixe : 750px <a href="http://css.alsacreations.com/Modeles-de-mise-en-page-en-CSS">(voir tous les modèles)</a>

</div>

		<div class="menu"><p>menu gauche de largeur fixe : 150px</p>
			
			<ul class="menugauche">
			<li><a href="">Menu 1</a></li>
			<li><a href="">Menu 2</a></li>
			<li><a href="">Menu 3</a></li>
			<li><a href="">Menu 4</a></li>

			</ul>
			
		</div>
		<div class="frame">
		  <p>partie "frame" scrollable </p>
		  <p>partie "frame" scrollable </p>
		  <p>partie "frame" scrollable </p>
		  <p>partie "frame" scrollable </p>

		  <p>partie "frame" scrollable </p>
		  <p>partie "frame" scrollable </p>
		  <p>partie "frame" scrollable </p>
		  <p>partie "frame" scrollable </p>
		  <p>partie "frame" scrollable </p>
		  <p>partie "frame" scrollable </p>

		  <p>partie "frame" scrollable </p>
		  <p>partie "frame" scrollable </p>
		  <p>partie "frame" scrollable </p>
		  <p>partie "frame" scrollable </p>
		  <p>partie "frame" scrollable </p>
		  <p>partie "frame" scrollable </p>

		  <p>partie "frame" scrollable </p>
		  <p>partie "frame" scrollable </p>
		  <p>partie "frame" scrollable </p>
		  <p>partie "frame" scrollable </p>
		  <p>partie "frame" scrollable </p>
		  <p>partie "frame" scrollable </p>

		  <p>partie "frame" scrollable </p>
		  <p>partie "frame" scrollable </p>
		  <p>partie "frame" scrollable </p>
		  <p>partie "frame" scrollable </p>
		  <p>partie "frame" scrollable </p>
		  <p>partie "frame" scrollable </p>

		  <p>partie "frame" scrollable </p>
		  <p>partie "frame" scrollable </p>
		  <p>partie "frame" scrollable </p>
		  <p>partie "frame" scrollable </p>
		  <p>partie "frame" scrollable </p>
		  <p>partie "frame" scrollable </p>

		  <p>partie "frame" scrollable </p>
		</div>

	<div class="footer">contenu du footer de taille fixe :
    750px </div>
</div>
</body>
</html>
re-salut

qu'utilises-tu comme navigateur ?

si c'est firefox : clic droit sur la page > afficher le code source

si c'est IE : clic droit sur la page > afficher la source

si tu n'y arrives pas, alors je ne comprends plus Smiley rolleyes
Meme chose que Yaumegui... Tu fait comment pour ne pas tomber sur afficher le code source??

Autre solution pour que tu arrive à obtenir ce fameux code.
Sous firefox :
- Dans le menu du navigateur aller dans "Affichage" et cliquer dans "Code source de la page"
- Autre solution faire "ctr+u"
Sous IE6 :
- Dans le menu du navigateur aller dans "affichage et cliquer sur "Source"

Si tu n'arrive toujours pas à chopper les sources d'une page avec ca ... ben je comprend pas.
Je suis sur Wanadoo ... Enfin avec IE mais j'ouvre la fenêtre wanadoo. Donc dans "Affichage", il me propose que des personnalisation de la fenêtre ...

C'est ennuyeux si je dois vous déranger pour chaque code c'est sur ... Smiley bawling
Qu'est ce que tu t'embette?

Firefox

Libère toi de l'emprise du navigateur buggé de notre ami Billou, et en même temps de l'emprise de Mamadoo.

PodeniaK "Anti-Mamadoo Inside"
Smiley biggrin Ouai en plus en ma qualité de webmaster (de mon sit de 15 pages ... Smiley langue ), il me le faudrait.
Mais j'ai déjà installé 5 programmes sur l'ordi pour créer mon site alors ...
Euh ... Smiley confus

C'est quoi le rapport entre un navigateur internet, qui te permet de visualiser les codes sources de page, et tes installations de soft pour ta création de page web?

Je vois pas pourquoi tu te prive de l'installer ... enfin bon Smiley hmm
Sujet clos
Aller à