18008 sujets
Questions générales et questions de débutants
Merci voila
POUR LE HTML:
POUR LE CSS VOILA:
JE COMPTE POUR TOUT VOS EXPERTISE POUR COMPLER , IL FAUT LE DIRE JE SUIS PLUS Q'UN DEBUTANT DU FAIT QUE JE PRIS UN TEMPLATE PRE-EXISTANT.
Modifié par _laurent (16 Jul 2020 - 21:53)
POUR LE HTML:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Ecole Ileys|préscolaire,primaire,collége et lyceé priveé à djibouti</title>
<meta http-equiv="content-type" content="text/html; charset=UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1"/>
<link rel="stylesheet" href="css/style.css" type="text/css" />
<script type="text/javascript" src="js/mootools-release-1.11.js"></script>
<script src="js/dropDownMenu.js" type="text/javascript"></script>
<!--[if IE 7]><style>#dropdownMenu li ul ul {margin-left: 100px;}</style><![endif]-->
</head>
<body>
<!-- Slideshow container -->
<div id="container">
<div id="wrapper">
<div id="top">
<div class="logo"><a href="#"><span></span> </a></div>
</div>
<ul id="nav">
<li class="left"> </li>
<li><a class="active" href="index.html"> Acceuil</a></li>
<li> <a href="#"> Vie a l'ecole <img src="images/nav_bullet.jpg" alt="" /></a>
<ul>
<li><a href="#">Presentation de l'ecole</a></li>
<li><a href="#">Projet educatif</a></li>
<li><a href="#">Règlement Intérieur</a></li>
</ul>
</li>
<li> <a href="#">Notre ecole <img src="images/nav_bullet.jpg" alt="" /></a>
<ul>
<li><a href="#">Primaire</a></li>
<li><a href="#">Collége</a></li>
<li><a href="#">Lyceé</a></li>
<li><a href="#">Science & Tech</a></li>
</ul>
</li>
<li><a href="#">Actualites</a></li>
<li><a href="#">Inscription</a></li>
<li><a href="edt.pdf">Informations pratiques</a></li>
<li class="sep"> </li>
<li class="right"> </li>
</ul>
<div id="content">
<h1>Bienvenu sur le site web de l'Ecole Ileys</h1>
<p> De la préscolaire aux classes Terminales, <b>l'École ILEYS</b> fondée en 2001 est un <b>établissement d'enseignement privé mixte</b> et qui accueille
aujourd'hui dans ses locaux plus de 1600 élèves.</p>
<p>Les élèves bénéficient d'un <b>enseignement de qualité</b> et d'un <b>encadrement vigilant</b> grâce à une équipe
éducative soudée et dynamique qui cherche à développer chez
chacun ses talents et sa personnalité.
Sport, informatique, atelier artistique, langues (anglais, espagnol, italien, allemand, russe, chinois ou latin), apportent habilité et équilibre
. </p>
<p><strong>Maternelle, Primaire, Collège et Lycée, L'ecole Ileys prépare chaque jeune à s’ouvrir au monde et à réussir sa vie.</strong></p>
<p>Si nous visons l’excellence par la qualité des études, notre ambition est plus large. Celle de donner à chaque jeune toutes ses chances :
acquérir les connaissances, prendre confiance en soi, développer l’estime de soi, être imprégné des valeurs morales,
vivre ensemble.</p>
<p>Notre tradition éducative oratorienne, associée à notre organisation, fait de l'Ecole Ileys
un établissement unique, ouvert sur le monde, solidement ancré sur ses trois piliers intangibles et indissociables :
une conception de l’homme, un enseignement performant, l’esprit Maisons.</p>
<p>Les demandes d'inscription se font dès la fin du premier trimestre pour l'année scolaire suivante sur dépôt de dossier et rendez-vous avec la Direction.</p>
<blockquote><span class="open"> </span>This is a sample blockquote. Use <b><blockquote> <span class="open">&nbsp;</span></b> Your quote goes here <b><span class="close">&nbsp;</span> </blockquote></b><span class="close"> </span></blockquote>
<p class="note">This is a sample note.Use <b><p class="note">... </p></b>. Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt.</p>
<p class="dwnld">This is a sample download.Use <b><p class="dwnld">... </p></b>. Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequu </div>
<div id="sidebar">
<h2>Annonce </h2>
<ul id="news">
<li> <a href="#"> <img src="images/temp/news1.jpg" alt="" width="54" /> </a>
<h3>Avis aux parents<br><i>11/7/2020</i></h3>
<p>At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium... <br />
<a href="#">More »</a></p>
</li>
<li> <a href="#"> <img src="images/temp/news2.jpg" alt="" width="54" /> </a>
<h3>News Heading H3</h3>
<p>At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium... <br />
<a href="#">More »</a></p>
</li>
<li> <a href="#"> <img src="images/temp/news3.jpg" alt="" width="54" /> </a>
<h3>News Heading H3</h3>
<p>At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium... <br />
<a href="#">More »</a></p>
</li>
</ul>
<h2>Actualité & Evenement</h2>
</div>
<div id="footer" class="clear">
<!-- ####################################################################################################### -->
<div class="foot_contact">
<h2></h2>
<address>
<li><strong>NOS COORDONNEÉS:</strong></li>
<li><strong><b>Ecole Ileys</b></strong></li>
Gabode <br/>
Cité Gachamaleh<br/>
<ul>
<li><strong>B.P:</strong>4338</li>
<li><strong>Tel:</strong>21353785</li>
<li><strong> :</strong>21343188</li>
<li><strong> :</strong>21353514</li>
<li><strong>Fax:</strong> xxxxx xxxxxxxxxx</li>
<li class="last"><strong>Email:</strong> <a href="#">ecole_ileys@gmail.com</a></li>
</ul>
</address>
</div>
<div class="footbox">
<h2>Contacts</h2>
<ul>
</ul>
</div>
<!-- ####################################################################################################### -->
</div>
</div>
<!-- ####################################################################################################### -->
<div class="wrapper">
<div id="copyright" class="clear">
<p class="fl_left">Copyright© 2020|<a href="#">Ecole Ileys</a></p>
</div>
</div>
</div>
</body>
</html>POUR LE CSS VOILA:
@import url(dropdown_menu.css);
@import url(form.css);
html, body {border: 0; margin-right:0 px; padding: 0;}
body {
font: 90%/1 arial, helvetica, sans-serif;
background: url(../images/bg_repeat.jpg) repeat 0 0;
line-height: 130%;
width: 100%;
min-width: 970px;
overflow-y: hidden;
}
}
/***** Common Formatting *****/
h1, h2, h3, h4, h5, h6 {
margin: 0;
padding: 0;
font-weight: normal;
}
p {margin: 0; padding: 0 0 18px 0;}
ul {list-style: none; margin: 0; padding: 0;}
blockquote {
font-family: Georgia, "Times New Roman", Times, serif;
font-style: italic;
color: #666;
margin: 10px 20px;
display: block;
}
blockquote span.open {
background: url(../images/quote_open.gif) no-repeat left top;
padding: 0 0 0 15px;
}
blockquote span.close {
background: url(../images/quote_close.gif) no-repeat bottom right;
padding: 0 15px 0 0;
}
code {
display: block;
background-color: #F5F4F3;
border: #E2DBD8 1px solid;
color: #666666;
padding: 3px 5px;
margin: 10px 15px;
font-size: 1.2em;
}
pre {
padding: 1em;
border: 1px dashed #2f6fab;
color: black;
background-color: #f9f9f9;
line-height: 1.1em;
}
small {font-size: 0.85em;}
big {font-size: 1.4em;}
.red {
color: #FF0000;
}
/***** slideshow *****/
* {box-sizing:border-box}
/***** Links *****/
a {
text-decoration: none;
color: #0099CC;
}
a:hover{text-decoration: none; color: #00CCFF;}
a img {
border: none;/*remove border for linked images*/
}
/***** Global Classes *****/
.clear {clear: both;}
.alignleft {display: block; float: left;}
.alignright {display: block; float: right;}
.aligncenter {
display: block;
text-align: center;
margin: 0 auto;
}
.endOfSection {
clear: both;
width: 100%;
height: 0;
line-height: 0;
font-size: 0;
padding: 0;
margin: 0;
border: 0;
}
/* images */
img {border: none;}
img.alignleft,
img.alignright,
img.aligncenter {
display: block;
padding: 3px;
background: #F5F4F3;
border: 1px solid #E8E4E2;
}
img.alignleft {
float: left;
margin: 0 10px 2px 0;
}
img.alignright {
float: right;
margin: 0 0 2px 0px;
}
img.aligncenter {
margin: 5px auto;
}
/***** Main Layout ****/
#container {
width: 960px;
height: 100%;
text-align: center;/* IE fix to center the page */
background: url(../images/bg.jpg) repeat-x 0 0;
position: absolute;
border-radius: 0px;
z-index: 0;
}
#wrapper {
width: 960px;
background: url(../images/bg_content.jpg) repeat-y top left;
margin: 0 auto;/* center the page in Firefox */
text-align: left;
border-radius: 0px;
position: relative;
z-index: 2;
}
/***** TOP PAGE *****/
#top {
height: 224px;
width: 960px;
padding: 0px 0px;
margin-bottom: 0px;
border-radius: 0px;
background: url(../images/Header14.jpg) no-repeat 0 0;
display: block;
}
#top .logo {
width: 224px;
height: 224px;
float: left;
clear: left;
margin-top: -5px;
margin-left: 0px;
background: url(../images/logo.jpg) no-repeat left top;
}
#top .logo a span {
color: #66FF00;
}
#top .logo a {
display: block;
width: 100%;
height: 100%;
color: white;
font-size: 1.9em;
padding-left: 50px;
line-height: 25px;
}
#top .logo a:hover {
color: white;
}
/* Login */
/***** HEADER *****/
/***** Search Box *****/
#header #searchform {
position: absolute;
z-index: 2;
left: 600px;
top: 180px;
width: 205px;
}
#header #searchform .searchField {
border: none;
background: transparent;
width: 158px;
height: 23px;
line-height: 23px;
}
#header #searchform .searchSubmit {
background: transparent url(../images/searchButton.jpg) no-repeat 0 0;
width: 40px;
height: 26px;
border: none;
cursor: pointer;
}
/***** CONTENT *****/
#content {
display: block;
float: left;
clear: left;
width: 635px;
height: 0px;
padding: 20px;
margin: 0 0 30px 0;
clear: both;
text-align: justify;
font-size: 0.9em;
}
#content h1 {
background: #F8F7F3 url(../images/post_h1.jpg) no-repeat 0 bottom;
border: #EEEEDF 1px solid;
height: 20px;
font-size: 1.4em;
font-variant: small-caps;
font-weight: bold;
padding: 5px 0 0 30px;
margin: 10px 0;
color: #006699;
}
#content h2 {
background: #F8F7F3 url(../images/post_h2.jpg) no-repeat 0 bottom;
border: #EEEEDF 1px solid;
height: 20px;
font-size: 1.4em;
font-variant: small-caps;
font-weight: bold;
padding: 5px 0 0 30px;
margin: 10px 0;
color: #65C80B;
}
#content h3 {
font-size: 1.4em;
color: #4A4A4A;
font-weight: bold;
margin: 30px 0 10px 0;
padding: 5px 0;
}
#content h4 {
font-size: 1.2em;
color: #333;
font-weight: bold;
margin: 10px 0 10px 20px;
}
#content a {
text-decoration:underlined;
}
#content p {
padding: 5px 0 5px 15px;
}
#content ul, #content ol {
padding: 5px 0 5px 20px;
margin-left: 15px;
}
#content ul li {
background: url(../images/bullet.jpg) 0 6px no-repeat;
padding-left: 15px;
}
/* Back to top */
#content a.backToTop {
display: block;
clear: both;
width: 100%;
height: 20px;
margin-top: -5px;
margin-bottom: 4px;
background: url(../images/content_backToTop.jpg) no-repeat right 0;
}
#content a:hover.backToTop {
border: none;
background: url(../images/content_backToTop.jpg) no-repeat right -20px;
}
/* content typography */
#content .dwnld,
#content .note,
#content .error {
display: block;
width: 585px;
min-height: 35px;
float: left;
margin: 10px 0;
padding: 7px 10px 7px 40px;
border-top: #EBE8D7 1px solid;
border-bottom: #EBE8D7 1px solid;
line-height: normal;
}
#content .dwnld {background: #EBFEDA url(../images/dwnld.jpg) no-repeat 5px 4px;}
#content .note {background: #FFF9D7 url(../images/info.jpg) no-repeat 5px 4px;}
#content .error {
background: #FF9D9D url(../images/error.gif) no-repeat 5px 4px;
border-top: #FF3300 1px solid;
border-bottom: #FF3300 1px solid;
min-height: 20px;
}
/***** SIDEBAR *****/
#sidebar {
display: block;
float: left;
width: 255px;
padding-left: 15px;
margin-bottom: 30px;
margin-left: 0px;
font-size: 0.8em;
background: url(../images/sidebar_bg.jpg) no-repeat 0 0;
}
#sidebar h2 {
font-size: 1.4em;
font-variant: small-caps;
color: #65C80B;
border-bottom: 1px solid #ccc;
width: 255px;
font-weight: bold;
margin: 30px 0 10px 0;
}
/* News */
#sidebar ul#news li {
line-height: normal;
border-bottom: dotted 1px #ccc;
margin: 0 0 5px 0;
padding: 0;
}
#sidebar ul#news li a img {
display: block;
float: left;
border: #EDEBE9 1px solid;
background: #F5F4F3;
padding: 3px;
margin: 0 5px 0 0;
}
#sidebar ul#news li a:hover img {
border: #ccc 1px solid;
background: #eee;
}
#sidebar ul#news li h3 {
color: #CC3300;
font-size: 1em;
font-weight: bold;
margin: 0;
display: block;
float: left;
width: 188px;
padding: 0;
}
#sidebar ul#news li p {
margin: 0;
padding: 0 0 5px 0;
}
#sidebar ul#news li a {
text-decoration: underlined;
}
/***** FOOTER *****/
#footer{ position:fixed; bottom:0; left:0; height:100px; background: black; }
footer{line-height:normal; width:1024px;bottom:0 ; position: fixed; ;background:url("images/bg.jpg") 380px 0px repeat-y;}
#footer, #footer a{color:#F8F8F2; background-color:#03274B;}
#footer h2, #footer p, #footer ul, #footer a, #footer address{margin-top:0px; padding:0; font-weight:normal; list-style:none; font-style:normal;}
#footer h2{margin:10px 0 30px 90px; padding:0; font-size:22px; color:#7F99A9; background:url (../images/bg.jpg) repeat-x 0 0;}
#footer .foot_contact{display:block; float:left; width:380px; margin:10px 40px 0 0px; padding:0;}
#footer .foot_contact address{margin-bottom:30px; margin-top:20px;}
#footer .footbox{display:block; float:left; width:170px; margin:0 15px 0 0; padding:0; font-size:12px;}
#footer .footbox h2{margin-bottom:0px; font-size:14px; text-transform:uppercase;}
#footer .last{margin:0;}
/* ----------------------------------------------Copyright------------------------------------- */
#copyright{padding:15px 0; border-top:1px solid #2B4D71;}
#copyright p{margin:0; padding:0;}
#copyright, #copyright a{color:#7F99A9; background:ur (../images/nav_bg.jpg) repeat-x 0 0}JE COMPTE POUR TOUT VOS EXPERTISE POUR COMPLER , IL FAUT LE DIRE JE SUIS PLUS Q'UN DEBUTANT DU FAIT QUE JE PRIS UN TEMPLATE PRE-EXISTANT.
Modifié par _laurent (16 Jul 2020 - 21:53)
Wow grosse tartine... ton site n'est pas en ligne quelque part plutot que de coller tout le code ?
Tu peux utiliser les balises de code au moment ou tu écris, ça sera plus lisible pour tout le monde. (Je te l'ai fait pour cette fois)
Compléter quoi ? On est un Forum d'entraide, si jamais tu as un soucis, poste un sujet avec une question et on t'aidera à la résoudre, mais on va pas faire un site pour toi.
C'est très bien que tu sois un débutant, on l'a tous été, mais comment tu t'es retrouvé a faire ce site ? C'est ton école ? C'est un exercice de ta formation ? C'est un client ?
Modifié par _laurent (16 Jul 2020 - 21:53)
Tu peux utiliser les balises de code au moment ou tu écris, ça sera plus lisible pour tout le monde. (Je te l'ai fait pour cette fois)
Trered a écrit :
JE COMPTE POUR TOUT VOS EXPERTISE POUR COMPLER , IL FAUT LE DIRE JE SUIS PLUS Q'UN DEBUTANT DU FAIT QUE JE PRIS UN TEMPLATE PRE-EXISTANT.
Compléter quoi ? On est un Forum d'entraide, si jamais tu as un soucis, poste un sujet avec une question et on t'aidera à la résoudre, mais on va pas faire un site pour toi.
C'est très bien que tu sois un débutant, on l'a tous été, mais comment tu t'es retrouvé a faire ce site ? C'est ton école ? C'est un exercice de ta formation ? C'est un client ?
Modifié par _laurent (16 Jul 2020 - 21:53)