Modification d un kit graphique
Forum Graphisme : Modification d un kit graphique
Bonjour
J'ai un kit gaphique et j aimerais modifier une toute petite partie du kit mais je ni arrive pas
Explication
Sur la 1er page il y a un tableau rectangulaire ou a l interieur il y a 5 photo
mais moi je voudrai pouvoir en mettre une 6eme.
Je n'arrive pas a trouver quel partie modifier du .css et du HTML
Se serai bien que tu donne code du tableau! ou alors l'adresse du site
je dirais que tu devrais rajouter un <td> ou même un <tr>
Hosting Favicon
Clic pas ici
Répondre à Allstar27
tu devrai avoir qq chose comme ca :
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
</tr>
</table>
rajoute juste un td :
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
</tr>
</table>
pour un rectangle horizontale, si il est vertical c'est un tr + td qu'il faudra ajouter :
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td> </td>
</tr>
<tr>
<td> </td>
</tr>
<tr>
<td> </td>
</tr>
<tr>
<td> </td>
</tr>
<tr>
<td> </td>
</tr>
</table>
Message édité par tracks@idn le 10-05-2007 à 17:21:34
body{
background-color: #F7F3E9;
font-family: garamond, "Times New Roman", serif;
font-size: 14px;
color: #ABA099;
}
h1, h2, h3, h4, h5, h6 {
font-weight: lighter;
}
a:active, a:link, a:visited {
text-decoration : none;
color: #999BAA;
}
a:hover {
color:#847C75;
}
li{
list-style-type:none;
}
#bando_nav {
padding:0px;
padding-left:11px;
margin: 17px auto 0px auto;
width: 630px;
}
#bando_nav ul{
margin:0px;
padding:0px;
}
#bando_nav li{
margin:0px;
padding:0px;
display:block;
float:left;
margin-right:11px;
width:115px;
height: 18px;
text-align:center;
}
#container{
color: #ABA099;
background-color: white;
font-family: garamond, "Times New Roman", Times, serif;
width: 955px;
margin-left: -475px;
height: 628px;
margin-top: -314px;
position: absolute;
left: 50%;
top: 50%;
border: 1px solid #ABA099;
}
.logo {
margin-top: 72px;
margin-left: 103px;
margin-bottom: 93px;
display:block
}
#footer {
padding-top: 35px;
text-align: center;
margin-right: auto;
margin-left: auto;
width: 630px;
padding-bottom: 18px;
border-top: 1px solid #BAB4AF;
}
#navigation {
background-position: center;
width: 700px;
margin-right: auto;
margin-left: auto;
height: 290px;
}
}
.cadre {
border: 1px solid #ABA099;
padding: 11px;
}
.root{
}
.root ul{
border: #aba099 1px solid;
display: block;
border: #aba099 1px solid;
PADDING-RIGHT: 0px;
PADDING-LEFT: 11px; PADDING-BOTTOM: 11px;
MARGIN-LEFT: auto;
WIDTH: 630px;
MARGIN-RIGHT: auto;
PADDING-TOP: 11px;
HEIGHT: 115px;
BACKGROUND-COLOR: white;
}
.root li {
PADDING-RIGHT: 0px;
DISPLAY: inline;
PADDING-LEFT: 0px;
FLOAT: left;
PADDING-BOTTOM: 0px;
MARGIN: 0px 11px 0px 0px;
WIDTH: 115px;
PADDING-TOP: 0px;
HEIGHT: 115px;
BACKGROUND-COLOR: transparent
}
.spip_logos{
margin: 0px;
padding: 0px;
}
voila...
Alors???
Alors quoi?? ca c'est le css! 
Hosting Favicon
Clic pas ici
Répondre à Allstar27
regarde c se site moi je veu agrandir le cadre pr ajouté une photo
sans le code HTML on ne peut pas voir grand chose, tu devrai avoir une autre page, ou au moins un template...
Bah rajoute un <li>
Hosting Favicon
Clic pas ici
Répondre à Allstar27
tu peut m expliquer ou le rajouté stp pck je ne connai pas cette fonction
je desirerai juste rajouté une photo en plus dans les cadre tous en gardan le format des photo actuelle
Message édité par heuu le 12-05-2007 à 23:42:50
| Citation : <li><a href="rubrique.php?id_rubrique=69"><img src='IMG/cache-115x115/rubon69-115x115.jpg' width='115' height='115' alt="" style='border-width: 0px;' class='spip_logos' align='center' /></a> </li>
|
Voilà se que tu dois ajouter se trouve en rouge suffit de changer le numéro de la rubrique qui y est appropriée et donner une nom a ton image qui doit faire 115X115 le css ce charge du reste
Message édité par Allstar27 le 13-05-2007 à 00:10:08
Hosting Favicon
Clic pas ici
Répondre à Allstar27
oUI MAIS J AI TOUJOUR LE MEME PBL EN FET LA NOUVELLE IMAGE NE SE PLACE PAS A COTE DES AUTRE MAIS EN DESSOUS PK,,
Message édité par heuu le 13-05-2007 à 00:17:38
tu dois modif ton css navigation et root ul
#navigation {
background-position: center;
width: 100%;
margin-right: auto;
margin-left: auto;
height: 290px;
root ul
.root ul{
border: #aba099 1px solid;
display: block;
border: #aba099 1px solid;
PADDING-RIGHT: 0px;
PADDING-LEFT: 11px; PADDING-BOTTOM: 11px;
MARGIN-LEFT: auto;
WIDTH: 760px;
MARGIN-RIGHT: auto;
PADDING-TOP: 11px;
HEIGHT: 115px;
BACKGROUND-COLOR: white;
}
regarde le code a modif en couleur
ca c pour ton code css plus le copier coller
de allstar27
dans ton code html
bonne continuation a+
Message édité par cutino989 le 13-05-2007 à 03:03:16
Maintenan j ai un autre pbl en fet ca decalle tous le texte en dessous des image pk???
Parce que tu dois aussi ajouter un texte a la nouvelle image!
Hosting Favicon
Clic pas ici
Répondre à Allstar27
Il ne suffit pas de ajouter un texte pour centre le reste tu dois modifier ton css
Le « li » de 630 passe a 800 ou a 760 c tu qui vois et donne toi un peux la Paine pour comprendre
A+
li{
list-style-type:none;
}
#bando_nav {
padding:0px;
padding-left:11px;
margin: 17px auto 0px auto;
width: 800px;
}
<li><a href="http://www.jpgilson.com/rubrique.php?id_rubrique=69">News</a></li>
après cette ligne ajoute ca:
<li><a href="http://www.jpgilson.com/rugrique.php?id_rubriqu=N°">TITRE</a></li>
Il y a 1494 utilisateurs connus et inconnus. Pour voir la liste des connectés connus, cliquez ici.
