28173 sujets

CSS et mise en forme, CSS3

Pages :
(reprise du message précédent)

Paul-Hewson a écrit :
En revanche je me pose la question de la rigueur.

J'ai remarqué que dans le code fournit, il n'a mit aucun ";" après les lignes des propriétés CSS..
c'est pourtant indispensable.


Bonjour Paul-Hewson,
Les points-virgules servent à séparer les déclarations. Pour la dernière déclaration du bloc ou si celui-ci n'en contient qu'une, le point-virgule est inutile (même si personnellement je le mets quasiment toujours, ça m'évite des erreurs d'inattention).
Hello,

je me torture depuis tout à l'heure sur cette question et je n'arrive pas à un résultat satisfaisaant alors que sur mon site, la seule diffrence est que l'image flotte à gauche et que j'ai des séparations avec des <br /> , j'avoue que ça m'échappe.

Mais j'ai bien ce que StyleSho recherche non ?

Je trifouille et j'ai du mal a comprendre et ne me rappel plus comment j'avais fait : l'image fait lien mais n'a ni bordure ni decoration.
Je met un bout de style mais il se peut qu'il y en est ailleurs , des styles generaux qui agissent sur cette partie.


/*PAGE WEBSITES*/

div#galerie1{	
		float:  right;
		width: 720px;
		margin: 16px 0px 0 0 ;
		padding: 7px 0 0 0 ;               
		text-align: center ;
		font: 0.9em Georgia, serif ;
		background:url(./images/txt_bigglobal2.jpg) no-repeat;}

div#galerie1 ul.siteliste{
text-align: left;
margin: -15px 0 0 45px;
list-style-type: none;}

div#galerie1 ul.siteliste li a , div#galerie1 ul.siteliste li {
font-family: Helvetica, sans-serif;
font-size: 1.25em !important;
font-size: 1.3em ;
line-height: 22px;
padding: 0 30px 0 0;
margin: 0 0 5px 0;}

div#galerie1 ul.siteliste li a:hover{text-decoration: underline;}

div#galerie1 ul.siteliste li img{float: left; margin: 25px 16px 0 0;}



Voila donc ma page mystère...
Modifié par Hum (08 Sep 2006 - 15:24)
Alan a écrit :


Bonjour Paul-Hewson,
Les points-virgules servent à séparer les déclarations. Pour la dernière déclaration du bloc ou si celui-ci n'en contient qu'une, le point-virgule est inutile (même si personnellement je le mets quasiment toujours, ça m'évite des erreurs d'inattention).


Au temps pour moi, j'ai toujours cru qu'il fallait terminer sa déclaration comme ça. (qu'il y en ai une ou plusieurs)
Hum a écrit :
Hello,

je me torture depuis tout à l'heure sur cette question et je n'arrive pas à un résultat satisfaisaant alors que sur mon site, la seule diffrence est que l'image flotte à gauche et que j'ai des séparations avec des <br /> , j'avoue que ça m'échappe.

Mais j'ai bien ce que StyleSho recherche non ?

Je trifouille et j'ai du mal a comprendre et ne me rappel plus comment j'avais fait : l'image fait lien mais n'a ni bordure ni decoration.
Je met un bout de style mais il se peut qu'il y en est ailleurs , des styles generaux qui agissent sur cette partie.


/*PAGE WEBSITES*/

div#galerie1{	
		float:  right;
		width: 720px;
		margin: 16px 0px 0 0 ;
		padding: 7px 0 0 0 ;               
		text-align: center ;
		font: 0.9em Georgia, serif ;
		background:url(./images/txt_bigglobal2.jpg) no-repeat;}

div#galerie1 ul.siteliste{
text-align: left;
margin: -15px 0 0 45px;
list-style-type: none;}

div#galerie1 ul.siteliste li a , div#galerie1 ul.siteliste li {
font-family: Helvetica, sans-serif;
font-size: 1.25em !important;
font-size: 1.3em ;
line-height: 22px;
padding: 0 30px 0 0;
margin: 0 0 5px 0;}

div#galerie1 ul.siteliste li a:hover{text-decoration: underline;}

div#galerie1 ul.siteliste li img{float: left; margin: 25px 16px 0 0;}



Voila donc ma page mystère...



Tu as appliqué un "text-decoration" mais pas de bordure Smiley cligne

Et par défaut tu spécifies cela :
* {margin:0; padding:0; border: none; text-decoration: none; } Smiley cligne
Pages :