Probleme : j'ai fait le theme de mon site mais...

Probleme : j'ai fait le theme de mon site mais... - HTML/CSS - Programmation

Marsh Posté le 06-07-2005 à 15:55:08    

Salut à tous ! j'ai fait un nouveau disign pour mon site avec photoshop CS et image ready et maintenant j'ai bien l'interface du site en petite image , mais comment les assembler pour avoir une page HTM identique à mon image sous photoshop ? je pense que c'est du CSS qui me manque mais vu que je ne connai pas les codes si vous pouviez m'aider .
 
 
 
Voila à quoi doit ressembler mon site :
http://img98.imageshack.us/img98/8788/interface4lx.jpg
 
 
et voici les images coupées
 
http://perso.wanadoo.fr/warcraftnet/images.rar
 
 
Aider moi !!!

Reply

Marsh Posté le 06-07-2005 à 15:55:08   

Reply

Marsh Posté le 06-07-2005 à 15:56:57    

css oui.
 
Voir les sites dans ma sign (ceux à suivre)


---------------
http://www.alsacreations.com , http://www.openweb.eu.org. Mon CV : http://cv.roane-irkana.net/. Exemple à ne surtout pas suivre : www.worldinternet.be
Reply

Marsh Posté le 06-07-2005 à 16:00:11    

faut tout lire ?

Reply

Marsh Posté le 06-07-2005 à 16:08:22    

ben si tu veux faire des css, et que t'en a jamais fait, OUI.


---------------
http://www.alsacreations.com , http://www.openweb.eu.org. Mon CV : http://cv.roane-irkana.net/. Exemple à ne surtout pas suivre : www.worldinternet.be
Reply

Marsh Posté le 06-07-2005 à 16:31:00    

Sorry ! Il n'y aura pas une ame charitable dans le coin qui s'y connaisse en css ? Et qui m'aiderai ?

Reply

Marsh Posté le 06-07-2005 à 16:44:55    

On peut t'aider, mais pas te donner la réponse. On aide, on fait pas à la place de la personne :)


---------------
http://www.alsacreations.com , http://www.openweb.eu.org. Mon CV : http://cv.roane-irkana.net/. Exemple à ne surtout pas suivre : www.worldinternet.be
Reply

Marsh Posté le 06-07-2005 à 16:54:44    

ba déja j'aimerai que cette page s'adapte en focntion de la fenetre
 
enfin qu'elle soit centré
 
un peu comme ça  
 
http://dreamcubebits.infoliens.com/index.html

Reply

Marsh Posté le 06-07-2005 à 17:06:10    

http://test.roane-irkana.net/2_cols_fixe.htm
 
manque le centrage, pas beaucoup de choses.
 
http://test.roane-irkana.net/2_cols_fluide.htm
 
S'adapte  a la largeur de l'écran avec un menu fixe.
 
Après ... ben les sites de ma signature :D


---------------
http://www.alsacreations.com , http://www.openweb.eu.org. Mon CV : http://cv.roane-irkana.net/. Exemple à ne surtout pas suivre : www.worldinternet.be
Reply

Marsh Posté le 07-07-2005 à 01:05:41    


j'ai pas commenté le code, j'ai trop la flème
au passage met tes images en jpg, et essaye d'utiliser intelligement le background le repeat.
 
sinon pour IE c'est un placement en flottant normal, et un height à 100%
 
pour FF et autres navigateur respectueux des standards le menu et le div contenu sont placé en display:table et display:table-cell (c'est une bonne technique quand meme héhé). c'est parfait comme ca
 
3 images seulement et 44ko.
 
PS : On s'en fout de la sémantique, là le but du jeu était de faire un site en height parfait sans se masturber le cerveau.
 
Edit n°3128 : Vala la sémantique est propre  :lol:


Message édité par gatsusat le 07-07-2005 à 07:35:36
Reply

Marsh Posté le 07-07-2005 à 07:33:18    

faudrait essayer de le faire en tableau, je suis sur qu'on se ferai encore plus chier

Reply

Marsh Posté le 07-07-2005 à 07:33:18   

Reply

Marsh Posté le 07-07-2005 à 09:01:41    

clair ... pis la l'html est propre au moins :D


---------------
http://www.alsacreations.com , http://www.openweb.eu.org. Mon CV : http://cv.roane-irkana.net/. Exemple à ne surtout pas suivre : www.worldinternet.be
Reply

Marsh Posté le 07-07-2005 à 10:54:36    

ouai je vais essayer le tableau :)

Reply

Marsh Posté le 07-07-2005 à 11:07:20    

GANONEINC, utilise la version de gatsu pour le vrai site.
 
On parlait des tableaux juste pour nous, histoire de voir comment c'était beaucoup plus chiant de faire ton site avec cette méthode ancestrale et désuette :p
 
CSS powaaaaa


---------------
http://www.alsacreations.com , http://www.openweb.eu.org. Mon CV : http://cv.roane-irkana.net/. Exemple à ne surtout pas suivre : www.worldinternet.be
Reply

Marsh Posté le 07-07-2005 à 11:10:30    

en gros Ganoeing, regarde ma version HTML PRopre, CSS presque propre.
 
c'est du tout beau.
 
Abandonne l'idée des tableaux. Inutile dans ton cas

Reply

Marsh Posté le 07-07-2005 à 12:19:35    

heureusement qu'il est venu ici, parce que, quand je voit ça sur son ancien site, ca fait très peur
 

Code :
  1. <tbody><tr>
  2.           <td><table class="border-left" cellpadding="0" cellspacing="0" width="100%">
  3.             <tbody><tr>
  4.               <td><table class="border-right" cellpadding="0" cellspacing="0" width="100%">
  5.                 <tbody><tr>
  6.                   <td><table class="border-top" cellpadding="0" cellspacing="0" width="100%">
  7.                     <tbody><tr>
  8.                       <td><table class="border-bot" cellpadding="0" cellspacing="0" width="100%">
  9.                         <tbody><tr>
  10.                           <td><table class="border-top-left" cellpadding="0" cellspacing="0" width="100%">
  11.                             <tbody><tr>
  12.                               <td><table class="border-top-right" cellpadding="0" cellspacing="0" width="100%">
  13.                                 <tbody><tr>
  14.                                   <td><table class="border-bot-left" cellpadding="0" cellspacing="0" width="100%">
  15.                                     <tbody><tr>
  16.                                       <td><table class="border-bot-right" cellpadding="0" cellspacing="0" width="100%">

Reply

Marsh Posté le 07-07-2005 à 12:28:51    

Salut... Heu... ptèt jsuis nul mais ya moyen de choper le css de ta maquette Gatsusat? Parce que je débute aussi en css...
Merci

Reply

Marsh Posté le 07-07-2005 à 12:37:28    

ben tu choppes, mais ca te servira a rien de faire sans comprendre
 
et puis tu as accès au repertoire parent et donc chopper tous les fichiers
 
jvois pas ce qui t'en empeche

Reply

Marsh Posté le 07-07-2005 à 12:41:58    

oui tu as raison dsl, c bon je l'ai. Je cherche juste un code css de base qui me permettra de base pour développer moi même par dessus.
Merci.

Reply

Marsh Posté le 07-07-2005 à 12:44:59    

Damcmoi tu suis alors les conseils de ce monsieur
 

plainsofpain a écrit :

http://test.roane-irkana.net/2_cols_fixe.htm
 
manque le centrage, pas beaucoup de choses.
 
http://test.roane-irkana.net/2_cols_fluide.htm
 
S'adapte  a la largeur de l'écran avec un menu fixe.
 
Après ... ben les sites de ma signature :D


Reply

Marsh Posté le 07-07-2005 à 12:54:51    

Ok merci

Reply

Marsh Posté le 07-07-2005 à 14:39:58    

gatsu, tu m'appelles encore monsieur et je t'appelles grand père.
 
je suis pas vieux j'ai que 21 ans arrêtes merde ! :'(


---------------
http://www.alsacreations.com , http://www.openweb.eu.org. Mon CV : http://cv.roane-irkana.net/. Exemple à ne surtout pas suivre : www.worldinternet.be
Reply

Marsh Posté le 07-07-2005 à 14:46:16    

plainsofpain a écrit :

gatsu, tu m'appelles encore monsieur et je t'appelles grand père.
 
je suis pas vieux j'ai que 21 ans arrêtes merde ! :'(


 
bon ben je remplace monsieur par gamin ca te va ?  :D  

Reply

Marsh Posté le 07-07-2005 à 14:52:41    

Appelles moi ofpain, plainsofpain (edit : ), grand père gatsu :D


Message édité par plainsofpain le 07-07-2005 à 14:53:24

---------------
http://www.alsacreations.com , http://www.openweb.eu.org. Mon CV : http://cv.roane-irkana.net/. Exemple à ne surtout pas suivre : www.worldinternet.be
Reply

Marsh Posté le 07-07-2005 à 14:56:47    

Ne vous inquitez pas j'ai pas fait de tableau.
 
Sinon j'ai reprit la maquette et je suis entrain d'amenager le site , maintenant il faut que je trouve un system de news simple d'utilistation et efficace qui s'integre dans le site

Reply

Marsh Posté le 08-07-2005 à 13:26:06    

j'ai un petit probleme
 
j'ai finit le site
 
mais on dirait qu'il marche bien qu'avec firefox
 
http://perso.wanadoo.fr/warcraftnet/
 
 
Est-ce normal ?

Reply

Marsh Posté le 08-07-2005 à 15:31:22    

Question : pourquoi des boutons en flash ?


---------------
http://www.alsacreations.com , http://www.openweb.eu.org. Mon CV : http://cv.roane-irkana.net/. Exemple à ne surtout pas suivre : www.worldinternet.be
Reply

Marsh Posté le 08-07-2005 à 17:53:47    

Citation :

Question : pourquoi des boutons en flash ?


 
pour faire style

Reply

Marsh Posté le 08-07-2005 à 18:19:27    

GANONEINC a écrit :

Citation :

Question : pourquoi des boutons en flash ?


 
pour faire style


style 1995 et style Mister Infonie?


---------------
Stick a parrot in a Call of Duty lobby, and you're gonna get a racist parrot. — Cody
Reply

Marsh Posté le 08-07-2005 à 20:52:19    

Citation :

style 1995 et style Mister Infonie?


 
Pourquoi pas ...
 
y a toujours personnes qui peut m'aider ?

Reply

Marsh Posté le 08-07-2005 à 23:06:47    

ben tu as cassé tout le code que j'avais fait apparamment.
 
il y avait un div "contenu", dans lequel tu dois mette tout ton texte et ton tralala. et comme le texte n'est pas vraiment dans ce div, ben ton truc foire sous IE
 
si ca marche sous FF c'est parce que j'ai forcé l'affichage des div en cellules de tableau (display: table-cell)
 
laisse moi 5 minutes et jte corrige ca mécréant, tu mérite que je te pende par les pieds et que je te fasse réciter cent fois : j'apprendrai le HTML proprement sans passer par du wysiwyg
 
ah en plus tu me vire ton putain de menu de merde en flash et tu me fais un truc plus beau en CSS s'il te plait, ca me fera plaisir
 
sinon jte le fais
 
au passage, j'ai vu que tu as tout cassé les quelques trucs que je t'avais fait. snif, tu merite le fouet


Message édité par gatsusat le 08-07-2005 à 23:51:36
Reply

Marsh Posté le 08-07-2005 à 23:53:43    

quoi que nan, quand je vois le gachi de ce que tu as fais sans venir nous demander, c'est meme pas la peine
 
tu utilise des balises a droite et a gauche alors qu'il  ya pas besoin (strong dans le menu par exemple)
tu me fous des divs de merde en pleins milieu d'une liste  
 
erf
du magnifique gachis. Laisse tomber, jte donne pas de coup de main je suis démoralisé

Reply

Marsh Posté le 09-07-2005 à 00:07:40    

Enervé le gatsusat :o

Reply

Marsh Posté le 09-07-2005 à 07:20:10    

Moi je travail en mode cration sous dremaweaver , c'est lui qui modifit le code. Daudrait que je prennet un screenshot de ce que donne ta maquette ouverte sous dremaweaver , tu verra que déja dreamwaeaver l'interprete mal

Reply

Marsh Posté le 09-07-2005 à 09:58:37    

ben oué parce que dreamweaver est nul en mode Wysiwig, ce qui me ferait plaisir est que tu te jette un peu dans le code, voir totalement, tu comprendrais mieux ce qui se passe

Reply

Marsh Posté le 09-07-2005 à 12:03:44    

Et puis, ton menu en flash, on peut faire pareil en css, meme plus beau et moins lourd :o


---------------
http://www.alsacreations.com , http://www.openweb.eu.org. Mon CV : http://cv.roane-irkana.net/. Exemple à ne surtout pas suivre : www.worldinternet.be
Reply

Marsh Posté le 09-07-2005 à 12:10:09    

et en moins buggé, et en qui fonctionne quand on a Flashblock ou qu'on a pas installé Flash :o

Reply

Marsh Posté le 09-07-2005 à 12:11:39    

et accessible aussi :p


---------------
http://www.alsacreations.com , http://www.openweb.eu.org. Mon CV : http://cv.roane-irkana.net/. Exemple à ne surtout pas suivre : www.worldinternet.be
Reply

Marsh Posté le 09-07-2005 à 13:22:20    

Le gros lens flare sur le logo ca pue aussi :O
 
Les --> dans le menu, c'est moche.
La police du menu est moche
Le menu en haut est sympa mais a ne pas faire en flash
L'image de l'elfe, la boule lumineuse à gauche est naze
 
Mais sinon c'est bien.
En y mettant du tien, y'a moyen de faire quelque chose de sympa. Ne te décourage pas :)

Reply

Marsh Posté le 09-07-2005 à 13:23:29    

Ayuget a écrit :

Le gros lens flare sur le logo ca pue aussi :O


http://masklinnscans.free.fr/4chan/fuck_lens_flares.png
tu veux dire?

Reply

Marsh Posté le 09-07-2005 à 14:02:52    


[:rofl] Je connaissais pas cette image


Message édité par Ayuget le 09-07-2005 à 14:02:58
Reply

Marsh Posté le    

Reply

Sujets relatifs:

Leave a Replay

Make sure you enter the(*)required information where indicate.HTML code is not allowed