28173 sujets

CSS et mise en forme, CSS3

Bonjour ,

J'ai besoin d'une petit coup de main pour une mise en forme CSS

Tout d'abord voici le code source de la page , ainsi que le CSS actuel

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link rel="alternate" type="application/rss+xml" title="RSS" href="http://lunatik-s.livejournal.com/data/rss" />
<link rel="alternate" type="application/atom+xml" title="Atom" href="http://lunatik-s.livejournal.com/data/atom" />
<link rel="service.feed" type="application/atom+xml" title="AtomAPI-enabled feed" href="http://www.livejournal.com/interface/atomapi/lunatik_s/feed" />
<link rel="service.post" type="application/atom+xml" title="Create a new post" href="http://www.livejournal.com/interface/atomapi/lunatik_s/post" />
<link rel="openid.server" href="http://www.livejournal.com/openid/server.bml" />
<meta http-equiv="X-XRDS-Location" content="http://lunatik-s.livejournal.com/data/yadis" />
<link rel='stylesheet' href='http://stat.livejournal.com/ad_base.css' type='text/css' />
<script src='http://www.livejournal.com/js/core.js' type='text/javascript'></script>
<script src='http://www.livejournal.com/js/dom.js'  type='text/javascript'></script>
<script src='http://www.livejournal.com/js/httpreq.js'  type='text/javascript'></script>

<script type='text/javascript'>
    function controlstrip_init() {
        if (! $('lj_controlstrip') ){
            HTTPReq.getJSON({
              url: "/lunatik_s/__rpc_controlstrip?user=lunatik_s",
              onData: function (data) {
                  var body = document.getElementsByTagName("body")[0];
                  var div = document.createElement("div");
                  div.innerHTML = data;
                      body.appendChild(div);
              },
              onError: function (msg) { }
            });
        }
    }
    DOM.addEventListener(window, "load", controlstrip_init);
</script>
    <link rel="meta" type="application/rdf+xml" title="FOAF" href="http://lunatik-s.livejournal.com/data/foaf" />
<meta name="foaf:maker" content="foaf:mbox_sha1sum '7d337d21d145bb986ee06a64977f9fad7becaa2d'" />

        <script language="JavaScript" type="text/javascript">
            var Site;
            if (!Site)
                Site = {};

            var site_p = {"media_embed_enabled": 1,
"inbox_update_poll": 0,
"has_remote": 1,
"statprefix": "http://stat.livejournal.com",
"ctx_popup": 1,
"imgprefix": "http://stat.livejournal.com/img",
"esn_async": 1,
"currentJournal": "lunatik_s",
"siteroot": "http://www.livejournal.com",
"currentJournalBase": "http://lunatik-s.livejournal.com"};
            var site_k = ["media_embed_enabled", "inbox_update_poll", "has_remote", "statprefix", "ctx_popup", "imgprefix", "esn_async", "currentJournal", "siteroot", "currentJournalBase"];
            for (var i = 0; i < site_k.length; i++) {
                Site[site_k[i]] = site_p[site_k[i]];
            }
       </script>
    <script type="text/javascript" src="http://www.livejournal.com/js/??core.js,dom.js,httpreq.js,livejournal.js,common/AdEngine.js,esn.js,ippu.js,lj_ippu.js,hourglass.js,contextualhover.js,livejournal-local.js?v=1177968952"></script>
<link rel="stylesheet" type="text/css" href="http://stat.livejournal.com/??lj_base.css,esn.css,contextualhover.css,controlstrip.css,controlstrip-dark.css,controlstrip-dark-local.css,controlstrip-local.css?v=1177968952" />
<meta name="resource-type" content="Document" />
<meta name="type" content="index" />
<link rel="bookmark" href="#header" title="Top of the Page" />

<link rel="bookmark" href="#menu" title="Main Menu" />
<link rel="bookmark" href="#summary" title="Page Summary" />
<link rel="bookmark" href="#content" title="Entries" />
<link rel="stylesheet" href="http://lunatik-s.livejournal.com/res/16263974/stylesheet?1180179279" type="text/css" />
<style type="text/css">
/* Cleaned CSS: */
body 

{ background-image : url(http://lakinoa.free.fr/Livejournal/Spring%20Theme/background.png);
  width : 843px ;
  height : 1000px ;
  background-position : center ;
  background-repeat : repeat-y ;
  
}


#banner 

{ background-image : url(http://lakinoa.free.fr/Livejournal/Spring%20Theme/container.png);
  weight : 717px ;
  margin-left : 196px ;
  background-repeat : no-repeat ;
  height : 536px ;
  position : auto ;
}

#header 

{ border : none ;
  background-color : transparent ;
 
}

h1

{ margin-left : 160px ;
  margin-bottom : -100px ;
  position : absolute ;
  
}

#content 

{ margin-right : -279px ; 
}


.ljtags  

{ margin-top : 10px ; 
  font-weight : bold ;
  color : #3d5a4f ;
 
}

#entries  

{ 
  background-image: url(http://lakinoa.free.fr/Livejournal/Spring%20Theme/container.png) ;
  background-color : transparent ;
  border : none ;
  weight : 638px ;
  background-position : center ;
  background-repeat : repeat-y ;
  margin-top : -382px ;
  
}

#menu, #menu ul li.active

{ background-color : transparent ;
  float : none ;
  border : none ;
}

h2

{ font-family : Verdana, Helvetica, sans-serif ;
  font-size: 80% ;
  margin : 10px ;

}

#footer 

{ margin-right : 200px ;

}

.ind-entry

{ background-color : transparent ;
  margin-left : 120px ;
  margin-right : 120px ;
}

.ind-entry h4

{ background-color : transparent ;

}

.ind-entry h3 img, .ind-comment-one h3 img, .ind-comment-two h3 img, .ind-comment screened h3 img

{ background-color : #f3e6e9 ;

}

#content h2

{ background-image : url(http://lakinoa.free.fr/Livejournal/Spring%20Theme/avatar_separateur.png);
  weight : 500px ;
  height : 34px ;
  background-repeat : no-repeat ;
  text-align : center ;

}

.ljtags

{ color : #ddb5bd ; }



</style>
<title>Kin&#39;s journal</title>
</head>
<body id="recent">
<table id='lj_controlstrip' cellpadding='0' cellspacing='0'><tr valign='top'><td id='lj_controlstrip_userpic' style='background-image: none;'><a href='http://www.livejournal.com/editpics.bml'><img src='http://stat.livejournal.com/img/controlstrip/nouserpic.gif' alt="Upload Userpic" title="Edit Userpics" height='43' /></a></td><td id='lj_controlstrip_user'><form id='Greeting' class='nopic' action='http://www.livejournal.com/logout.bml?ret=1' method='post'><div><input type='hidden' name='user' value='lunatik_s' /><input type='hidden' name='sessid' value='37' /><span class='ljuser' lj:user='lunatik_s' style='white-space: nowrap;'><a href='http://lunatik-s.livejournal.com/profile'><img src='http://stat.livejournal.com/img/userinfo.gif' alt='[info]' width='17' height='17' style='vertical-align: bottom; border: 0;' /></a><a href='http://lunatik-s.livejournal.com/'><b>lunatik_s</b></a></span><br /><input type='submit' value="Log out" id='Logout' /></div></form>
</td>
<td id='lj_controlstrip_userlinks'><a href='http://www.livejournal.com/update.bml'>Post to Journal</a>&nbsp;&nbsp; <a href='http://www.livejournal.com/'>Home</a><br /><a href='http://lunatik-s.livejournal.com/friends/'>View my Friends Page</a></td><td id='lj_controlstrip_actionlinks'><span id='lj_controlstrip_statustext'>You are viewing your journal</span><br /><a href='http://www.livejournal.com/tools/recent_comments.bml'>View Recent Comments</a>&nbsp;&nbsp; <a href='http://www.livejournal.com/editjournal.bml'>Manage Entries</a>&nbsp;&nbsp; <a href='http://www.livejournal.com/friends/invite.bml'>Invite Friends</a><div id='lj_controlstrip_poweredby'><a href='http://www.livejournal.com/'><img src='http://stat.livejournal.com/img/controlstrip/poweredby.gif' alt="Powered by LiveJournal" title="Home" /></a></div></td></tr></table><div style="text-align: center;">

<div class="ljad ljadleaderboard-top" id="">
<h4 style='float: left; margin-bottom: 2px; margin-top: 2px; clear: both;'><a href="http://www.sixapart.com/about/advertising/">Advertisement</a></h4>
<div style='float: right; margin-bottom: 3px; padding-top: 0px; line-height: 1em; white-space: nowrap;'>
<a href='http://www.livejournal.com/manage/payments/adsettings.bml'>Customize</a> | 
<a href="http://www.livejournal.com/feedback/ads.bml?adcall=curl%3D%26pos%3D%26cbg%3D%26cborder%3D%26clink%3D%26ctext%3D%26gender%3DF%26age%3D18%26country%3DFR%26language%3Dfr%26height%3D90%26p%3Dlj%26width%3D728%26id%3Dad1%26accttype%3DADS%26adplacement%3Dhbox%26type%3Dcontent%26f%3DinsertAd%26categories%3DARTS,TECH%26r%3D1180179283%26layout%3Dtranquilityii%26theme%3Ddefault_theme%26tags%3Dit%2526%252339%253Bs%2Blife%26adunit%3Dleaderboard-top%26channel%3DJournal-Leaderboard-Top%26url%3Dhttp://lunatik-s.livejournal.com/%26interests%3Danime,manga,photoshop,horses,yaoi%26contents%3D%252A%2Belle%2Ba%2Bgrossie%2B..%2Bmais%2Bya%2Bun%2Btruc%2Bqui%2Ba%2Bvraiment%2Bchanger%2B%252A%2522%2BOh%2BL%252A%252A%252A%252A%252A%2B%25C3%25A7a%2Bfait%2Bun%2Bbail%2Bque%2Bje%2Bt%2527ai%2Bpas%2Bvu%2B%2521%2BQu%2527est-ce%2Bque%2Btu%2Bas%2Bchang%25C3%25A9e%2B%2521%2BEt%2Bta%2Bsoeur%2B%2521%2BElle%2Ba%2Bgrandie%2B%2521%2B..%2B%2522%252A%2526nbsp%253B%2Belle%2B%25C3%25A0%2Bl%2527air%2Bencore%2Bplus%2Bassociale%2Bqu%2527avant%2Bla%2Bpauvre%2B..%2Bou%25C3%25A9%2Bmais%2Bya%2Bquelque%2Bchose%2Bde%2Bplus%2Bflagrant%2526nbsp%253B%2B..%2B%252A%2522%2BAlors%2B%25C3%25A7a%2Bte%2Bfait%2Bquel%2B%25C3%25A2ge%2Bmaintenant%2B%253F%2B18ans%2B%253F%2BAaah%2B%25C3%25A7a%2Bpasse%2Bvite%2B..%2B%2522%252A%2B..%2B%25C3%25A7a%2Btaille%2B%253F%2B..%2Bnan%2Bc%2527est%2Bpas%2B%25C3%25A7a%2B...%2B%252A%2522%2B..%2Bc%2527est%2Ble%2BBAC%2Bcette%2Bann%25C3%25A9e%2Balors%2B%253F%2BNan%2B..%2B%253F%2BAh%2Bnan%2B..%2B%253F%2BOh%2Bc%2527est%2Bpas%2Btr%25C3%25A8s%2Bgrave%2Bde%2Bredoubler%2Btu%2Bsais%2B...%2B%2522%252A%2B....%2Bvais%2Bfinir%2Bpar%2Btrouver%2B..%2Bces%2Bcheveux%2B%253F%2B...%2526nbsp%253B%2Boui%2Bils%2Bsont%2Bd%25C3%25A9fris%25C3%25A9s%2B..%2Bmais%2B..%2Bc%2527est%2Bpas%2B%25C3%25A7a%2B...%2B%252A%2522%2Bet%2Bta%2Bpetite%2Bsoeur%2Balors%2B%253F%2BEn%2Bquatri%25C3%25A8me%2B%2521%2BEt%2B%25C3%25A7a%2Bse%2Bpasse%2Bbien%2B%253F%2BAhh%2Bc%2527est%2Bsuper%2B%25C3%25A7a%2B...%2B-%2Bqui%2Best-ce%2Bqui%2Ba%2Bcommander%2Bdes%2Bgrenailles%2B%253F%252Aah%2Boui%2Bje%2Bsais%2B,%2BELLE%2BA%2BPLUS%2BDE%2BLUNETTES%2B%2521%2B%252AHier%2Bsoir%2B,%2Bpetit%2B%2528%2Bou%2Bgrand%2Bplut%25C3%25B4t%2B%2529%2Bdiner%2Bfamilliale%2B..%2Bet%2Bqui%2Bdit%2Bd%25C3%25AEner%2Bfamilliale%2B,%2Bdit%2Bfamille%2Bbien%2Bentendu%2B.J%2527ai%2Bdonc%2Brevu%2Bpas%2Bmal%2Bde%2Bpersonne%2B,%2Bnotement%2Bune%2Bque%2Bje%2Bn%2527avais&channel=Journal-Leaderboard-Top&uri=/">Feedback</a>
</div>
<div id="ad1" style='width: 728px; height: 90px; clear: left'><script id="ad1s" defersrc="http://ads.sixapart.com/js/?curl=&pos=&cbg=&cborder=&clink=&ctext=&gender=F&age=18&country=FR&language=fr&height=90&p=lj&width=728&id=ad1&accttype=ADS&adplacement=hbox&type=content&f=insertAd&categories=ARTS,TECH&r=1180179283&layout=tranquilityii&theme=default_theme&tags=it%26%2339%3Bs+life&adunit=leaderboard-top&channel=Journal-Leaderboard-Top&url=http://lunatik-s.livejournal.com/&interests=anime,manga,photoshop,horses,yaoi&contents=%2A+elle+a+grossie+..+mais+ya+un+truc+qui+a+vraiment+changer+%2A%22+Oh+L%2A%2A%2A%2A%2A+%C3%A7a+fait+un+bail+que+je+t%27ai+pas+vu+%21+Qu%27est-ce+que+tu+as+chang%C3%A9e+%21+Et+ta+soeur+%21+Elle+a+grandie+%21+..+%22%2A%26nbsp%3B+elle+%C3%A0+l%27air+encore+plus+associale+qu%27avant+la+pauvre+..+ou%C3%A9+mais+ya+quelque+chose+de+plus+flagrant%26nbsp%3B+..+%2A%22+Alors+%C3%A7a+te+fait+quel+%C3%A2ge+maintenant+%3F+18ans+%3F+Aaah+%C3%A7a+passe+vite+..+%22%2A+..+%C3%A7a+taille+%3F+..+nan+c%27est+pas+%C3%A7a+...+%2A%22+..+c%27est+le+BAC+cette+ann%C3%A9e+alors+%3F+Nan+..+%3F+Ah+nan+..+%3F+Oh+c%27est+pas+tr%C3%A8s+grave+de+redoubler+tu+sais+...+%22%2A+....+vais+finir+par+trouver+..+ces+cheveux+%3F+...%26nbsp%3B+oui+ils+sont+d%C3%A9fris%C3%A9s+..+mais+..+c%27est+pas+%C3%A7a+...+%2A%22+et+ta+petite+soeur+alors+%3F+En+quatri%C3%A8me+%21+Et+%C3%A7a+se+passe+bien+%3F+Ahh+c%27est+super+%C3%A7a+...+-+qui+est-ce+qui+a+commander+des+grenailles+%3F%2Aah+oui+je+sais+,+ELLE+A+PLUS+DE+LUNETTES+%21+%2AHier+soir+,+petit+%28+ou+grand+plut%C3%B4t+%29+diner+familliale+..+et+qui+dit+d%C3%AEner+familliale+,+dit+famille+bien+entendu+.J%27ai+donc+revu+pas+mal+de+personne+,+notement+une+que+je+n%27avais"></script></div></div>
</div><div id="container">
<div id="header">
<div id="banner">
<h1>Kin&#39;s journal</h1>

</div>
</div>
<div id="menu">

<ul id="lj-links"><li class="active">Entrées récentes</li><li><a href="http://lunatik-s.livejournal.com/friends" title="Amis">Amis</a></li><li><a href="http://lunatik-s.livejournal.com/calendar" title="Archives">Archives</a></li><li><a href="http://lunatik-s.livejournal.com/profile" title="Profil">Profil</a></li></ul><h2>En résumer ...</h2><ul id="lj-summary"><li> <a href="#entry_1822">" qu'est-ce qu'elle a changée ! "</a> [<a href="http://lunatik-s.livejournal.com/1822.html">#</a>]</li><li> <a href="#entry_1575">MDR.exe</a> [<a href="http://lunatik-s.livejournal.com/1575.html">#</a>]</li><li> <a href="#entry_1373">Pensées graphisticiennes</a> [<a href="http://lunatik-s.livejournal.com/1373.html">#</a>]</li></ul><h2>Liens</h2><ul id="user-links"><li><a href="http://lunatik-s.livejournal.com/tag/geek+attitude" title="Geek Attitude">Geek Attitude</a></li><li><b>Yaoi&#39;s Power</b></li><li><a href="http://lunatik-s.livejournal.com/tag/it%27s+life" title="It&#39;s Life">It&#39;s Life</a></li></ul></div>

<div id="content">
<div id="entries">
<div id="entry_1822" class="ind-entry"><h3 class="userpic"><img border="0" src="http://userpic.livejournal.com/61943578/12899325" width="100" height="96" alt="lunatik_s" /></h3><h2>" qu'est-ce qu'elle a changée ! "</h2><h4><b>mai. 19e, 2007 | 08:25 pm</b><br />
<b>Où suis-je ?:</b> <a href="http://maps.google.com/maps?q=at+home">at home</a><br />
<b>Humeur du moment:</b> <img src="http://ic3.deviantart.com/fs9/i/2006/045/8/b/_sleepy__by_LeoLeonardo.gif" width="15" height="15" align="middle" alt="tired" /> tired<br />
<b>Musique:</b> Maaya Sakamoto • Dive<br /></h4><div class="entry-item"><i>* elle a grossie .. mais ya un truc qui a vraiment changer *</i><br />" Oh L***** ça fait un bail que je t'ai pas vu ! Qu'est-ce que tu as changée ! Et ta soeur ! Elle a grandie ! .. "<br /><i>*&nbsp; elle à l'air encore plus associale qu'avant la pauvre .. oué mais ya quelque chose de plus flagrant&nbsp; .. *</i><br />" Alors ça te fait quel âge maintenant ? 18ans ? Aaah ça passe vite .. "<br /><i>* .. ça taille ? .. nan c'est pas ça ... *</i><br />" .. c'est le BAC cette année alors ? Nan .. ? Ah nan .. ? Oh c'est pas très grave de redoubler tu sais ... "<br /><i>* .... vais finir par trouver .. ces cheveux ? ...&nbsp; oui ils sont défrisés .. mais .. c'est pas ça ... *</i><br />" et ta petite soeur alors ? En quatrième ! Et ça se passe bien ? Ahh c'est super ça ... <br /><font size="3"><b><br /></b>- qui est-ce qui a commander des grenailles ?</font><br /><br /><span style="font-style: italic;">*ah oui je sais , ELLE A PLUS DE LUNETTES ! *<br /><br /></span>Hier soir , petit ( ou grand plutôt ) diner familliale .. et qui dit dîner familliale , dit famille bien entendu .<br />J'ai donc revu pas mal de personne , notement une que je n'avais pas vu depuis 5ans il me semble ... <br /><br />En rentrant chez moi je me suis rendu compte d'une chose : a chaque fois qu'une personne lointaine me revoie , la première phrase qu'elle sort est la suivante <b>"qu'est-ce qu'elle a changer "</b> moui .. mais .. en bien ou en mal ? Oui parce qu'elle précise jamais ces personnes là .. , j'en déduis que c'est en mal &lt;_&lt; ...<br /><br />A part ça j'ai appris qu'un de mes cousins c'était prit des vacances au pays du soleil levant ... durant 10 jours ... et ce n'est que MAINTENANT que je l'apprends ToT !!!! <font size="1">pourquoi ça arrive toujours aux autres et jamais à moi&nbsp; -_______-<br /><br />...<br /><br />..... en plus j'ai plus d'nutella .......... T_T<br /><br /><span style="font-style: italic;">note : les ** sont les pensées très abstractives de la dîte personne lointaine</span><br /></font><span style="font-style: italic;"></span><div class='ljtags'>Tags: <a rel='tag' href='http://lunatik-s.livejournal.com/tag/it%27s+life'>it&#39;s life</a></div></div>

<h4><a href="http://lunatik-s.livejournal.com/1822.html" title="permalink" class="Lien">Lien</a> | <a  href='http://lunatik-s.livejournal.com/1822.html?mode=reply' class="comments">Voir les commentaires</a> | <a href="http://www.livejournal.com/editjournal.bml?journal=lunatik_s&amp;itemid=1822" title="Edit Entry">Edit Entry</a> | <a href="http://www.livejournal.com/edittags.bml?journal=lunatik_s&amp;itemid=1822" title="Edit Tags">Edit Tags</a> | <a href="http://www.livejournal.com/tools/memadd.bml?journal=lunatik_s&amp;itemid=1822" title="Add to Memories">Add to Memories</a> | <a href="http://www.livejournal.com/tools/tellafriend.bml?journal=lunatik_s&amp;itemid=1822" title="Tell a Friend">Tell a Friend</a> | <a href="http://www.livejournal.com/manage/subscriptions/entry.bml?journal=lunatik_s&amp;itemid=1822" title="Track This">Track This</a></h4></div><div id="entry_1575" class="ind-entry"><h2>MDR.exe</h2><h4><b>mai. 16e, 2007 | 11:26 am</b><br />

<b>Où suis-je ?:</b> <a href="http://maps.google.com/maps?q=at+home">at home</a><br />
<b>Humeur du moment:</b> <img src="http://fc01.deviantart.com/fs13/f/2007/098/f/c/pacman_by_bad_blood.gif" width="38" height="20" align="middle" alt="amused" /> amused<br /></h4><div class="entry-item">Un truc bête et stupide que j'ai trouvé au détour d'un forum :<br /><i><br />" Petit problème technique. <br /><br /><br />Monsieur le Responsable de l'Assistance Technique, <br /><br />Il y a un an et demi, j'ai changé ma version Fiancée 7.0 par la version Épouse 1.0 et j'ai observé que le programme a lancé une application inattendue appelée Bébé 1.0 qui prend beaucoup d'espace sur mon disque dur. <br /><br />Dans la notice, cette application n'était pas mentionnée. <br /><br />D'autre part, Épouse 1.0 s'auto installe dans tous les autres programmes et se lance automatiquement dès que j'ouvre n'importe quelle autre application, parasitant l'exécution de celle-ci. <br /><br />Des applications telles que : Bière entre copains 10.3, Nuit de bringue 2.5 ou Dimanche foot 5.0 ne fonctionnent plus. <br /><br />De temps en temps se lance un programme occulte (virus ?) appelé Belle-mère 1.0, lequel : soit plante le système, soit fait que Épouse 1.0 se comporte de manière totalement inattendue. <br /><br />Je n'arrive pas à désinstaller le programme, et ceci est très irritant, surtout lorsque j'essaie d'exécuter l'application Dimanche câlin 3.0. <br /><br />Il semblerait également que certaines fonctionnalités aient des bugs. Par exemple, la commande C:\Petite_pipe_du_samedi.exe qui ne s'active jamais. <br /><br />J'envisage de revenir au programme que j'avais avant, Fiancée 7.0 mais le processus de désinstallation Épouse 1.0 me semble fort complexe, et je ne mesure encore pas bien les risques que cela peut comporter pour les autres applications comme Bébé 1.0 qui je l'avoue est très conviviale. <br /><br />Pouvez-vous m'aider ? <br />Un utilisateur démoralisé. <br /><br /><br /><br /><br />Réponse <br /><br />Cher utilisateur <br /><br />Votre plainte est très fréquente parmi les utilisateurs, mais elle est due, la plupart du temps, à une erreur basique de conception. <br /><br />Beaucoup d'utilisateurs passent de n'importe quelle version de Fiancée X.0 à Épouse 1.0 avec l'idée fausse que Épouse 1.0 n'est qu'un programme de divertissement et d'utilités. <br /><br />Cependant Épouse 1.0 est bien plus que ça : il s'agit d'un OPERATING SYSTEM complet, créé pour contrôler et gérer toutes vos applications. <br /><br />Si votre installation est bien faite, il est presque impossible qu'il y ait le moindre problème ou que le système se bloque. <br /><br />Mais vous devez éviter l'utilisation excessive des touches ESC ou SUPPR, car il vous faudra ensuite utiliser la commande DES EXCUSES.exe/fleurs/All pour que le programme re-fonctionne normalement. <br /><br />Épouse 1.0 est un programme extrêmement intéressant mais qui peut générer un coût élevé s'il est mal utilisé. <br /><br />Je vous conseille d'installer un software additionnel pour améliorer la rentabilité d'Épouse1.0, par ex. : Fleurs 5.0, Bijoux 2.3 ou bien SéjourauClubmed 3.2. Vous pouvez aussi vous servir de Ouimonamour 8.0 ou bien de Tuasraisonmachérie 14.7. Vous pouvez les télécharger sur Internet, leurs résultats sont assez satisfaisants. <br /><br />N'installez jamais : Secrétaireenminijupe 3.3, Expetiteamie 1.1 ou Bandedepotes 4.6. Ces programmes ne fonctionnent pas dans l'univers Épouse 1.0 et pourraient causer des dommages irréversibles dans votre système. <br /><br />Pour la fonctionnalité C:/Petite_pipe_du_samedi.exe elle ne s'activera qu'après l'exécution d'autres commandes comme C:/Collier_en_diamant ou encore C:/la_faire_picoler.exe. <br /><br />Bonne chance ! <br />Le Service d'Assistance Technique <br />"<br />.</i>. mais qui m'a bien fait marrer XD 			<div class='ljtags'>Tags: <a rel='tag' href='http://lunatik-s.livejournal.com/tag/geek+attitude'>geek attitude</a></div></div>

<h4><a href="http://lunatik-s.livejournal.com/1575.html" title="permalink" class="Lien">Lien</a> | <a  href='http://lunatik-s.livejournal.com/1575.html?mode=reply' class="comments">Voir les commentaires</a> | <a href="http://www.livejournal.com/editjournal.bml?journal=lunatik_s&amp;itemid=1575" title="Edit Entry">Edit Entry</a> | <a href="http://www.livejournal.com/edittags.bml?journal=lunatik_s&amp;itemid=1575" title="Edit Tags">Edit Tags</a> | <a href="http://www.livejournal.com/tools/memadd.bml?journal=lunatik_s&amp;itemid=1575" title="Add to Memories">Add to Memories</a> | <a href="http://www.livejournal.com/tools/tellafriend.bml?journal=lunatik_s&amp;itemid=1575" title="Tell a Friend">Tell a Friend</a> | <a href="http://www.livejournal.com/manage/subscriptions/entry.bml?journal=lunatik_s&amp;itemid=1575" title="Track This">Track This</a></h4></div><div id="entry_1373" class="ind-entry"><h3 class="userpic"><img border="0" src="http://userpic.livejournal.com/61550849/12899325" width="100" height="100" alt="lunatik_s" /></h3><h2>Pensées graphisticiennes</h2><h4><b>mai. 12e, 2007 | 02:09 pm</b><br />

<b>Où suis-je ?:</b> <a href="http://maps.google.com/maps?q=at+home">at home</a><br />
<b>Humeur du moment:</b> <img src="http://ic1.deviantart.com/images3/i/2004/153/4/b/Emoticon___Drawing.gif" width="25" height="22" align="middle" alt="artistic" /> artistic<br />
<b>Musique:</b> St-Germain • Sure Thing<br /></h4><div class="entry-item">Une petite entrée avant d'aller chevaucher à travers la piste du manège .<br /><br />Je posterais pas grand chose à partir d'aujourd'hui . Because ? Le webdesign de mon LJ que je souhaiterais amélioré , de belles galères en perspective ...<br />Etant donner que ça me prends pas mal de temps ( déjà pour avoir une idée , puis l'appliquer dans photoshop et surtout surtout ... pour l'encoder -___- ) , mes activité LJournaliènnes vont se voir diminuées ( en même temps je viens à peine de m'inscrire &lt;_&lt; ' ) .<br /><br />J'éditerais pour poster quelques extrait de mon premier  "jet " .<br /><br />Sur ce ,  je file me préparer pour le dada sinon vais encore arriver à la bourre ...<br /><br /><b>Edit :<br /><br /><img alt="" src="http://lakinoa.free.fr/Livejournal/extrait_v1_for_soon.png" /><br /><br />Oui c'est tout&nbsp; &lt;_&lt; ° ... on voit déjà l'ambiance , c'est pas si mal </b><div class='ljtags'>Tags: <a rel='tag' href='http://lunatik-s.livejournal.com/tag/geek+attitude'>geek attitude</a></div></div>

<h4><a href="http://lunatik-s.livejournal.com/1373.html" title="permalink" class="Lien">Lien</a> | <a  href='http://lunatik-s.livejournal.com/1373.html?mode=reply' class="comments">Voir les commentaires</a> | <a href="http://www.livejournal.com/editjournal.bml?journal=lunatik_s&amp;itemid=1373" title="Edit Entry">Edit Entry</a> | <a href="http://www.livejournal.com/edittags.bml?journal=lunatik_s&amp;itemid=1373" title="Edit Tags">Edit Tags</a> | <a href="http://www.livejournal.com/tools/memadd.bml?journal=lunatik_s&amp;itemid=1373" title="Add to Memories">Add to Memories</a> | <a href="http://www.livejournal.com/tools/tellafriend.bml?journal=lunatik_s&amp;itemid=1373" title="Tell a Friend">Tell a Friend</a> | <a href="http://www.livejournal.com/manage/subscriptions/entry.bml?journal=lunatik_s&amp;itemid=1373" title="Track This">Track This</a></h4></div></div><div id="footer"><p><b>viewing:</b> most recent entries<br /><b>go</b>: <a href="http://lunatik-s.livejournal.com/?skip=3" title="go earlier">earlier</a><br /></p></div></div>

<div style="text-align: center; clear: both;">
<div class="ljad ljadleaderboard-bottom" id="">
<h4 style='float: left; margin-bottom: 2px; margin-top: 2px; clear: both;'><a href="http://www.sixapart.com/about/advertising/">Advertisement</a></h4>
<div style='float: right; margin-bottom: 3px; padding-top: 0px; line-height: 1em; white-space: nowrap;'>
<a href='http://www.livejournal.com/manage/payments/adsettings.bml'>Customize</a> | 
<a href="http://www.livejournal.com/feedback/ads.bml?adcall=curl%3D%26pos%3D%26cbg%3D%26cborder%3D%26clink%3D%26ctext%3D%26gender%3DF%26age%3D18%26country%3DFR%26language%3Dfr%26height%3D90%26p%3Dlj%26width%3D728%26id%3Dad2%26accttype%3DADS%26adplacement%3Dhbox%26type%3Dcontent%26f%3DinsertAd%26categories%3DARTS,TECH%26r%3D1180179283%26layout%3Dtranquilityii%26theme%3Ddefault_theme%26tags%3Dit%2526%252339%253Bs%2Blife%26adunit%3Dleaderboard-bottom%26channel%3DJournal-Leaderboard-Bottom%26url%3Dhttp://lunatik-s.livejournal.com/%26interests%3Danime,manga,photoshop,horses,yaoi%26contents%3D%252A%2Belle%2Ba%2Bgrossie%2B..%2Bmais%2Bya%2Bun%2Btruc%2Bqui%2Ba%2Bvraiment%2Bchanger%2B%252A%2522%2BOh%2BL%252A%252A%252A%252A%252A%2B%25C3%25A7a%2Bfait%2Bun%2Bbail%2Bque%2Bje%2Bt%2527ai%2Bpas%2Bvu%2B%2521%2BQu%2527est-ce%2Bque%2Btu%2Bas%2Bchang%25C3%25A9e%2B%2521%2BEt%2Bta%2Bsoeur%2B%2521%2BElle%2Ba%2Bgrandie%2B%2521%2B..%2B%2522%252A%2526nbsp%253B%2Belle%2B%25C3%25A0%2Bl%2527air%2Bencore%2Bplus%2Bassociale%2Bqu%2527avant%2Bla%2Bpauvre%2B..%2Bou%25C3%25A9%2Bmais%2Bya%2Bquelque%2Bchose%2Bde%2Bplus%2Bflagrant%2526nbsp%253B%2B..%2B%252A%2522%2BAlors%2B%25C3%25A7a%2Bte%2Bfait%2Bquel%2B%25C3%25A2ge%2Bmaintenant%2B%253F%2B18ans%2B%253F%2BAaah%2B%25C3%25A7a%2Bpasse%2Bvite%2B..%2B%2522%252A%2B..%2B%25C3%25A7a%2Btaille%2B%253F%2B..%2Bnan%2Bc%2527est%2Bpas%2B%25C3%25A7a%2B...%2B%252A%2522%2B..%2Bc%2527est%2Ble%2BBAC%2Bcette%2Bann%25C3%25A9e%2Balors%2B%253F%2BNan%2B..%2B%253F%2BAh%2Bnan%2B..%2B%253F%2BOh%2Bc%2527est%2Bpas%2Btr%25C3%25A8s%2Bgrave%2Bde%2Bredoubler%2Btu%2Bsais%2B...%2B%2522%252A%2B....%2Bvais%2Bfinir%2Bpar%2Btrouver%2B..%2Bces%2Bcheveux%2B%253F%2B...%2526nbsp%253B%2Boui%2Bils%2Bsont%2Bd%25C3%25A9fris%25C3%25A9s%2B..%2Bmais%2B..%2Bc%2527est%2Bpas%2B%25C3%25A7a%2B...%2B%252A%2522%2Bet%2Bta%2Bpetite%2Bsoeur%2Balors%2B%253F%2BEn%2Bquatri%25C3%25A8me%2B%2521%2BEt%2B%25C3%25A7a%2Bse%2Bpasse%2Bbien%2B%253F%2BAhh%2Bc%2527est%2Bsuper%2B%25C3%25A7a%2B...%2B-%2Bqui%2Best-ce%2Bqui%2Ba%2Bcommander%2Bdes%2Bgrenailles%2B%253F%252Aah%2Boui%2Bje%2Bsais%2B,%2BELLE%2BA%2BPLUS%2BDE%2BLUNETTES%2B%2521%2B%252AHier%2Bsoir%2B,%2Bpetit%2B%2528%2Bou%2Bgrand%2Bplut%25C3%25B4t%2B%2529%2Bdiner%2Bfamilliale%2B..%2Bet%2Bqui%2Bdit%2Bd%25C3%25AEner%2Bfamilliale%2B,%2Bdit%2Bfamille%2Bbien%2Bentendu%2B.J%2527ai%2Bdonc%2Brevu%2Bpas%2Bmal%2Bde%2Bpersonne%2B,%2Bnotement%2Bune%2Bque%2Bje%2Bn%2527avais&channel=Journal-Leaderboard-Bottom&uri=/">Feedback</a>
</div>
<div id="ad2" style='width: 728px; height: 90px; clear: left'><script id="ad2s" defersrc="http://ads.sixapart.com/js/?curl=&pos=&cbg=&cborder=&clink=&ctext=&gender=F&age=18&country=FR&language=fr&height=90&p=lj&width=728&id=ad2&accttype=ADS&adplacement=hbox&type=content&f=insertAd&categories=ARTS,TECH&r=1180179283&layout=tranquilityii&theme=default_theme&tags=it%26%2339%3Bs+life&adunit=leaderboard-bottom&channel=Journal-Leaderboard-Bottom&url=http://lunatik-s.livejournal.com/&interests=anime,manga,photoshop,horses,yaoi&contents=%2A+elle+a+grossie+..+mais+ya+un+truc+qui+a+vraiment+changer+%2A%22+Oh+L%2A%2A%2A%2A%2A+%C3%A7a+fait+un+bail+que+je+t%27ai+pas+vu+%21+Qu%27est-ce+que+tu+as+chang%C3%A9e+%21+Et+ta+soeur+%21+Elle+a+grandie+%21+..+%22%2A%26nbsp%3B+elle+%C3%A0+l%27air+encore+plus+associale+qu%27avant+la+pauvre+..+ou%C3%A9+mais+ya+quelque+chose+de+plus+flagrant%26nbsp%3B+..+%2A%22+Alors+%C3%A7a+te+fait+quel+%C3%A2ge+maintenant+%3F+18ans+%3F+Aaah+%C3%A7a+passe+vite+..+%22%2A+..+%C3%A7a+taille+%3F+..+nan+c%27est+pas+%C3%A7a+...+%2A%22+..+c%27est+le+BAC+cette+ann%C3%A9e+alors+%3F+Nan+..+%3F+Ah+nan+..+%3F+Oh+c%27est+pas+tr%C3%A8s+grave+de+redoubler+tu+sais+...+%22%2A+....+vais+finir+par+trouver+..+ces+cheveux+%3F+...%26nbsp%3B+oui+ils+sont+d%C3%A9fris%C3%A9s+..+mais+..+c%27est+pas+%C3%A7a+...+%2A%22+et+ta+petite+soeur+alors+%3F+En+quatri%C3%A8me+%21+Et+%C3%A7a+se+passe+bien+%3F+Ahh+c%27est+super+%C3%A7a+...+-+qui+est-ce+qui+a+commander+des+grenailles+%3F%2Aah+oui+je+sais+,+ELLE+A+PLUS+DE+LUNETTES+%21+%2AHier+soir+,+petit+%28+ou+grand+plut%C3%B4t+%29+diner+familliale+..+et+qui+dit+d%C3%AEner+familliale+,+dit+famille+bien+entendu+.J%27ai+donc+revu+pas+mal+de+personne+,+notement+une+que+je+n%27avais"></script></div></div>
</div></div>
</body>
</html>


body 

{ background-image : url(http://lakinoa.free.fr/Livejournal/Spring%20Theme/background.png);
  width : 843px ;
  height : 1000px ;
  background-position : center ;
  background-repeat : repeat-y ;
  
}


#banner 

{ background-image : url(http://lakinoa.free.fr/Livejournal/Spring%20Theme/container.png);
  weight : 717px ;
  margin-left : 196px ;
  background-repeat : no-repeat ;
  height : 536px ;
  position : auto ;
}

#header 

{ border : none ;
  background-color : transparent ;
 
}

h1

{ margin-left : 160px ;
  margin-bottom : -100px ;
  position : absolute ;
  
}

#content 

{ margin-right : -279px ; 
}


.ljtags  

{ margin-top : 10px ; 
  font-weight : bold ;
  color : #3d5a4f ;
 
}

#entries  

{ 
  background-image: url(http://lakinoa.free.fr/Livejournal/Spring%20Theme/container.png) ;
  background-color : transparent ;
  border : none ;
  weight : 638px ;
  background-position : center ;
  background-repeat : repeat-y ;
  margin-top : -382px ;
  
}

#menu, #menu ul li.active

{ background-color : transparent ;
  float : none ;
  border : none ;
}

h2

{ font-family : Verdana, Helvetica, sans-serif ;
  font-size: 80% ;
  margin : 10px ;

}

#footer 

{ margin-right : 200px ;

}

.ind-entry

{ background-color : transparent ;
  margin-left : 120px ;
  margin-right : 120px ;
}

.ind-entry h4

{ background-color : transparent ;

}

.ind-entry h3 img, .ind-comment-one h3 img, .ind-comment-two h3 img, .ind-comment screened h3 img

{ background-color : #f3e6e9 ;

}

#content h2

{ background-image : url(http://lakinoa.free.fr/Livejournal/Spring%20Theme/avatar_separateur.png);
  weight : 500px ;
  height : 34px ;
  background-repeat : no-repeat ;
  text-align : center ;

}

.ljtags

{ color : #ddb5bd ; }



J'aimerai obtenir ce résultat http://lakinoa.free.fr/Livejournal/Spring%20Theme/design_LJ_spring_theme_extr.png[/url]

( pour le header ) .

Malheureusement je n'arrive pas à le placer ( le bloc blanc ) pour faire en sorte qu'il passe sous toutes les résolutions d'écrans et navigateur .

Pour les texte ( "entrées récentes" ect .. ) , je n'arrive pas du tout à les placer comme je le souhaite , il y a toujours un bloc qui va se déplacer avec Smiley fache

Je vous remercie d'avance de votre aide ^^[/i][/i]
Pas trop le temps de m'occuper d'un décorticage maintenant, mais deux remarques sur le design, en passant :
- Tu as un très très gros problème de lisibilité du texte, avec un contraste bien trop faible pour une lecture correcte. Il faudrait assombrir la couleur du texte. Sinon, tu réserves la lecture de ton site à ceux qui disposent 1) de très bon yeux et 2) d'un écran avec un contraste fort, situé dans une pièce suffisamment isolée de toute lumière extérieure pour qu'il n'y ait pas de reflet dans l'écran (fenêtre dans le dos...).
- «En résumé» s'écrit avec un accent aigu à la fin.
- En anglais, on dira «Yaoi Power» et non pas «Yaoi's Power». Pour pouvoir utiliser le «'s» possessif, il faudrait que «Yaoi» corresponde à une personne, un objet ou un concept clairement identifié, et pas à un genre. À noter que «The Power of Yaoi» semble d'usage plus courant. Mais le sens n'est pas exactement le même.
Bonjour,

Je déplace le sujet dans le salon approprié. Pourrais-tu apporter quelques modifications à ton message :
- Donner plus de précisions dans ton titre, car tout le monde fait face à un problème de CSS dans ce salon.
- Expliquer sommairement le problème rencontré, car tout le monde n'a pas forcément envie d'interpréter tel un navigateur le code copié.
- Et modifier l'url vers ton image, car elle est mal formée.

Merci et bonne continuation !