+- JeuWeb - Crée ton jeu par navigateur (https://jeuweb.org)
+-- Forum : Discussions, Aide, Ressources... (https://jeuweb.org/forumdisplay.php?fid=38)
+--- Forum : Art, graphisme, audio (https://jeuweb.org/forumdisplay.php?fid=50)
+--- Sujet : Mon design (/showthread.php?tid=2647)
Mon design - Dickhouse - 04-06-2008
Bonjour,
Je suis en train de faire un site web et j'ai terminé le design.
C'est la première que je faisais un design tout d'un coup et après je le découpais, avant je le faisait pièce par pièce.
Et là, j'ai un problème, je vous explique, mais tout d'abord :
Le site pour voir le design : http://dousehick.omivu.net/design.html
Les images : http://dousehick.omivu.net/images.php
Bon, je n'ai aucun code Css, mais quand je le rajoute pour pouvoir rajouté du texte par-dessus l'image, limage ne ce répete pas comme je veux :
Code css :
Code PHP :
<?php
#conteneur {
position: absolute;
border-style:hidden; /* Les bordures sont cachés */
background-image:url('images/design_07.gif'); /* URL de l'image de fond */
background-repeat:repeat-y;
width: 750px; /* Taille fixé à 750 pixel */
}
Ensuite je rajoute de DIV dans la page design.html (bien-sur j'enlève les autres images pas rapport comme design_03.gif, etc.) mais l'image design_07 n'affiche même pas ! .. Même chose pour le menu
Exemple :
http://dousehick.omivu.net/design1.html
http://dousehick.omivu.net/style1.css
Ça fait débutant comme question mais bon ^^'
En espérant juste que vous puissiez m'aider pour que je continue mon site
Merci d'avance !
RE: Mon design - Ruz - 05-06-2008
1/
Citation :La propriété de feuille de style border-style css peut prendre la valeur de :
- none, aucune bordure,
- dotted, bordure en pointillé (sauf internet explorer),
- dashed, bordure en tirets (sauf internet explorer),
- solid, bordure continue,
- double, bordure en double trait,
- groove, bordure en creux,
- ridge, bordure en saillie,
- inset, bordure en 3d lumière basse,
- outset, bordure en 3d lumière haute,
- inherit, hérite de son parent (css 2).
bref: border-style:hidden n'existe pas ^^
utilise border-style: none;
2/ il n'y a aucun lien dans ta page html entre ta page et ta CSS...
un petit " <link rel="stylesheet" href="style1.css"> " dans ton head ^^
3/ Ahhhhhh!!!!! une mise en page avec un tableau!!! Vade retro satanas!!!
ton cadre sera-t-il fixe (hauteur et largeur donnée) ?
Si oui, pourquoi t'amuser à couper... fait le cadre, et positionne le en absolu, avec un z-index faible. (arrière plan)
puis une div aussi positionnée absolue, conteneur du texte, etc...
RE: Mon design - Eluox - 05-06-2008
Petit Conseil a la vue de ton code source :
La découpe que fait Photoshop, n'est pas vraiment utilisable.
C'est très moche et non valide.
Je te conseil de coder toi même ta page, non pas en tableau mais en div
Cordialement,
RE: Mon design - Dickhouse - 05-06-2008
Merci pour votre aide, voilà, j'ai codé moi même, mais j'ai encore un problème, je n'arrive pas à écrire mon texte à côter du menu ..
Je vous montre :
http://dousehick.omivu.net/index1.html
Merci d'avance ^^
RE: Mon design - Ruz - 06-06-2008
pas le temps de te donner la solution, désolé, verrai ca ce soir, ou au boulot ^^
a priori, ton positionnement du conteneur est bizarre... trop compliqué, à mon gout.
sinon, je vais regarder, mais un float sur le menu pourrait t'aider, a confirmer
RE: Mon design - Mysterarts - 06-06-2008
Je n'ai pas trop eu le temps de regarder, mais il me semble qu'il te faudrait mettre ton menu dans un div (avec en css : float: left en effet), et ça devrai marcher...
Pense à mettre un "clear: both;" sur ton footer !
Mysterarts
RE: Mon design - zneman - 06-06-2008
En fait, la meilleure chose que vous pouvez lui conseiller c'est... d'apprendre le CSS ! xD
PS: Cette réponse ne sert pas à grand chose ^_^