aide svp. Que dois je mettre ...(css)

offpol · Message par **offpol** » 19 déc. 2003, 16:02

que dois je mettre dans ma feuille CSS, pour qu'une portion reste toujours a la meme place (en bas de l'ecran) ?

De plus que faut il faire pour qu a chaque changement de page, le style choisi (j utilise 2 feuilles de style) reste affiché et ne revient pas au style par défaut ?

je mettrai bientot en ligne la page web de depart ainsi que les deux feuilles de style, si cela peut en dire plus .

Le tout est validé CCS 2 et XHTML 1.0 strict .
Merci.

PsyDk · Message par **PsyDk** » 19 déc. 2003, 18:01

offpol a écrit :que dois je mettre dans ma feuille CSS, pour qu'une portion reste toujours a la meme place (en bas de l'ecran) ?

À l'aide de position: fixed; Voici un exemple :

Code : Tout sélectionner

<!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>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-15" />
<link rel="stylesheet" title="Classique" href="style.css" />
<title>Title</title>
</head>
<body>

<h1>mon super titre</h1>
<p>bla bla bla bla bla bla bla bla bla bla bla bla </p>
<p>bla bla bla bla bla bla bla bla bla bla bla bla </p>

<div id="AddInfo">
<p>Ce texte apparaitra toujours en bas quand le style est activé.</p>
</div>

</body>
</html>

Dans le CSS :

Code : Tout sélectionner

#AddInfo
{
	position: fixed;
	bottom: 0px;
	left: 0px;
	width: 100%;
	background-color: #cdc;
}

« position: fixed; », c'est la méthode la plus élégante. Cependant IE ne connait pas. Par conséquent, je te conseille de l'utiliser dans une feuille de style alternative.

offpol a écrit : De plus que faut il faire pour qu a chaque changement de page, le style choisi (j utilise 2 feuilles de style) reste affiché et ne revient pas au style par défaut ?

Il te faut gérer ça toi-même, avec des cookies par exemple. En fonction de ce qu'il y a dedans, ça changera la ligne de la feuille de style actuelle de l'utilisateur. Tu peux aller voir chez mon confrère Anubis pour voir comment il a fait ça : http://www.genezys.net ; c'est fait en javascript.

Sinon il parait que la mémorisation des feuilles de style pour un site est une fonctionnalité prévue dans Firebird. Ça pourrait être intéressant.

offpol a écrit :Le tout est validé CCS 2 et XHTML 1.0 strict .

Bien ^^

offpol · Message par **offpol** » 19 déc. 2003, 21:44

ce n est pas tout à fait ce que je souhaite; explication :

la page se presente en 3 parties

1 a gauche avec tous les liens
1 en bas avec les logos de validation
ces dernieres ne doivent pas bouger, le reste de la fenetre s'il est trop grand doit se deplacer avec un "ascenseur"!

Je ne maitrise pas encore (pas du tout meme) le CSS ni le XHTML, je pompe a droite et a gauche des brides de renseignements ( et de code source), mais étant allergique à l anglais (!) , j ai du mal à comprendre, meme avec certain exemple, je ne desespere pas d'y arriver.

PsyDk · Message par **PsyDk** » 20 déc. 2003, 00:27

Heu, je ne comprends pas là

Même en relisant plusieurs fois tes propos j'ai toujours l'impression que la solution que je t'ai apportée devrait aller. Tiens, est-ce que c'est quelque chose dans le genre du site d'Emmanuel Clément que tu souhaites ? http://emmanuel.clement.free.fr/blog/

offpol · Message par **offpol** » 20 déc. 2003, 10:48

Voici la page principale en projet:
!!liens otés suite à attaque virale!!.

et la feuille CSS:
!!liens otés suite à attaque virale!!.

je souhaite que les logos du haut, le menu de gauche et le bas avec les logos restent en place independament du centre ou le texte pourra defiler .

Voici aussi l adresse du site dans son etat actuel:
!!liens otés suite à attaque virale!!.

au vu du code source vous comprendrez!

PsyDk · Message par **PsyDk** » 20 déc. 2003, 12:43

Mmh, un contenu dans une boite peut-être ? Sinon je sèche :/

Code : Tout sélectionner

<!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>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-15" />
<title>Title</title>
<style type="text/css">
h1
{
	text-align: center;
}
#Nav
{
	width: 6em;
	background-color: #ded;
}
#Content
{
	width: 30em;
	height: 20em;
	margin-left: 10em;
	margin-top: -5em;
	overflow: scroll;
	background-color: #edd;
}
</style>
</head>
<body>

<h1>il de bœuf</h1>

<ul id="Nav">
	<li>Salade</li>
	<li>Tomate</li>
	<li>Ognon</li>
</ul>

<div id="Content">
<h2>mon super titre</h2>
<p>bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla </p>
<h2>un autre super titre</h2>
<p>bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla </p>
</div>

<p>Ce texte se trouve en bas.</p>

</body>
</html>

offpol · Message par **offpol** » 22 déc. 2003, 16:46

J' ai trouvé (galére), voici la page en test :

!!liens otés suite à attaque virale!!.

les couleurs ne sont là que pour repere, le fond sera certainement autre.

et le CSS

!!liens otés suite à attaque virale!!

Mais j ai un autre probleme, je veux concevoir cette page adaptable a la resolution de l écran; j utilise donc le % au lieu du px, pb! dans le sens horizontal cela fonctionne, mais dans le sens vertical impossible je suis obligé de laisser les coordonnées en px ?
Une idée, une aide, merci.

Geckozone

aide svp. Que dois je mettre ...(css)

aide svp. Que dois je mettre ...(css)

Re: aide svp. Que dois je mettre ...(css)

Merci, mais ...

liens vers la page ...

J'ai trouvé (en partie)

Qui est en ligne ?