reparé o//

Statut
N'est pas ouverte pour d'autres réponses.
kaRma

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 !
 
MbK_

MbK_

Etudjant
moi en regardant l'affichage, je vois ca



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

Je susi pas fan des adaptations :x
 
1er
OP
kaRma

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é :/
 
MbK_

MbK_

Etudjant
il suffit que tu ais croisé 2 balises et ca fait tout foirer.
 
1er
OP
kaRma

kaRma

Drink Fast Corp.
MbK_ a dit:
il suffit que tu ais croisé 2 balises et ca fait tout foirer.
Cliquez pour agrandir...
qu'entends tu par croisé ? :/


ps : J offre un bac a celui qui me résoud le probleme :D
 
1er
OP
kaRma

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/
 
MbK_

MbK_

Etudjant
kaRma a dit:
MbK_ a dit:
il suffit que tu ais croisé 2 balises et ca fait tout foirer.
Cliquez pour agrandir...
qu'entends tu par croisé ? :/


ps : J offre un bac a celui qui me résoud le probleme :D
Cliquez pour agrandir...
croisé, par exemple (en simplifié)

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

lol pour le bac, ca m'interesse mais j'ai trop abusé hier :x
 
1er
OP
kaRma

kaRma

Drink Fast Corp.
J'ai réussi a aligner pour Internet Explorer, mais jpige pas ce qui foire sous firefox ...

Screen IE :




Voila le soucis sur firefox :

 
MbK_

MbK_

Etudjant
et cetait quoi le probleme?
 
griZhihan

griZhihan

*
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
 
1er
OP
kaRma

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
 
1er
OP
kaRma

kaRma

Drink Fast Corp.
griZ a dit:
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
Cliquez pour agrandir...
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 ...
 
chaudard

chaudard

Sergent Chef :::::
On sboit le bac et puis normalement le probleme d'alignement sera résolu, ou pire.... :wink:
 
1er
OP
kaRma

kaRma

Drink Fast Corp.
chaudard a dit:
On sboit le bac et puis normalement le probleme d'alignement sera résolu, ou pire.... :wink:
Cliquez pour agrandir...

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 :-(
 
griZhihan

griZhihan

*
kaRma a dit:
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 ...
Cliquez pour agrandir...
"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...
 
Bingo

Bingo

Beer Addict
Code: 
<img border="0" src="header-enema.png" width="750" height="200" align="top">
J'ai gagné un bac ? :D
 
- Lo0

- Lo0

Elite
Beau site. Dommage que sa été leeché de griZ :p
 
1er
OP
kaRma

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 ...
 
LifeNight

LifeNight

Elite
- Lo0 a dit:
Beau site. Dommage que sa été leeché de griZ :p
Cliquez pour agrandir...
Clair :shock: :?

Je pense qu'avant tout, tu ferais mieux de payer un bac à griZ :D
 
1er
OP
kaRma

kaRma

Drink Fast Corp.
LifeNight a dit:
- Lo0 a dit:
Beau site. Dommage que sa été leeché de griZ :p
Cliquez pour agrandir...
Clair :shock: :?

Je pense qu'avant tout, tu ferais mieux de payer un bac à griZ :D
Cliquez pour agrandir...
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 ...
 
Statut
N'est pas ouverte pour d'autres réponses.
Haut