Discussion :

[Chocobn]

Bonsoir,

Je suis nouveau et je débute dans le css.
J'ai utilisé un template près à l'emploie que je modifie un peu à ma sauce.

Mon template est en 800/600. et je souhaiterais le transformer en 1024/768.

Est ce que cela est possible ?
Est ce que quelqu'un pourrais m'aider. J'ai essayer de changer quelques données mais sans trop de succès.

Je m'est mon fichier Css en pièce jointe pour ceux qui voudrait le regarder.

Je vous remercie grandement à l'avance.

[GihefBey]

Bonjour,

Sans voir comment les styles sont appliqués, sans voir le code HTML, ça ne peut être que supputations.

Essaye

Code css :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
.container {
  background: url(img/bgcontainer.gif) repeat-y;
  margin: 0 auto;
  padding-bottom: 6px;
/*  width: 767px;*/
  width: 980px;
  border-bottom: 1px solid #DDD;
  }
 
.content {
/*  float: right;
  width: 520px;*/
  margin-left: 202px;
  }

bgcontainer.gif elle mesure combien ?

-

[Chocobn]

Merci pour ta réponse.

A prioris non ca ne fonctionne pas. Comme tu le dis, je pense que ca dois être assez complexe en y réfléchissant.

Le model est sur http://www.basket-carspach.fr/index%20test pour avoir un appercu du site

Je m'est bgcontainer.gif en fichier joint, elle mesure 767/16 px

[Alt157]

Qu'est ce qui ne fonctionne pas dans la modification de GihefBey, a part de remplacer ton image de fond par celle ci :



puisque ton image fait 767/16 px elle fera un truc pas terrible (répétition) donc je l'ai remise aux dimensions de GihefBey soit : 980/16 px

Pourrait on avoir un aperçu des dysfonctionnements ? une page ?

[Chocobn]

MErci ALT157, effectivement avec la nouvelle dimension c'est mieux.

Par contre mon menu je dois pas l'agrandir ? il garde la meme taille que en 800/600, donc je pense que je dois aussi la sa taille ? et du coup les polices avec ? et la bannière ?

Merci pour vos réponse en tout cas

Je m'est un imprim écran pour visualisé ! et une page ! mais du coup vous aurez pas toutes les images.

[Alt157]

forcement il faudra changer ta banniere pour qu'elle fasse la bonne taille. C'est toi qui l'a faite ? Si c'est cela recommence la avec les bonnes dimensions sinon je ne sais pas trop comment faire sans que cela fasse moche....

sinon oui tu peux essaye de "jouer" avec les propriétés width de :.sidenav (ton menu) et .content (le corps) ainsi que footer (pied de page)

TU as également des balises 'style' dans ta page html qui fixe des valeurs en dur donc vois pour les modifier un peu également. (en l occurence les valeurs dans le table se situant juste en dessous de la <div "class="item">

tu peux par exemple mettre des valeurs comme :

.sidenav: 250px;
.content : 680px

et dans ta balise style (cf paragraphe du dessus ) : 655px

[GihefBey]

L'intérêt d'élargir le menu reste à prouver.

Par contre, virer tout ce qui n'est pas élément HTML utile du code HTML est à faire.
Pas de
<table style="text-align: left; width: 100%; height: 195px;" background="banniere test.jpg"
<div style="margin-left: 40px;"><br>
&nbsp;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;</div>
<span style="font-weight: bold; color: rgb(0, 153, 0);"></span><span style="text-decoration: underline;"><span style="font-weight: bold;"><br>
</span></span><br>
Tout ça est à revoir et à placer dans la feuille de style.
Sinon, tu t'en rends déjà compte, ça va être difficile à gérer.

Et essaye

Code css :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
 
.container {
	background: url(bgcontainer.gif) repeat-y;
	margin: 0 auto;
	padding-bottom: 6px;
/*	width: 767px;*/
width: 980px;
  border-bottom: 1px solid #DDD;
  }
 
.content {
  float: right;
  width: 730px;
  }
 
.footer {
  background: #FFF;
  border: 1px solid #EEE;
  color: #666;
  font-size: 1.1em;
  margin: 0 auto;
  text-align: center;
/*  width: 720px;*/
  width: 933px;
  }

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

<table style="text-align: left; background-color: rgb(153, 255, 153); width: 100%; height: 636px;" border="1" cellpadding="0" cellspacing="0">

D'ailleurs, tous les tableaux de la page sont inutiles.

N'utilise pas d'espace (ni d'accents) dans les noms de tes fichiers.

-

[Chocobn]

Merci pour tout ces conseils.

Oui la bannière c'est moi qui l'est faite donc ca devrais allé.

Je vais suivre vos conseils et bidouillé quelques trucs.

Encore merci à vous 2.