Aide pour débutant

Aide pour débutant - HTML/CSS - Programmation

Marsh Posté le 10-11-2007 à 15:17:38    

Bonjour, je débute en HTML et j'aurais besoin de votre aide
 
En fait je doit faire un TP pour un ptit site, et voila ce que je cherche à faire :
 
-delimiter la page en 2 parties, (avec <tr> , <td> ...) pour avoir ceci:
http://img339.imageshack.us/img339/8058/helpfl3.png
 
Je ne connait pas du tout la syntaxe donc si vous pouviez m'aider un tit peu   :)  
 
Bye

Reply

Marsh Posté le 10-11-2007 à 15:17:38   

Reply

Marsh Posté le 10-11-2007 à 16:29:43    

Hello,
pourquoi penser 10 ans en arrière avec tr/td pour de la mise en page ?
 
Le tableau est, à l'origine, uilisé pour afficher des données tabulaires, c.à.d. des données de même nature qu'on les lise par ligne ou par colonne.
 
Tu as 2 zones d'écran, tu peux choisir d'utiliser des "calques génériques" avec la balise <div> par exemple.
 
<div id="gauche">
Lien 1 / page 1
Lien 2 / page 2
</div>
 
<div id="droite">
blabla
</div>
 
une fois ceci fait tu t'apercevras que les 2 blocs sont l'un en dessous de l'autre.
 
Utilise donc des propriétés CSS pour les positionner comme tu le souhaites, par exemple dans une page styles.css :

Code :
  1. #gauche
  2. {
  3.     width:20%;
  4.     float:left;
  5. }
  6. #droite
  7. {
  8.     width:70%;
  9.     float:right;
  10. }


Si tu utilises des "flottants", là j'ai utilisé left et right, n'oublie pas de mettre <div style="clear:both"></div> en dessous dans le code HTML (de façon à restaurer le lieu d'écriture)
 
plus de doc : http://css.alsacreations.com


---------------
NewsletTux - outil de mailing list en PHP MySQL
Reply

Marsh Posté le 10-11-2007 à 16:42:12    

en fait je ne dois pas utiliser de CSS, c'est pour ca que les choses sont moins aisées...

Reply

Marsh Posté le 10-11-2007 à 16:44:46    

En fait il me faudrais créer 2 zones où je pourrait mettre ce que je veut (diviser la page en 2)

Reply

Marsh Posté le 10-11-2007 à 19:31:36    

batstoon a écrit :

en fait je ne dois pas utiliser de CSS, c'est pour ca que les choses sont moins aisées...


 
Pends ton prof. Haut et court.

Reply

Marsh Posté le 10-11-2007 à 23:07:22    

+1
 
sinon regarde du coté des frames ou des iframes (la doc doit se trouver sur internet) mais c'est vraiment démodé, pourri, pas ergonomique et pas accessible comme technique ...


---------------
NewsletTux - outil de mailing list en PHP MySQL
Reply

Sujets relatifs:

Leave a Replay

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