bon, hier j'ai modifier un template gratuit.
c'ete un template html avec iframe.
au début j'ai changer l'iframe pour une cellule avec scrollbar mais bon, apres j'me suis dis que j'aurais besoin d'une ou plusieur feuilles de style css parce que si apres avoir modifier une page, j'dois le faire pour toutes les autre, j'ai pas fini...
le problème c'est que j'suis pas tres bon en html et en css, j'comprend pas grand chose non plus lol.
bref, voici ma feuille style ( la première de ma vie ^^ )
ainsi que ma page html
[/code]
donc déjà, les point, les #, les li, les p, les u ou j'sais pas trop quoi, j'ai rien compris donc j'ai mis des point partout seulement ca a pas l'air de marcher.
avec ce code la, ma page ressemble a ca
http://img408.imageshack.us/img408/2967/screentemplate2xl1.jpg
alors qu'elle devrait ressembler a ca
http://img442.imageshack.us/img442/7403/screentemplatecf4.jpg
donc j'comprend pas et j'sais pas trop quoi faire d'ou mon message.
désolé, j'ai pas de lien, j'le fait offline pour l'instant.
est-ce que j'dois me servir d'autre chose ? de quoi ?
comment j'peux faire pour avoir ma page css de la meme que ma page html que j'veux remplacer par le css bien sur..
petite autre question au passage : comment metre les lien de mon menu dans ma feuille de style ?
merci
Modifié par noals (11 Aug 2007 - 11:54)
c'ete un template html avec iframe.
au début j'ai changer l'iframe pour une cellule avec scrollbar mais bon, apres j'me suis dis que j'aurais besoin d'une ou plusieur feuilles de style css parce que si apres avoir modifier une page, j'dois le faire pour toutes les autre, j'ai pas fini...
le problème c'est que j'suis pas tres bon en html et en css, j'comprend pas grand chose non plus lol.
bref, voici ma feuille style ( la première de ma vie ^^ )
[code]html, body{
margin: 0;
padding: 0;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size: medium;
/*background-image: none;
background-attachment: fixed;*/
}
/*
conteneur{
margin-left:auto;
margin-right:auto;
width:802;
}
*/
.header1{
position: absolute;
width: 641px;
height: 141px;
background: url('images/index_01.gif');
}
.header2{
position: absolute;
left: 641;
width: 7px;
height: 141px;
background: url('images/index_02.gif');
}
.header3{
position: absolute;
left: 648;
width: 152px;
height: 141px;
background: url('images/index_03.gif');
}
.titre1{
position: absolute;
top: 141;
width: 641px;
height: 21px;
background: url('images/index_04.gif');
}
.titre2{
position: absolute;
top: 141;
left: 641;
width: 7px;
height: 21px;
background: url('images/index_05.gif');
}
.titre3{
position: absolute;
top: 141;
left: 648;
width: 152px;
height: 21px;
background: url('images/index_06.gif');
}
.contenu{
position: absolute;
top: 162;
width: 641px;
height: 483px;
background: url('images/index_07.gif');
background-repeat: repeat-y;
/*background-attachment: fixed;*/
overflow: auto;
}
.separation1{
position: absolute;
top: 162;
left: 641;
width: 7px;
height: 177px;
background: url('images/index_8.gif');
}
.menu1{
position: absolute;
top: 162;
left: 648;
width: 152px;
height: 177px;
background: url('images/index_9.gif');
}
.separation2{
position: absolute;
top: 339;
left: 641;
width; 7px;
height: 41px;
background: url('images/index_11.gif');
}
.menu2{
position: absolute;
top: 339;
left: 648;
width: 152px;
height: 41px;
background: url('images/index_12.gif');
}
.separation3{
position: absolute;
top: 380;
left: 641;
width: 7px;
height: 136px;
background: url('images/index_14.gif');
}
.menu3{
position: absolute;
top: 380;
left: 648;
width: 152px;
height: 136px;
background: url('images/index_15.gif');
}
.separation4{
position: absolute;
top: 516;
left: 641;
width; 7px;
height: 41px;
background: url('images/index_17.gif');
}
.menu4{
position: absolute;
top: 516;
left: 648;
width: 152px;
height: 41px;
background: url('images/index_18.gif');
}
.separation5{
position: absolute;
top: 557;
left: 641;
width: 7px;
height: 88px;
background: url('images/index_20.gif');
}
.menu5{
position: absolute;
top: 557;
left: 648;
width: 152;
height: 88px;
background: url('images/index_21.gif');
}
.pied1{
position: absolute;
top: 645;
width: 641px;
height: 45px;
background: url('images/index_22.gif');
}
.pied2{
position: absolute;
top: 645;
left: 641;
width: 7px;
height: 45px;
background: url('images/index_23.gif');
}
.pied3{
position: absolute;
top: 645;
left: 648;
widht: 152px;
height: 45px;
background: url('images/index_24.gif');
}ainsi que ma page html
[/code]
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<meta content="text/html; charset=ISO-8859-1" http-equiv="content-type">
<title>index</title>
<link rel="stylesheet" type="text/css" href="css/style_index.css">
</head>
<body>
<!--
banière
-->
<div class="header1"></div>
<div class="header2"></div>
<div class="header3"></div>
<!--
en dessous de la banière
-->
<div class="titre1"></div>
<div class="titre2"></div>
<div class="titre3"></div>
<!--
fenetre scrollbar
-->
<div class="contenu"></div>
<!--
menu de droite
-->
<div class="separation1"></div>
<div class="menu1"></div>
<div class="separation2"></div>
<div class="menu2"></div>
<div class="separation3"></div>
<div class="menu3"></div>
<div class="separation4"></div>
<div class="menu4"></div>
<div class="separation5"></div>
<div class="menu5"></div>
<!--
bas de la page
-->
</body>
</html>donc déjà, les point, les #, les li, les p, les u ou j'sais pas trop quoi, j'ai rien compris donc j'ai mis des point partout seulement ca a pas l'air de marcher.
avec ce code la, ma page ressemble a ca
http://img408.imageshack.us/img408/2967/screentemplate2xl1.jpg
alors qu'elle devrait ressembler a ca
http://img442.imageshack.us/img442/7403/screentemplatecf4.jpg
donc j'comprend pas et j'sais pas trop quoi faire d'ou mon message.
désolé, j'ai pas de lien, j'le fait offline pour l'instant.
est-ce que j'dois me servir d'autre chose ? de quoi ?
comment j'peux faire pour avoir ma page css de la meme que ma page html que j'veux remplacer par le css bien sur..
petite autre question au passage : comment metre les lien de mon menu dans ma feuille de style ?
merci
Modifié par noals (11 Aug 2007 - 11:54)
