Urgent - explication programme CSS

Fermé
davy - 9 déc. 2004 à 15:41
 magikmanu - 26 févr. 2008 à 15:24
Bonjour,

Je suis encore etudiant et je dois comprendre un programme CSS concernant le bulletin board de la page web www.the seoultimes.com (cliquez sur bulletin board a gauche dans le menu community)

le code est le suivant
/* BBS Common le style créée dans cette partie concerne la totalité du Bulletin Board
****************************************************************/

div.bbs /* Ici, nous définissons les divisions de classe bbs*/
{
width:640px; /* taille bbs*/
border:0px; /*taille bordure*/
margin-bottom:20px; /*marge*/
margin-left:0px; /*marge*/
display:inline; /*affichage d’un bloc en ligne*/
vertical-align:top; /*aligne verticalement avec l’image situee en haut*/
}

div.bbs th, td /*division concernant les attributions police, taille dans le tableau*/
{
font-size:9pt; /*taille*/
font-family:Arial; /*police*/
}

div.bbs a:link /*definition de l’id a concernant les liens*/
{
color:#000000; /*couleur*/
text-decoration:none; /*pas de decoration du texte*/

}

div.bbs a:visited /* liens après visite de celui ci*/
{
color:#000000;
text-decoration:none;
}

div.bbs a:hover /*quand la souris est sur le lien avant de cliquer*/
{
color:#000000;
text-decoration:underline;
}

div.bbs input.checkbox, radio /*definition de la classe input concernant toutes les text box, de la checkbox et du bouton radio */
{
border:0px; /*épaisseur du bord*/
}

div.bbs input.submitbutton
{
border:1px solid #555555;
font-size:8pt;
}

div.bbs input.cancelbutton
{
border:1px solid #555555;
font-size:8pt;
}

div.bbs input (??)
{
border:1px solid #555555;
background-color:#ffffff;
font-family:Arial;
font-size:9pt;
}

div.bbs select (??)
{
border:1px solid #555555;
background-color:#ffffff;
font-family:Arial;
font-size:8pt;
}

div.bbs textarea
{
border:1px solid #555555;
background-color:#ffffff;
font-family:Arial;
font-size:9pt;


}


/* BBS List ******************************************************************/

div.bbs div.list
{
width:100%;
}

div.bbs div.list td.no
{
width:40px;
}

div.bbs div.list td.subject
{
}

div.bbs div.list td.name
{
width:80px;
}

div.bbs div.list td.file
{
width:30px;
}

div.bbs div.list td.date
{
width:70px;
}

div.bbs div.list td.view
{
width:40px;
}

div.bbs div.list table.header
{
width:100%;
margin-bottom:2px;
border-top:1px solid;
border-bottom:1px solid;
}

div.bbs div.list table.header td
{
text-align:center;
font-weight:bold;
}

div.bbs div.list table.body
{
width:100%;
}

div.bbs div.list table.body td
{
padding-top:2px;
padding-bottom:2px;
}

div.bbs div.list table.body tr.notice
{
}

div.bbs div.list table.body tr.normal
{
}

div.bbs div.list table.body tr.thread
{
background-color:#eeeeee;
}

div.bbs div.list table.footer
{
width:100%;
margin-bottom:2px;
border-top:1px solid;
border-bottom:1px solid;
}


/* BBS Read ******************************************************************/

div.bbs div.read
{
margin-bottom:20px;
}

div.bbs div.read div.bbs_header
{
width:100%;
border-top:1px solid;
border-bottom:1px solid;
}

div.bbs div.read div.bbs_header div.subject
{
border-bottom:1px solid;
padding-top:2px;
padding-bottom:2px;
font-weight:bold;
}

div.bbs div.read div.bbs_header div.name
{
padding-top:2px;
padding-bottom:2px;
}

div.bbs div.read div.bbs_header div.view
{
float:right;
text-align:right;
padding-top:2px;
margin-left:10px;
}

div.bbs div.read div.bbs_header div.date
{
float:right;
padding-top:2px;
}

div.bbs div.read div.bbs_header div.file
{
padding-top:2px;
display:block;
}

div.bbs div.read div.bbs_body
{
width:600px;
margin-top:10px;
margin-bottom:20px;
margin-left:10px;
word-wrap:break-word;
}

div.bbs div.read div.bbs_footer
{
}

/* BBS Thread ****************************************************************/

div.bbs div.thread
{
margin-bottom:50px;
}

div.bbs div.thread table.header
{
width:100%;
padding-top:2px;
padding-bottom:2px;
margin-bottom:2px;
border-top:1px dashed;
border-bottom:1px dashed;
}

div.bbs div.thread table.body
{
width:100%;
}

div.bbs div.thread table.body tr.notice
{
}

div.bbs div.thread table.body tr.normal
{
}

div.bbs div.thread table.body tr.thread
{
}

div.bbs div.thread table.body tr.selected
{
background-color:#F6E2A8;
}

div.bbs div.thread table.body td.no
{
width:40px;
padding-top:2px;
padding-bottom:2px;
text-align:center;
}

div.bbs div.thread table.body td.subject
{
padding-top:2px;
padding-bottom:2px;
}

div.bbs div.thread table.body td.name
{
width:80px;
padding-top:2px;
padding-bottom:2px;
}

div.bbs div.thread table.body td.file
{
width:30px;
padding-top:2px;
padding-bottom:2px;
text-align:center;
}

div.bbs div.thread table.body td.date
{
width:70px;
padding-top:2px;
padding-bottom:2px;
}

div.bbs div.thread table.body td.view
{
width:40px;
padding-top:2px;
padding-bottom:2px;
text-align:right;
}

div.bbs div.thread div.footer
{
display:none;
}

/* BBS Comment ***************************************************************/

div.bbs div.comment
{
margin-bottom:20px;
}

div.bbs div.comment div.comment_list
{
padding-top:2px;
padding-bottom:2px;
}

div.bbs div.comment div.comment_list div.comment_item
{
margin-top:2px;
margin-bottom:2px;
padding-top:2px;
padding-bottom:2px;
border-top:1px dashed;
}

div.bbs div.comment div.comment_list div.comment_item td.name
{
width:80px;
vertical-align:top;
font-weight:bold;
}

div.bbs div.comment div.comment_list div.comment_item td.message
{
width:470px;
vertical-align:top;
}

div.bbs div.comment div.comment_list div.comment_item td.date
{
width:80px;
vertical-align:top;
text-align:right;
}

div.bbs div.comment div.comment_form
{
padding-top:2px;
padding-bottom:2px;
border-top:1px dashed;
}

div.bbs div.comment div.comment_form td.name
{
width:75px;
vertical-align:top;
}

div.bbs div.comment div.comment_form td.textbox
{
vertical-align:top;
}

div.bbs div.comment div.comment_form td.button
{
width:48px;
text-align:right;
}

/*****************************************************************************/


Je ne connait pas le CSS je m'y suis mis tres serieusement mais malgre mes efforts je ne parviens pas a comprendre le programme
J'aimerai que quelquun me le commente et m'explique en quelques lignes les choix qui ont ete fait et comment ce programme a ete realise (quel est le rqisonnement qui a ete tenu par le programmateur)
Je me doute que ce que je demande doit etre particulierement ennuyeux mais si une personne pouvait maider elle me sauverait la vie
je suis dans une position vraiment stressante et inconfortable et je vous serez eternellement reconnaissant de repondre a ma demande

Merci a vous

5 réponses

sebsauvage Messages postés 32893 Date d'inscription mercredi 29 août 2001 Statut Modérateur Dernière intervention 21 octobre 2019 15 655
9 déc. 2004 à 16:02
Tu trouvera des explications sur les CSS là, avec des exemples:

http://www.openweb.eu.org/css/
1
Oui mais en fait jai deja accede a plein de sites de CSS et j'apprend petit a petit mais la je nai plus suffisamment de temps je dois rendre mon boulot lundi et j'ai absolument besoin dun coup de main pour comprendre et pas d'un cours car je bosse 24h / 24 pour piger
S'il vous plait aidez moi
0
sebsauvage Messages postés 32893 Date d'inscription mercredi 29 août 2001 Statut Modérateur Dernière intervention 21 octobre 2019 15 655
9 déc. 2004 à 16:50
mmm.. tu veux comprendre un CSS de 378 lignes d'un coup, mais sans apprendre les CSS.

Je vois mal comment t'aider, désolé.
0
Ok jessaye de voir ca mais jai vraiment besoin de quelquun qui mexplique mon programme en particulier
Il me faut un pro qui accepte de passer 30 min sur ma feuille de style et qui m'envoie quelques commentaires et une petite explication
apres je peux men sortir tout seul mais la je suis vraiment dans l'impasse et plus que des cours cest une aide quil me faut (un prof quoi!)
0

Vous n’avez pas trouvé la réponse que vous recherchez ?

Posez votre question
Regarde sur https://www.cssdebutant.com/ CSS ce site
0