18041 sujets

Questions générales et questions de débutants

[Tableau] cadre extensible [Débutant]

Re-Bonsoir a tous ! voila j'ai un petit probleme avec mon design.
J'en ai creer un et je l'ai découpé avec ImageReady mais quand j'ecris une news trop grande le cadre ne s'agrandit pas et me deforme toute la page

exemple : http://img82.imageshack.us/img82/485/probau5.th.png alors qu'elle devrais faire ca : http://img242.imageshack.us/img242/5377/webdesignwipsanstextesu9.th.png
et voici le tableau : 

<table width="1025" height="769" border="0" align="left" cellpadding="0" cellspacing="0" id="Tableau_01">
	<tr>
		<td rowspan="33">
			<img src="images/index_01.gif" width="6" height="768" alt=""></td>
		<td rowspan="33">
			<img src="images/partie_gauche.gif" width="106" height="768" alt=""></td>
		<td colspan="10">
			<img src="images/header.gif" width="799" height="94" alt=""></td>
		<td colspan="2" rowspan="5">
			<img src="images/partie_droite.gif" width="113" height="176" alt=""></td>
		<td>
			<img src="images/spacer.gif" width="1" height="94" alt=""></td>
	</tr>
	<tr>
		<td colspan="4">
			<img src="images/index_05.gif" width="208" height="1" alt=""></td>
		<td colspan="6" rowspan="2">
			<img src="images/dessous_ban.gif" width="591" height="63" alt=""></td>
		<td>
			<img src="images/spacer.gif" width="1" height="1" alt=""></td>
	</tr>
	<tr>
		<td colspan="4" rowspan="7">
			<img src="images/navigation.gif" width="208" height="125" alt=""></td>
		<td>
			<img src="images/spacer.gif" width="1" height="62" alt=""></td>
	</tr>
	<tr>
		<td colspan="3">
			<img src="images/index_08.gif" width="422" height="1" alt=""></td>
		<td rowspan="28">
			<img src="images/droite_news.gif"></td>
		<td colspan="2" rowspan="2">
			<img src="images/Liens.gif" width="156" height="19" alt=""></td>
		<td>
			<img src="images/spacer.gif" width="1" height="1" alt=""></td>
	</tr>
	<tr>
		<td colspan="3" rowspan="3">
			<img src="images/News.gif"></td>
		<td>
			<img src="images/spacer.gif" width="1" height="18" alt=""></td>
	</tr>
	<tr>
		<td>
			<img src="images/index_12.gif" width="149" height="1" alt=""></td>
		<td colspan="2" rowspan="23">
			<img src="images/droite_liens.gif" width="9" height="465" alt=""></td>
		<td rowspan="28">
			<img src="images/partie_droite-15.gif" width="111" height="592" alt=""></td>
		<td>
			<img src="images/spacer.gif" width="1" height="1" alt=""></td>
	</tr>
	<tr>
		<td rowspan="21"><div align="center">Liens ICI !!!!!!!! </div></td>
		<td>
			<img src="images/spacer.gif" width="1" height="2" alt=""></td>
	</tr>
	<tr>
		<td colspan="3">
			<img src="images/Texte_news.gif"></td>
		<td>
			<img src="images/spacer.gif" width="1" height="8" alt=""></td>
	</tr>
	 <tr>
		<td rowspan="5"><div align="center">Saloute tout l'monde ! Moi c'est Hitsu !Fan de Hitsugaya TouShiro Capitain de la 10ème division Du manga Bleach ! J'ai 16 ans et j'suis passionné par les manga / animés et par le Graphisme. J'espère que vous vous amuserez bien en notre compagnie [cligne] +. 
.:: Hitsu ::.
Ah ! Enfin une petite news, petite certe, mais interressante. Il y a quelque temps les Calendriers 2007 Du "Jump" ont été annoncés ! Ce sont les Caliendries officiels qui sont prévue pour le 20 octobre 2006 mais qui seront malheureusement disponible en France qu'a partir d'un certain laps de temps assez long... (dans longtemps quoi). Ils regroupent une trentaine de caliendriers (31 pour être juste) provenant de Shonens tels que Bleach, Naruto, Prince Of Tennis, One Piece, Death Note et j'en passe ! donc rués vous sur ce site : Site Officiel des Caliendriers Jump 2007 pour admirer ces magnifiques Oeuvres d'art ! Donc quelques Exemples pour les plus faignant d'entre vous [cligne]. 

.:: Bleach ::.
.:: Naruto ::.
.:: Prince Of Tenis ::.
.:: Death Note ::.


.:: Hitsu ::.  </div></td>
		<td rowspan="4"><p align="center">Avatar Here</p>
	    <p align="center">!! </p></td>
		<td rowspan="5">
			<img src="images/Texte_news-20.gif"></td>
		<td>
			<img src="images/spacer.gif" width="1" height="33" alt=""></td>
	</tr>
	<tr>
		<td colspan="4">
			<img src="images/index_20.gif" width="208" height="1" alt=""></td>
		<td>
			<img src="images/spacer.gif" width="1" height="1" alt=""></td>
	</tr>
	<tr>
		<td colspan="4">
			<img src="images/Menu.gif"></td>
		<td>
			<img src="images/spacer.gif" width="1" height="17" alt=""></td>
	</tr>
	<tr>
		<td rowspan="5">
			<img src="images/Gauche_menu.gif"></td>
		<td rowspan="4"><div align="center">
		  <p><a href="index.html" target="_top">.:: Accueil ::.</a></p>
		  <a href="staff.html">.:: Staff ::. | </a><a href="forum.html">.:: Forum ::. </a>
		  <p><a href="contacts.html" class="Style1">.:: Contacts ::. </a></p>
		  </div></td>
		<td colspan="2" rowspan="5">
			<img src="images/droite_menu.gif"></td>
		<td>
			<img src="images/spacer.gif" width="1" height="39" alt=""></td>
	</tr>
	<tr>
		<td>
			<img src="images/Texte_news-26.gif"></td>
		<td>
			<img src="images/spacer.gif" width="1" height="12" alt=""></td>
	</tr>
	<tr>
		<td colspan="3">
			<img src="images/dessous_News.gif"></td>
		<td>
			<img src="images/spacer.gif" width="1" height="17" alt=""></td>
	</tr>
	<tr>
		<td colspan="3" rowspan="3">
			<img src="images/Texte_news2.gif"></td>
		<td>
			<img src="images/spacer.gif" width="1" height="3" alt=""></td>
	</tr>
	<tr>
		<td rowspan="3">
			<img src="images/Bleach.gif" width="182" height="20" alt=""></td>
		<td>
			<img src="images/spacer.gif" width="1" height="2" alt=""></td>
	</tr>
	<tr>
		<td rowspan="2">
			<img src="images/Bleach-30.gif" width="13" height="18" alt=""></td>
		<td rowspan="2">
			<img src="images/Bleach-31.gif" width="11" height="18" alt=""></td>
		<td rowspan="2">
			<img src="images/index_31.gif" width="2" height="18" alt=""></td>
		<td>
			<img src="images/spacer.gif" width="1" height="13" alt=""></td>
	</tr>
	<tr>
		<td rowspan="3"><div align="center">NEWS 2 ICI !!!! </div></td>
		<td rowspan="2"><div align="center">Avatar 2 Here !! </div></td>
		<td rowspan="3">
			<img src="images/Texte_news2-35.gif"></td>
		<td>
			<img src="images/spacer.gif" width="1" height="5" alt=""></td>
	</tr>
	<tr>
		<td rowspan="4">
			<img src="images/gauche_bleach.gif" width="13" height="159" alt=""></td>
		<td rowspan="3">
		  <p align="center"><a href="personnages.html">.:: Personnages ::. | </a><a href="hollows.html">.:: Hollows ::. </a></p>
		  <p align="center"><a href="shinigamis.html">.::  SHinigamis ::.</a> | <a href="society.html">.::  Soul Society ::. </a></p>
		  <p align="center"><a href="alankars.html">.::  Alankars ::</a> | <a href="visards.html">.::  Visards ::. </a><a href="alankars.html"></a></p>
	    <p align="center"><a href="objets.html">.::  Objets ::. </a>| <a href="techniques.html">.::  Techniques ::. </a></p>		  <p align="center"><a href="lexique.html">.:: Lexique ::. </a>| <a href="jeuxvideo.html">.:: Jeux-Videos ::. </a></p></td>
		<td colspan="2" rowspan="3">
			<img src="images/droite_bleach.gif" width="13" height="157" alt=""></td>
		<td>
			<img src="images/spacer.gif" width="1" height="85" alt=""></td>
	</tr>
	<tr>
		<td>
			<img src="images/Texte_news2-39.gif"></td>
		<td>
			<img src="images/spacer.gif" width="1" height="22" alt=""></td>
	</tr>
	<tr>
		<td colspan="3" rowspan="11">
			<img src="images/vide.gif" width="422" height="293" alt=""></td>
		<td>
			<img src="images/spacer.gif" width="1" height="50" alt=""></td>
	</tr>
	<tr>
		<td colspan="2" rowspan="2">
			<img src="images/manga.gif" width="193" height="20" alt=""></td>
		<td rowspan="2">
			<img src="images/index_41.gif" width="2" height="20" alt=""></td>
		<td>
			<img src="images/spacer.gif" width="1" height="2" alt=""></td>
	</tr>
	<tr>
		<td>
			<img src="images/manga-43.gif" width="13" height="18" alt=""></td>

		<td>
			<img src="images/spacer.gif" width="1" height="18" alt=""></td>
	</tr>
	<tr>
		<td rowspan="2">
			<img src="images/gauche_manga.gif" width="13" height="96" alt=""></td>
		<td><p align="center"><a href="histoire.html">.:: L'histoire ::. </a>| <a href="mangaka.html">.:: Le Mangaka ::.</a> </p>
	      <p align="center"><a href="tomes.html">.:: Les Tomes ::.</a> | <a href="couvertures.html">.:: Couvertures ::</a>.</p>
	      <p align="center"><a href="chapitre.html">.:: Chapitre Pilote ::. </a></p></td>
		<td colspan="2">
			<img src="images/droite_manga.gif" width="13" height="93" alt=""></td>
		<td>
			<img src="images/spacer.gif" width="1" height="93" alt=""></td>
	</tr>
	<tr>
		<td colspan="2" rowspan="2">
			<img src="images/anime.gif" width="193" height="21" alt=""></td>
		<td rowspan="2">
			<img src="images/index_47.gif" width="2" height="21" alt=""></td>
		<td>
			<img src="images/spacer.gif" width="1" height="3" alt=""></td>
	</tr>
	<tr>
		<td>
			<img src="images/anime-49.gif" width="13" height="18" alt=""></td>
		<td>
			<img src="images/spacer.gif" width="1" height="18" alt=""></td>
	</tr>
	<tr>
		<td rowspan="5">
			<img src="images/gauche_anime.gif" width="13" height="109" alt=""></td>
		<td rowspan="3"><p align="center"><a href="episodes.html">.:: Les Episodes ::.</a> | <a href="lyrics.html">.:: Lyrics ::.</a> </p>
	    <p align="center"><a href="generique.html">..: Les Génériques :: </a>|<a href="oavs.html"> .:: Oavs ::</a>. </p></td>
		<td colspan="2" rowspan="4">
			<img src="images/droite_anime.gif" width="13" height="108" alt=""></td>
		<td>
			<img src="images/spacer.gif" width="1" height="19" alt=""></td>
	</tr>
	<tr>
		<td>
			<img src="images/index_52.gif" width="149" height="2" alt=""></td>
		<td>
			<img src="images/spacer.gif" width="1" height="2" alt=""></td>
	</tr>
	<tr>
		<td colspan="2" rowspan="3">
			<img src="images/bas_liens.gif" width="156" height="88" alt=""></td>
		<td rowspan="5">
			<img src="images/partie_droite-55.gif" width="2" height="127" alt=""></td>
		<td>
			<img src="images/spacer.gif" width="1" height="85" alt=""></td>
	</tr>
	<tr>
		<td rowspan="2">
			<img src="images/bas_anime.gif" width="182" height="3" alt=""></td>
		<td>
			<img src="images/spacer.gif" width="1" height="2" alt=""></td>
	</tr>
	<tr>
		<td colspan="2">
			<img src="images/index_56.gif" width="13" height="1" alt=""></td>
		<td>
			<img src="images/spacer.gif" width="1" height="1" alt=""></td>
	</tr>
	<tr>
		<td colspan="10">
			<img src="images/vide_bas.gif" width="799" height="18" alt=""></td>
		<td>
			<img src="images/spacer.gif" width="1" height="18" alt=""></td>
	</tr>
	<tr>
		<td colspan="10">
			<img src="images/copyright.gif" width="799" height="21" alt=""></td>
		<td>
			<img src="images/spacer.gif" width="1" height="21" alt=""></td>
	</tr>
	<tr>
		<td>
			<img src="images/spacer.gif" width="6" height="1" alt=""></td>
		<td>
			<img src="images/spacer.gif" width="106" height="1" alt=""></td>
		<td>
			<img src="images/spacer.gif" width="13" height="1" alt=""></td>
		<td>
			<img src="images/spacer.gif" width="182" height="1" alt=""></td>
		<td>
			<img src="images/spacer.gif" width="11" height="1" alt=""></td>
		<td>
			<img src="images/spacer.gif" width="2" height="1" alt=""></td>
		<td>
			<img src="images/spacer.gif" width="350" height="1" alt=""></td>
		<td>
			<img src="images/spacer.gif" width="70" height="1" alt=""></td>
		<td>
			<img src="images/spacer.gif" width="2" height="1" alt=""></td>
		<td>
			<img src="images/spacer.gif" width="13" height="1" alt=""></td>
		<td>
			<img src="images/spacer.gif" width="149" height="1" alt=""></td>
		<td>
			<img src="images/spacer.gif" width="7" height="1" alt=""></td>
		<td>
			<img src="images/spacer.gif" width="2" height="1" alt=""></td>
		<td>
			<img src="images/spacer.gif" width="111" height="1" alt=""></td>
		<td></td>
	</tr>
</table>


voila voila mon "petit" Probleme.

EDIT par Felipe: liens+vignette Imageshack
Modifié par Felipe (26 Aug 2006 - 16:39)
Modérateur
Bonsoir Hitsu, bienvenue sur Alsacréations Smiley smile

Je ne sais pas si tu le sais mais ce forum est très très spécifique puisqu'uniquement dédié aux standards du W3C. Un logiciel tel qu'ImageReady n'est pas adapté à la création de pages (x)html puisqu'il génère un code basé sur les tableaux alors que ces derniers ne servent pas à la mise en page. Nous pourrions sans doute te donner une réponse rapidement mais ce ne serait ni dans ton intérêt ni dans celui des visiteurs.

Je te renvoie donc sur cette page expliquant la démarche qu'il va te falloir suivre absolument si tu veux comprendre les réponses que nous te ferons par ici.

En te souhaitant bon courage. Smiley cligne
Modifié par koala64 (26 Aug 2006 - 01:46)
Sujet clos
Aller à