Aide pour css

Résolu/Fermé
laetitia11210 Messages postés 5 Date d'inscription samedi 2 février 2008 Statut Membre Dernière intervention 26 novembre 2008 - 2 févr. 2008 à 12:19
laetitia11210 Messages postés 5 Date d'inscription samedi 2 février 2008 Statut Membre Dernière intervention 26 novembre 2008 - 3 févr. 2008 à 11:17
Bonjour,
Novice en creation de site je dois en faire un pour mon association.
J'ai trouver un css sur oswd.org qui me conviendrait mais j'ai un petit soucis pour changer les tailles.J'utilise dreamweaver ( en evaluation il me reste 10 jours)
Voila ce que j'aimerais avoir comme résultats:
1) que la longueur totale fasse 900 px
2) que la colonne de gauche soit de 160px de large et qu'elle soit décalée de 5px du bord idem pour la colonne de droite.
3) que la colonne du centre fasse 520 px de large avec un espace de chaque coté de 25 px par rapport a la colonne de gauche et de droite

Est-ce que qu'elqu'un a temps perdu serait assez aimable pour m'indiquez les changements a éffectuer.
Voila le site ou est visible le code : http://www.latiatia.fr/

body
{
margin: 0;
padding: 0;
font: 12px Helvetica;
color: #000;
background: #f3f3f3;
}

.center
{
width: 760px;
margin: 5px auto 5px auto;
border: 1px solid #aaa;
padding: 5px;
background: #fff;
}

.menu
{
margin-bottom: 15px;
padding-bottom: 5px;
border-bottom: 1px dotted #aaa;
}

.menu h3
{
background: url(img/menu.gif) repeat-y;
margin: 0;
padding: 2px 2px 2px 18px;
color: #fff;
font-size: 12px;
}

.menu form
{
margin: 3px;
padding: 0;
}

.ul1
{
list-style-type: none;
margin: 0;
padding-left: 5px;
}

.ul1 li
{
margin-top: 1px;
}

.ul1 li a
{
text-decoration: none;
padding-left: 15px;
color: #666;
background: url(img/1.gif) left center no-repeat;
font-weight: bold;
}

.ul1 li a:hover
{
color: #ff0000;
background: url(img/2.gif) left center no-repeat;
}

.ul2
{
margin: 0;
padding-left: 16px;
list-style-type: square;
}

.ul2 li
{
margin-top: 2px;
}

input.text
{
width: 100px;
}

input.submit
{
width: 30px;
}

#l, #r
{
width: 145px;
float: left;
}

#c
{
width: 470px;
float: left;
}

#nota
{
padding: 5px 160px 0 160px;
text-align: center;
clear: both;
font-size: 10px;
}

#h
{
height: 80px;
background: url(img/header.jpg) no-repeat;
position: relative;
}

#h ul
{
position: absolute;
bottom: 10px;
right: 20px;
margin: 0;
padding: 0;
}

#h li
{
display: inline;
margin-left: 5px;
}

#h li a
{
color: #fff;
text-decoration: none;
font-weight: bold;
}

#h li a:hover
{
text-decoration: underline;
}

#f
{
text-align: center;
font-size: 10px;
}

#content
{
margin: 0 10px 0 10px;
padding: 5px;
border-top: 1px dotted #aaa;
border-bottom: 1px dotted #aaa;
text-align: justify;
}


.tytul a, #content li a
{
text-decoration: underline;
color: #666;
font-weight: bold;
}

a
{
text-decoration: underline;
color: #666;
}

a:hover, #content li a:hover
{
color: #ff0000;
}

.rek1
{
text-align: center;
}

.ostatnie
{
margin-bottom: 15px;
}

.tytul
{
margin-bottom: 2px;
}

.wiecej
{
text-align: right;
}
h1
{
font-size: 12px;
color: #fff;
margin: 0;
padding: 0;
position: absolute;
top: 65px;
left: 30px;
}

img
{
border: 0;
}

2 réponses

Gihef Messages postés 5150 Date d'inscription mercredi 20 juillet 2005 Statut Contributeur Dernière intervention 20 février 2023 2 775
2 févr. 2008 à 21:55
Bonjour,

M…ince, il y a des centaines de gabarits de page web sur le net, et tu nous en trouves un en polonais et aux noms de styles minimalistes (-;

Pour faire ces modifications, tu n'as pas besoin de DW.
Un simple éditeur de texte le permet.

Essaye ça
(/*    */ ← ce que j'ai modifié)
.center {
/*  width: 760px;  */

  width: 900px;  /* =============================== */

  margin: 5px auto 5px auto;
  border: 1px solid #aaa;
  padding: 5px;
  background: #fff;
  }

#l, #r {
/*  width: 145px; */

  width: 160px;  /* =============================== */
  margin-left: 5px;  /* =============================== */
  margin-right: 5px;  /* =============================== */

  float: left;
  }

#c {
/*  width: 470px;*/

  width: 510px;  /* =============================== */
  margin-left: 25px;  /* =============================== */
  margin-right: 25px;  /* =============================== */

  float: left;
  

--
 
0
laetitia11210 Messages postés 5 Date d'inscription samedi 2 février 2008 Statut Membre Dernière intervention 26 novembre 2008
3 févr. 2008 à 11:17
Bonjour
Désolée pour le polonnais!
Je te remercie bocoup pour tes réponses sa marche super!
0