boite css

[cortes]

Bonjour

 

je voudrai sur ma page d'accueil mettre des infos (dans un tableau par exemple)

et faire également défiler une phrase .

Mais je n'y arrive pas

 

Voilà le code de ma page :

 

#en-tete

{

background-color:#2cc936 ;

text-align: center;

visibility: visible;

position: relative;

height: 86px

}

 

body

{

font-size: small;

font-family: "Georgia", Times, serif;

line-height: 180%;

background-color: #006600;

margin: 0

}

 

#navigation

{

color: white;

font-size: 9px;

line-height: 16px;

background-color:#585158;

text-align: center;

letter-spacing: 6px;

margin-bottom: 15px;

height: 16px

}

 

#logo

{

margin: 0 10px 10px 18%;

height: 95px

}

 

a

{

color:white ;

text-decoration: none

}

 

a:hover

{

color: #fc0;

text-decoration: none

}

 

.col-gauche

{

text-align: right;

width: 20%;

float: left

}

 

.element-de-menu

{

color: #758642;

margin-top: 20px;

margin-left: 20px;

border-top: 0 none;

border-right: 0 none;

border-bottom: 1px dotted #758642;

border-left: 0 none

}

 

.element-de-menu a:link

{

color: #ffb82a;

text-decoration: none

}

 

.element-de-menu a:hover

{

color: #c63;

text-decoration: none

}

 

.col-gauche

{

text-align: right;

width: 20%;

float: left

}

 

.col-milieu

{

padding-left: 10px;

width: 60%;

float: left

}

 

 

.col-droite

{

font-size: 10px;

font-style: italic;

line-height: 10 px;

padding-left: 3%;

width: 10%;

float: left

}

 

 

#pied-de-page

{

color: white;

font-size: 9px;

line-height: 16px;

background-color: #6b6c5a;

text-align: center;

letter-spacing: 6px;

height: 16px;

clear: left

 

si quelqu'un pouvait avoir une idée ou même un lien qui peut m'expliquer comment inclure soit une boite flottante soit tout autre un cadre qui se situeraient au milieu de la page , je suis preneur..

Merci Beaucoup

Modifié le 7 juillet 2006 par cortes

[cortes]

je suis complètement paumé en fait il faut que je recommence toute la page pour insérer des boites je suppose mais si je veux un texte qui défile est ce possible?

 

merci au cas ou vous auriez une idée

Modifié le 7 juillet 2006 par cortes

[tangui]

il manque le code html pour t'aider..

la je ne peux rien faire...

sinon je te conseille vivement: http://css.alsacreations.com/

[cortes]

il manque le code html pour t'aider..

la je ne peux rien faire...

sinon je te conseille vivement: http://css.alsacreations.com/

 

merci je vais jeter mes deux yeux dessus

 

Sinon connaissez vous un livre destiné aux débutants et qui traitent des sites concus avec feuille de style css? j'ai vu qu'il y avait :

 

CSS 2 : Pratique du design web ou CSS ou encore Design web : utiliser les standards : CSS et XHTML ou :Créer des sites web accessibles à tous et enfin : Le Zen des CSS

 

Lequel pourriez vous me conseiller vous?

 

merci beaucoup ....

Modifié le 7 juillet 2006 par cortes

[ngchrist]

Bonsoir Cortes

Moi qui débute dans la création d'un site, je me suis acheté Xhtml et CSS chez Eyrolles (cours et exercices) et il me convient bien.

Je peux aussi te conseiller le site des zéros

http://www.siteduzero.com/news.html?sesid=...mp;sesmid=-3920

et son cours site web qui te donne bien expliqué de bonnes bases.

Bonne chance, ce n'est pas facile, il faut du temps

[cortes]

Bonsoir Cortes

Moi qui débute dans la création d'un site, je me suis acheté Xhtml et CSS chez Eyrolles (cours et exercices) et il me convient bien.

Je peux aussi te conseiller le site des zéros

http://www.siteduzero.com/news.html?sesid=...mp;sesmid=-3920

et son cours site web qui te donne bien expliqué de bonnes bases.

Bonne chance, ce n'est pas facile, il faut du temps

 

merci pour ta réponse ngchrist

 

Il est vrai que ce n'est pas facile du tout .. j'avais commencé mais je me mélange

 

ok si tu dis que ce livre est compréhensif aux néophites...

 

Je viens de voir mais bon d'après les avis de plusieurs internautes, le Pratique du design web de Raphaël Goetter et Sébastien Blondeel semble vraiment destiné aux néophites.

allez hop, je fonce

 

Merci encore à toi...

Modifié le 7 juillet 2006 par cortes

[KewlCat]

J'ai déjà fait un exemple de texte défilant en XHTML + CSS + JavaScript, si ça peut t'être utile...

Sinon, pour le coup des "boites" je n'ai pas trop compris. Tu veux juste avoir un cadre "au milieu" de ta page Web ? Il suffit de le positionner de manière absolue...

[cortes]

J'ai déjà fait un exemple de texte défilant en XHTML + CSS + JavaScript, si ça peut t'être utile...

 

 

Waou, excellent franchement

 

Mais je vais me commander le bouquin car je voudrai comprendre ce que je fait

Merci

 

Sinon oui pour les boites mais j'ai trouvé pour ça.. Mais j'ai tellement de questions ...

Encore merci je garde ta page

 

PS : ok c'est en javascript qie tu as fait ce défilement de textes ! je n'aurai aps pensé à ça.. je pensais qu'avec une programmation en CSS cela aurait pu suffir!

J'ai vraiment du taf !!

Sinon l'achat du bouquin que j'ai mis est elle une bonne idée?

 

Sinon je trouve que le soucis avec cette commande javascropt, c'est qu'elle est bloqué quand tu lances le navigateur et qu'il faut l'autoriser...mais il n'y a pas d'autres solutions non?

Modifié le 8 juillet 2006 par cortes

[KewlCat]

je pensais qu'avec une programmation en CSS cela aurait pu suffir!

Euh... A ma connaissance il n'y a pas de contrôle de "temporalité" en CSS donc faire défiler un texte est à mon avis impossible à faire sans JavaScript.

Si quelqu'un pouvait confirmer ?

 

En tout cas, en CSS, tout ce que je sais faire c'est ajouter des règles du style "element:hover autreElement { display: none; }" qui permettent d'associer des "actions" à certains événements. L'ennui avec les opérateurs CSS, c'est qu'ils ne sont pas forcément tous supportés par certains navigateurs :-/

 

Pour le bouquin, je ne peux pas te répondre...

 

cette commande javascropt [...] est bloqué quand tu lances le navigateur

C'est à dire ? Tu as Firefox + NoScript ?

[cortes]

Euh... A ma connaissance il n'y a pas de contrôle de "temporalité" en CSS donc faire défiler un texte est à mon avis impossible à faire sans JavaScript.

Si quelqu'un pouvait confirmer ?

 

En tout cas, en CSS, tout ce que je sais faire c'est ajouter des règles du style "element:hover autreElement { display: none; }" qui permettent d'associer des "actions" à certains événements. L'ennui avec les opérateurs CSS, c'est qu'ils ne sont pas forcément tous supportés par certains navigateurs :-/

 

Pour le bouquin, je ne peux pas te répondre...

 

C'est à dire ? Tu as Firefox + NoScript ?

 

J'ai une fenêtre pop up qui s'ouvre pour autoriser ou pas le défilement du texte