tompouss Petit chat | Bonsoir,
je dois refaire le myspace d'un pote, testé avec FF 3.5, Chrome et j'ai des bugs avec IE 8 (et probablement IE7)
sous firefox:
sous IE 8:
donc si vous pouviez me donner une piste ou coup de main pour le débuguage ce serait vraiment super
j'ai remanié tout le CSS en me basant sur un prototype d'alsacrations
CSS:
Code :
- html {
- font-size: 100%;
- }
- body {
- font-family: Arial, verdana, sans-serif;
- background-color: #121011;
- color:#fffac8;
- margin:auto;
- padding: 20px 30px;
- font-size: 0.8em;
- line-height: 1.25;
- width:1000px;
- }
- #xmen{
- width:550px;
- height:408px;
- border:none;
- padding:0;
- margin:0;
- }
- #lecteur{width:450px;height: 345px;border:none; padding:0;margin:0; float:right;}
- h1{ font-weight:bold; font-size:1.2em;}
- h2{font-weight:normal;}
- h3{ font-weight:normal;}
- p{ font-weight:normal;}
- #textes{
- position: relative;
- width: 100%;
- width:1000px;
- background:url(http://tof.canardpc.com/view/6d61bb55-796c-493d-ad53-e2afa76762c6.jpg) no-repeat;
- margin:0;
- padding:15px;
- overflow:hidden;
- }
- #resume{
- width:300px;
- position: absolute;
- top: 0;
- left: 0;
- padding:15px;
- }
- #presentation_fr{
- margin-left: 300px;
- margin-right: 400px;
- padding-left:15px;
- }
- #presentation_en{
- position: absolute;
- top: 0;
- right: 0;
- margin-right:100px;
- width: 250px;
- padding-top:15px;
- }
- #presentation_fr,#presentation_en {1,2em;}
- #resume_infos {font-size:1em;}
|
le HTML:
Code :
- <body>
- <img id="gambitt" src="http://tof.canardpc.com/view/f2422a19-8465-4692-b9c2-7c880a6d4500.jpg" alt="gambitt"/>
- <img id="xmen" src= "http://tof.canardpc.com/view/ec203237-3c12-4cc9-8c81-e44ac6d98b86.jpg" alt="xmen"/>
- <div id="textes">
- <div id="resume">
- <h1> Gambitt </h1>
- <h2>Rap / Hip Hop / Experimentale<h2>
- <h3>Gambitt a.k.a T ² a.k.a Da dirty Monkey<h3>
- <address>Braine-le-Comte, Hainaut
- Belgique</address>
- <p id="resume_infos">Affichages : 8377 <br />
- Dernière connexion : 24/12/2009<br />
- Voir : Photos | Vidéos</p>
- </div>
- <div id="presentation_fr">
- <h1>Introduction <h1>
- <p>Patrick de mon prénom, 1m77, 87kilos, je suis né le 15 Juillet 1985. Je suis diplômé en français-français langue étrangère (pour apprendre le français aux étrangers). J´écris des rimes depuis maintenant sept ans. Je me considère comme un MC actif depuis trois ans, c´est-à-dire depuis la fondation du KuG, mon groupe (Novembre 2004). KuG signifie Krilin union Gambitt. Il évoque un endroit imaginaire commun où se réunissent les idées et projets de deux mc´s aux parcours nettement différents.<br />
- <br />
- Mon blaze est inspiré des X-Mens, car la personnalité du héros sur lequel porte l´allusion ressemble sensiblement à la mienne : un opportuniste lunatique, pour résumer le tout. Je ne me suis pas contenté de pomper un pseudo tout fait. Je l´ai façonné, en faisant un acrostiche. En effet, chaque première lettre de mon blaze évoque un mot en anglais qui me caractérise. Et pour personnaliser le tout, j´ai rajouté un deuxième t à la fin pour la doublure de mes armes : le micro et le stylo. Cela donne :<br />
- <br />
- <b>G</b>reedy : Glouton<br />
- <b>A</b>blaze : Enflammé<br />
- <b>M</b>using : Rêveur<br />
- <b>B</b>itter : Acharné<br />
- <b>I</b>ntense : Intense<br />
- <b>T</b>ease : Taquin<br />
- <b>T</b>hick : Epais<br />
- <br />
- Je rêve de pouvoir rapper et donner mes cours de français, car je sais qu´en Belgique il est fort difficile de vivre aisément de son son. Mais si mon métier me permet de rapper à côté ... On peut rêver non ?</p>
- </div>
- <div id="presentation_en">
- <h1>Introduction <h1>
- <p>I´m Patrick, 1m77, 87kg & I was born on July 15th, 1985. I just got my degreen as french teacher (to teach French to the foreigners). I write rhymes from now on seven years. I consider myself as an active MC since three years (since the foundation of the KuG, my group, in November 2004). KuG means Krilin union Gambitt. It evokes a common imaginary place where the ideas and the projects of two mc´s can meet easier. But we have ourself solos projects too.<br />
- <br />
- My blaze is inspired by X-Mens, because the personality of the hero that seems like mine : a whimsical opportunist, to summarize the whole. I just didn´t stole a pseudo any fact. I shaped it, making it with an acrostic. Indeed, every first letter of my blaze evokes a word in English who characterizes me. And to personalize the whole, I added the second t at the end for the twining of my weapons : the microphone and the pen. It looks like : <br />
- <br />
- <b>G</b>reedy : Glouton<br />
- <b>A</b>blaze : Enflammé<br />
- <b>M</b>using : Rêveur<br />
- <b>B</b>itter : Acharné<br />
- <b>I</b>ntense : Intense<br />
- <b>T</b>ease : Taquin<br />
- <b>T</b>hick : Epais<br />
- <br />
- <br />
- <p>I dream I´ll rap and give my French course, because I know that in Belgium it is very difficult to live with an artist´s earning. But if my job allows me to rap... We can dream isn´t it ?</p>
- </div>
- </div>
- </body>
|
Merci d'avance pour votre aide !
ps: pour l'image vide c'est le futur player mp3 en fait
Message édité par tompouss le 24-01-2010 à 23:16:37
---------------
collectionneur de pâtes thermiques
|
