Agencement un peu spécial d'une page d'acceuil

Agencement un peu spécial d'une page d'acceuil - HTML/CSS - Programmation

Marsh Posté le 16-08-2011 à 21:07:19    

Bonjour,  
 
J'utilise ce kit : http://www.kitsgratuits.com/kit-gr [...] ique/9.htm
 
A la place de la colonne "FEW WORD ABOUT ME", j'aimerai insérer une vidéo youtube.
A gauche, à la place de la colonne "WELCOME TO MY WEBSITE", j'aimerai y mettre du texte qui se prolongerait en dessous de la vidéo, mais je ne sais pas si c'est possible.  
 
Voici un petit schèma pour illustrer un peu mes dires:
http://imageshack.us/photo/my-imag [...] plemb.jpg/
 
Est ce que c'est possible ?  
 
Par rapport aux paramètres de la balise <td style="width= 50%; vertical-align: top; padding-right: 15px;"> pour la colonne de gauche, que faut-il changer?
 
De même, faut-il modifier les paramètres de la balise de droite, <td style="width: 50%; vertical-align: top; padding-left: 5px;">
 
Je vous remercie par avance de me renseigner, car je suis un peu perdue :)


Message édité par -Bijou- le 16-08-2011 à 21:17:57
Reply

Marsh Posté le 16-08-2011 à 21:07:19   

Reply

Marsh Posté le 31-08-2011 à 15:19:47    

Bonjour,
 
Je ne vois pas de balise <td> dans le code source du kit que tu as choisi? http://www.kitsgratuits.com/templa [...] /index.htm

<body>
<div id="holder">
 <!--DEBUT DU DROIT D'UTILISATION. NE PAS SUPPRIMER OU MODIFIER CES LIGNES. SI VOUS LES SUPPRIMEZ OU LES MODIFIEZ UN MESSAGE D'ALERTE APPARAITRA QUAND VOTRE SITE SERA EN LIGNE.-->
 <div id="copy" style="height: 75px; position: absolute; bottom: 0px; left:0px; border: none; width: 100%;">
  <div id="free-flash-header" style="width:820px;margin:0 auto;text-align:right;position:relative;bottom:0px;margin-top:63px;color:#363636;font-size:10px;font-family:Verdana">
   <strong>kits graphiques</strong> sur <a href="http://www.kitsgratuits.com/"><strong>kits graphiques</strong></a>
  </div>                    
 </div>
 <!--FIN DU DROIT D'UTILISATION-->
        <div id="page">
  <div id="top">
   <div id="name_part_1">MY <span class="orange">P</span>ERSONAL</div>
   <div id="name_part_2"><span class="green">P</span>ORTFOLIO</div>  
   <div id="square">
    <div id="orange_square"></div>
    <div id="green_square"></div>
   </div>    
  </div>
  <div id="line"></div>
  <div id="left_col">
   <div class="clearboth"></div>  
   <!-- Menu -->
   <script type="text/javascript">
   myButton('HOME','_home.htm');
   myButton('ABOUT','_about.htm');
   myButton('MY PORTFOLIO','_portfolio.htm');
   myButton('NEWS','_news.htm');
   myButton('CONTACT US','_contact.htm');
   </script><br/><br/>
   <!-- Menu end-->
   <div class="news">
    <h1>News & Events</h1>
    <span class="bold green">01.02.2009/span><br/>
    Lorem ipsum dolor sit amet igitur lex in amicitia. Praesent dignissim, lectus pharetra blandit cursus, urna nibh sagittis  
    nulla, et pellentesque.<br/>
    Lorem sapien vel neque. Maecenas auctor. <a href="javascript:showPage('_news.htm');" class="right">learn more...</a>
   </div>
  </div>
  <div id="right_col">
   <!-- firefoxbug -->
   <div id="firefoxbug">
    <div class="dynamicContent" id="dynamicContent"></div>
   </div>
   <!--end firefoxbug-->
  </div>
  <!--end right_col-->
  <div id="line"></div>
  <div class="clearboth"></div>  
 </div>
 <div id="copyright">Copyright &copy; 2009 YOUR NAME.</div>
</div><br/>
</div>
</body>

Reply

Sujets relatifs:

Leave a Replay

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