reparé o//

Discussion dans 'Web, design' créé par kaRma, 25 Avril 2005.

Statut de la discussion:
Fermée.
  1. Offline
    kaRma Drink Fast Corp.
    EDIT :
    J offre un bac a celui qui me résoud le probleme :D
    ____________

    Voili voilou
    j ai un ptit probleme d'alignements, j'arrive pas a deceller d'ou ca vient ...

    Voyez plutot : http://www.mxv.be/enemaweb/

    - Y a une zone grise entre le header et la barre 'Presentation'
    - l'alignement sur les cotés est foireux (le probleme vient apparement de la case ou il y a les photos, c est quand j ai modifié cette partie la que ca a commencé a foirer jpense)

    Ca doit etre une connerie mais jtrouve vraiment pas


    Voila le code de la page avec le CSS intégré...

    Code:
    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
    <html><head><meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"><title>
    Enema :: website</title><style type="text/css">
    <!--
    .port {
    border: 1px solid #C0C0C0; padding: 5px;
    margin-bottom:-13px;  
    }
    
    .port:hover {
    background: WHITESMOKE; 
    } 
    .porto {
     
    margin: 0px;
    padding: 7px;
    }
    .web {  
    
    width: 225px; 
    display:inline; 
    }
    
    .web2 { 
    text-align:center; 
    display:inline; 
    width: 225px;
    }
    .web3 {
     
    text-align:right; 
    width: 225px;  
    display:inline; 
    } 
    .weball
    {
    text-align: left;
    width:675px;
    
    }	   
    
    a {
    	color: #DFA211;
    	text-decoration: none;
    	}
    
    a:hover {
    	color: #BFAA35;
    	text-decoration: underline;
    	}
    .wider {
    width:350px;
    }
    -->
    </style></head>
    <body leftmargin="0" style="background: rgb(224, 226, 228) none repeat scroll 0%; -moz-background-clip: initial; -moz-background-origin: initial; -moz-background-inline-policy: initial;" topmargin="20" marginwidth="0"><a doctype="" public="" -="" w3c="" html="" 4="" 01="" en="" http="" www="" w3="" org="" tr="" html4="" strict="" dtd=""></a><a></a>
    
    
      
      	
       
    <!--[if IE]> <link rel="stylesheet" type="text/css" href="styleie.css" /> <![endif]-->
    
    <table summary="" border="0" cellpadding="0" cellspacing="0" height="100%" width="100%">
    	<tbody><tr>
    		<td align="center" valign="top">
    		
    		<table summary="" border="0" cellpadding="0" cellspacing="0" width="750">
    
    			<tbody><tr>
    				<td colspan="4" background="" height="89" width="750">
    				<img border="0" src="header-enema.png" width="750" height="200"></td>
    			</tr>
    			<tr>
    				<td background="images/bgleft.png" width="4">
    				 </td>
    				<td colspan="2" bgcolor="#FFFFFF"><img src="images/presentation.png" alt="" border="0" valign="top" height="23" width="730"></td>
    				<td background="images/bgright.png" width="4">
    
    				 </td>
    			</tr>
    			<tr>
    				<td background="images/bgleft.png" width="4">
    				 </td>
    				<td colspan="2" style="padding: 20px; font-family: verdana,arial,sans-serif; font-style: normal; font-variant: normal; font-weight: normal; font-size: 11px; line-height: 16px; font-size-adjust: none; font-stretch: normal;" align="left" bgcolor="#ffffff">
    <p align="justify">Bienvenue sur le nouveau site du groupe Enema !<br>
    <br>
    Enema est un groupe de 3 liégeois d'une vingtaine d'année qui évolue dans la sphère skate-punk, 
    autrement appelé punk-rock. 
    <br>
    
    Influencée par des groupes tels que Green Day, Finch,
    Blink 182, Matchbox Romance, Boxcar Racer ou encore The Offsprings, notre 
    musique revêt un manteau à caractère entraînant et chaleureux, alternant 
    mélodies et solos, sur une ligne de batterie bien soutenue.<br>
     </font></td>
    				
    				<td background="images/bgright.png" width="4">
    				 </td>
    			</tr>
    			<tr>
    				<td background="images/bgleft.png" width="4">
    				 </td>
    				<td colspan="2" style="padding-top: 0px;" bgcolor="#FFFFFF"><img src="images/about.png" alt="" border="0" height="23" width="730"></td>
    
    				<td background="images/bgright.png" width="4">
    				 </td>
    			</tr>
    			<tr>
    				<td background="images/bgleft.png" width="4">
    				 </td>
    				<td class="wider" valign="top" style="padding: 20px 0px 20px 20px; font-family: verdana, arial,sans-serif; font-style: normal; font-variant: normal; font-weight: normal; font-size: 11px; line-height: 16px; font-size-adjust: none; font-stretch: normal;" align="left" bgcolor="#ffffff" width="296"><p style="border: 1px solid rgb(192, 192, 192); padding: 5px; float: left; margin-right: 5px;"><img style="border: 1px solid rgb(18, 18, 18);" src="images/ben.jpg"><br><br><img style="border: 1px solid rgb(18, 18, 18);" src="images/max.jpg"><br><br><img style="border: 1px solid rgb(18, 18, 18);" src="images/yann.jpg"></p>
    				
    				
    				<strong><br>
    				<br>
    
    				Prénom</strong> Benoît<br>
    				<strong>Nom</strong> Lemaire<br>
    				<strong>Nationalité</strong> : Belge<br>
    				<strong>Lieu de résidence</strong> Embourg<br>
    
    				<strong>Date de naissance</strong> 02.03.1985<br>
    				<strong>Instrument </strong>Guitare<br>
    				<br>			
    				<br>
    				<br>
    				<br>
    				<br>
    
    				<strong>Prénom</strong> Maxime<br>
    				<strong>Nom</strong> Venstermans<br>
    				<strong>Nationalité</strong> : Belge<br>
    				<strong>Lieu de résidence</strong> Embourg<br>
    
    				<strong>Date de naissance</strong> 12.04.1985<br>
    				<strong>Instrument </strong>Basse</p>
    				<br>
    				<br>
    				<br>
    				<strong><br>
    
    				<br>
    				<br>
    				Prénom</strong> Yannick<br>
    				<strong>Nom</strong> Houbart<br>
    				<strong>Nationalité</strong> : Belge<br>
    
    				<strong>Lieu de résidence</strong> Jupille<br>
    				<strong>Date de naissance</strong> -<br>
    				<strong>Instrument </strong>Batterie<br>
    				
    				
    												
    				</td>
    				
    				<td class="wider2" style="padding: 20px; font-family: verdana,arial,sans-serif; font-style: normal; font-variant: normal; font-weight: normal; font-size: 11px; line-height: 16px; font-size-adjust: none; font-stretch: normal;" align="left" bgcolor="#ffffff" valign="top" width="385">
    
    Issu de Liège, Enema est un groupe pop/punk/rock composé de 3 membres âgés d'une 
    vingtaine d'année.<br>
    Tous amis, aimant faire la fête et profiter de la vie !<br>
    <br>
    Initialement composé de <b>Ben</b> et <b>Max</b>, le groupe composait des 
    chansons sous le nom de verSus début 2003. Durant le mois de juillet de cette 
    même année, <b>Yann</b> rejoignît la formation en temps que batteur. <br>
    <br>
    Le groupe démarra réellement en Janvier 2004. A cette époque, Maxime décida de 
    troquer son poste de 2ème guitare contre celui de bassiste. Un effort financier 
    commun nous permit aussi d'acquérir une batterie.<br>
    
    Dès lors, les répétitions commencèrent à s'enchaîner.<br>
    <br>
    Fin mai 2004, un petit obstacle vînt interrompre la montée en puissance de 
    verSus :<br>
    Un groupe semi pro allemand avait déjà déposé le nom.
    <br>
    Après mûres réflexions, le choix s'arrêta sur <b>Enema</b> pour les raisons 
    suivantes : <br>
    - Subtil mélange des lettres de nos prénoms.<br>
    - Référence à l'album 'Enema of the 
    states' de Blink 182<br>
    - Signification amusante : <i>Enema (du latin : enienai) = the introduction of liquid into the rectum to 
    evacuate the bowels, medicate, or nourish.<br>
    
    Traduction : Lavement (de colon) <br>
    <br>
    </i>Après de nombreux investissements matériels ainsi que des répétitions 
    hebdomadaires, le groupe arrive en 2005 avec un objectif bien précis : sortir du 
    garage et se faire connaître ! A suivre ...<br>
     </td>
    			    <td background="images/bgright.png" width="4">
    				 </td>
    			</tr>
    			<tr>
    				<td background="images/bgleft.png" width="5">
    				 </td>
    
    				<td colspan="2" style="padding-top: 0px;" bgcolor="#FFFFFF"><img src="images/community.png" alt="" border="0" height="23" width="730"></td>
    				<td background="images/bgright.png" width="4">
    				 </td>
    			</tr>
    			<tr>
    				<td background="images/bgleft.png" width="5">
    				 </td>
    				<td colspan="2" style="padding: 20px; font-family: arial,verdana,sans-serif; font-style: normal; font-variant: normal; font-weight: normal; font-size: 11px; line-height: normal; font-size-adjust: none; font-stretch: normal;" bgcolor="#ffffff">
    			
    			<div align="center">
    
    				<p class="porto" style="text-align: center">
    				<a target="_blank" href="http://www.mxv.be/enemablog/">
    				<img border="0" src="blog.jpg" width="150" height="150"></a>         
    				<img border="0" src="media.jpg" width="150" height="150">   
    				<a target="_blank" href="http://www.mxv.be/enemaguest">
    				<img border="0" src="guest.jpg" width="200" height="150"></a></div>
    				
    
    				
    									
    			  
    				</td>
    				
    				<td background="images/bgright.png" width="4">
    				 </td>
    
    			</tr>
    						<tr>
    				<td background="images/bgleft.png" width="5">
    				 </td>
    				<td colspan="2" style="padding-top: 0px;" bgcolor="#FFFFFF"><img src="images/contact.png" alt="" border="0" height="23" width="730"></td>
    				<td background="images/bgright.png" width="4">
    				 </td>
    			</tr>
    			<tr>
    
    				<td background="images/bgleft.png" width="5">
    				 </td>
    				<td colspan="2" style="padding: 20px; font-family: verdana,arial,sans-serif; font-style: normal; font-variant: normal; font-weight: normal; font-size: 11px; line-height: 16px; font-size-adjust: none; font-stretch: normal;" align="left" bgcolor="#ffffff">
    				Nous espérons pouvoir vous présenter très bientôt différents 
    				partenaires qui vont nous aider dans notre aventure.<br>
    				<br>
    				Vous pouvez nous contacter en nous envoyant un
    				<a href="mailto:wang_y2k@hotmail.com?subject=Mail en provenance de www.Enema-Live.com">
    				email</a><br>
    
    				Le Guestbook est à également à votre disposition.<br>
    				 </td>
    				
    				<td background="images/bgright.png" width="4">
    				 </td>
    			</tr>
    			<tr>
    				<td colspan="4" background="my.WEB%20-%20griZ.be_fichiers/griz4.png" height="24" width="750">
    				 </td>
    
    			</tr>
    		</tbody></table>
    		
    		
    		
    		
    		
    		
    		
    		
    		
    		
    		
    		
    		
    		
    		
    		
    		
    		
    		</td>
    	</tr>
    </tbody></table>
    
    </body></html>
    ps : c est un code que j adapte, c est pour ca j ai un peu du mal ...


    Merci d'avance !
    kaRma, 25 Avril 2005
    #1
  2. Offline
    MbK_ Etudjant
    moi en regardant l'affichage, je vois ca

    [IMG]

    Mais j'ai pas trop le temps de regarder le code de plus pres

    Je susi pas fan des adaptations :x
    MbK_, 25 Avril 2005
    #2
  3. Offline
    kaRma Drink Fast Corp.
    Donc d'apres toi je dois modifier le design de mon header ?

    Mais ca n'explique pas pourquoi le design se barre sur le coté :/
    kaRma, 25 Avril 2005
    #3
  4. Offline
    MbK_ Etudjant
    il suffit que tu ais croisé 2 balises et ca fait tout foirer.
    MbK_, 25 Avril 2005
    #4
  5. Offline
    kaRma Drink Fast Corp.
    qu'entends tu par croisé ? :/


    ps : J offre un bac a celui qui me résoud le probleme :D
    kaRma, 25 Avril 2005
    #5
  6. Offline
    kaRma Drink Fast Corp.
    bon, en gros j ai un tableau avec 3 cases
    1ere case avec un background qui fait l'effet d ombre a gauche
    2eme case avec le texte
    3eme case avec un background qui fait l'effet d ombre a droite

    J'ai augmenté à 10px les cases extérieurs et ca fonctionne ... sous IE uniquement ...
    J ai tjs le probleme de la ligne mystérieuse entre le header et le body ainsi que le décalage sous firefox ...

    lookez plutot : http://www.mxv.be/enemaweb/
    kaRma, 25 Avril 2005
    #6
  7. Offline
    MbK_ Etudjant
    croisé, par exemple (en simplifié)

    <em><strong>coucou</em></strong>

    lol pour le bac, ca m'interesse mais j'ai trop abusé hier :x
    MbK_, 25 Avril 2005
    #7
  8. Offline
    kaRma Drink Fast Corp.
    J'ai réussi a aligner pour Internet Explorer, mais jpige pas ce qui foire sous firefox ...

    Screen IE :

    [IMG]


    Voila le soucis sur firefox :

    [IMG]
    kaRma, 25 Avril 2005
    #8
  9. Offline
    MbK_ Etudjant
    et cetait quoi le probleme?
    MbK_, 25 Avril 2005
    #9
  10. Offline
    Serieux,

    Vous savez pas faire fonctionner votre cerveau 30 sec et sortir un truc sans aller voir chez les autres et pomper la moitié du code ?

    Jveux bien etre gentil, mais y a des limites

    Ca marche pour mbk aussi
    griZhihan, 25 Avril 2005
    #10
  11. Offline
    kaRma Drink Fast Corp.
    Pour le décalage, c etait la taille des cases a gauche et a droite, jles ai mises a 11 au lieu de 4 (jsais pas pkoi ca c'etait mis aussi petit ...)

    Mais le truc c est que ca change quasi rien sur firefox ... et la ligne qui apparait mystérieusement entre le header et le reste ca me perturbe aussi
    kaRma, 25 Avril 2005
    #11
  12. Offline
    kaRma Drink Fast Corp.
    Jt'ai dit que j'allais faire un truc dans le style. T'as toi meme adapter du wordpress... a part ton back tes back ground latéraux j ai changé le reste ...

    Jt'ai proposer de te payer ton adaptation de code, t'as pas voulu, ben voila jle prend moi meme et jl'adapte a mes besoins en essayant que ca ressemble le moins possible ...

    edit : et j'ai jamais eu la prétention de dire que j'avais tout fait... On a tous des sources d'inspirations et/ou des trucs qu'on leech ailleurs et qu'on adapte ...
    kaRma, 25 Avril 2005
    #12
  13. Offline
    chaudard Sergent Chef :::::
    On sboit le bac et puis normalement le probleme d'alignement sera résolu, ou pire.... :wink:
    chaudard, 25 Avril 2005
    #13
  14. Offline
    kaRma Drink Fast Corp.

    ahahaha mais non :D

    Jvais regarder apres des balises croisées eventuelles pour l alignement mais par contre pour la barre horizontale jvois vraiment pas :-(
    kaRma, 25 Avril 2005
    #14
  15. Offline
    "en essayant que ca ressemble le moins possible"

    Jusque ici, l'essai est pas fort concluant : )))))))

    Si j'ai pas voulu, ca t'as pas traversé l'esprit que c'était peut etre pcq je voulais pas ?

    Enfin, si ca t'amuse...
    griZhihan, 25 Avril 2005
    #15
  16. Offline
    Bingo Beer Addict
    Code:
    <img border="0" src="header-enema.png" width="750" height="200" align="top">
    J'ai gagné un bac ? :D
    Bingo, 25 Avril 2005
    #16
  17. Offline
    - Lo0 Elite
    Beau site. Dommage que sa été leeché de griZ :p
    - Lo0, 25 Avril 2005
    #17
  18. Offline
    kaRma Drink Fast Corp.
    ben on peut pas dire que ca m'amuse jusqu'a présent...

    tt facon jvoulais faire une page simple avec les liens vers blog/guestbook/gallerie, 3 photos, bio et contact ...
    D'un maniere ou d'une autre ca aurait forcément ressemblé a ca ...
    kaRma, 25 Avril 2005
    #18
  19. Offline
    LifeNight Elite
    Clair :shock: :?

    Je pense qu'avant tout, tu ferais mieux de payer un bac à griZ :D
    LifeNight, 25 Avril 2005
    #19
  20. Offline
    kaRma Drink Fast Corp.
    Voulez qu'on commence a repertorier tous les sites qui se ressemblent ?

    www.friteries.net et www.baraki.net ?
    griz avait démontré en son temps que gamerz.be avait été leech sur un autre site.
    et les exemples se trouvent par milier. Meme griZ lui meme prend des trucs d'ailleurs et les modifie alors stoppez la chasse aux demons quoi :D

    puis tt facon griz pas besoin de payer un bac, 5 bieres suffisent pour le saouler :] (k) (k) (k)


    ____


    Pour la barre en dessous du header c est bien avec valign top ...
    Me reste l'autre probleme d'alignement ... a mon avis jvais refaire la partie complétement ce sera plus simple ...
    kaRma, 25 Avril 2005
    #20
Statut de la discussion:
Fermée.