28220 sujets

CSS et mise en forme, CSS3

Site web decalé, passer en ccs

bonjour a tous et Joyeuses paques.

Voilma je cherche a passer mon site en css car mon code actuel ne fonctionne pas sous mozilla (mon site : http://perso.wanadoo.fr/axouparadise2/ )

Le probleme c'est que je suis un peu beaucoup perdu en css (je suis eparpiléé un peu partout)et essayer de le penser tel quel apres lavoir fait avec des tableaux et plus difficile.

J'aurais voulu savoir si quelque'un aurait pu m'eguiller avec un debut de code, ou autres aides qui serait les bienvenues. Smiley biggol

nainai
Modifié par Olivier (28 Mar 2005 - 12:16)
Administrateur
Salut à toi,

Difficile de te donner un cours complet de CSS sur un forum.
A part te donner des pistes, je vois difficilement comment procéder.

En post-it du Salon "CSS", tu trouveras une Méthodologie générale qui te permettra de bien débuter avec ce langage.

Dans le salon "Ressources", tu trouveras de nombreux sites de cours, mais aussi et surtout une liste de livres pour débuter

Bonne chance Smiley cligne
je vais my remettre si je merdouille je viendrais vous demander, je vais aller vers les liens que tu ma donnée

@+
hello ,

bon grace au modele gabarit de votre site jai reussi a retrouver ma configuration ancienne version css , le probleme c'est lorganisation de ma feuille de style que je ne parviens pas a ranger.Je voulais savoir l'image quejai toujours dans la colonne de mon menu en haut en css , je dois la regler comment?car je lai mis ds des balises div dans la partie html
a écrit :
<div id="menu"><img class="gauche" alt="ange lys" src="images/angel lysbis.jpg"/></div>

mais je narrive pas a la centrer et dans le css je ne sais pas quoi marquer.

avais vous une idée?

ps: si c'est pas clair regarder mon site pour voir ce que je veux

Merchi davance
J'ai un decalageentre ma partie droite et gauche de mon site, en voulant mettre un espace entre le bord supérieur et limage du menu, la partie beige a fait apparaitre une partie blanche, comment la virer?
Qu'est ce qui cloche dans mon code ccs (a part tout, lol):
a écrit :
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<style type="text/css">
html, body {
height: 100%;
width: 100%;
overflow: auto;
}
body {
font-family:Maiandra GD;
font-size: 0.8em;
margin: 0;
padding: 0;
}
#contenu {
overflow: auto;
height: 100%;
margin-left: 200px;
background-image: url(beige010.gif);
padding-left: 20px;
}
#menu {
position: absolute;
left:0;
background-color: #660404;
width: 200px;
height: 100%;
text-align: center;
padding-top: 20px;
}
</style>
</head>

<body>

<div id="menu"><img id="center" alt="angel lys" src="images/angel lysbis.jpg"/></div>
<div id="contenu"></div>

</body>
</html>


En gros jaimerais que les blocs soit de meme hauteur.
Les eaux troubles du css, me fond coulés!


Aidez moi sil vous plait....
nainai Smiley biggol
salut

nainai a écrit :

Qu'est ce qui cloche dans mon code ccs (a part tout, lol):


Bon déjà l'URL que tu donne ne corespond pas au code que tu donne.
ensuite lorsque je vois ca

&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;


j'attrappe une série de bouton horrible à voir Smiley biggol .

comment veut tu gèrer une mise en page avec des trucs pareils ?
Désolée pour la série de boutons , je toffrirais du biactol pour la peine!

oui c'est l'ancienne version que je veu modifier css et jai commencer la nouvelle version que je tai donne en post dernier, il n'est pas en ligne, normal je tai mis l'ancien site pour l'effet visuel voulu.

Désolée avant je patouiller et jessayer de me debrouiller toute seule.jai biens la catastrophe , c'est pour cela que je veux changer en css.
Je ne lai pas en ligne et jessaye de le construire:

a écrit :


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<style type="text/css">
html, body {
height: 100%;
width: 100%;
overflow: auto;
}
body {
font-family:Maiandra GD;
font-size: 0.8em;
margin: 0;
padding: 0;
}
#contenu {
overflow: auto;
height: 100%;
margin-left: 200px;
background-image: url(beige010.gif);
padding-left: 20px;
}
#menu {
position: absolute;
left:0;
background-color: #660404;
width: 200px;
height: 100%;
text-align: center;
padding-top: 20px;
}
</style>
</head>

<body>

<div id="menu"><img id="center" alt="angel lys" src="images/angel lysbis.jpg"/></div>
<div id="contenu"></div>

</body>
</html>


c'est encore une horreur pour toi ;p
Thks , je men doutais mais coment faire alors pour que mon image ds ma colonne ne soit pas collée sur le bord?

nainai
Sujet clos
Aller à