rss
Rechercher : dans
Par : Pertinence Date Nom d'utilisateur
Statut : Résolu

Cadre autour d'une page inserer dans tableau

Posté par cedric74, le jeudi 14 février 2008 à 08:52:51
Bonjour,

j'ai un petit souci, j'ai voulu inserer une pages html dans un tableau, jusque la pas de probleme, mon souci c'est que je me retrouve avec une sorte de cadre autour de cette page, ce qui n'est pas du plus bel effet je doit dire....

voici le code de ma page interne:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dt­d">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Document sans nom</title>
<style type="text/css">
<!--
body {
background-image: url(site3_11.gif);
margin-left: 0px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
background-repeat: no-repeat;
border-top-style: none;
border-right-style: none;
border-bottom-style: none;
border-left-style: none;
}
body,td,th {
color: #FFFFFF;
background-attachment: fixed;
background-image: url(site3_11.gif);
}
-->
</style>
</head>

<body>
<p> </p>
</body>
</html>


et le code de ma page avec tableau:
<html>
<head>
<title>site3</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<!-- ImageReady Preload Script (site3.psd) -->
<script type="text/javascript">
<!--

function newImage(arg) {
if (document.images) {
rslt = new Image();
rslt.src = arg;
return rslt;
}
}

function changeImages() {
if (document.images && (preloadFlag == true)) {
for (var i=0; i<changeImages.arguments.length; i+=2) {
document[changeImages.arguments[i]].src = changeImages.arguments[i+1];
}
}
}

var preloadFlag = false;
function preloadImages() {
if (document.images) {
site3_L_AIRSOFT_over = newImage("images/site3_L%27AIRSOFT-over.gif");
site3_LES_REGLES_over = newImage("images/site3_LES-REGLES-over.gif");
site3_LA_TEAM_over = newImage("images/site3_LA-TEAM-over.gif");
site3_LES_MEMBRES_over = newImage("images/site3_LES-MEMBRES-over.gif");
site3_LES_TERRAINS_over = newImage("images/site3_LES-TERRAINS-over.gif");
site3_LES_SCENARIOS_over = newImage("images/site3_LES-SCENARIOS-over.gif");
site3_LES_OP_EXT_over = newImage("images/site3_LES-OP-EXT-over.gif");
site3_LES_OP_INT_over = newImage("images/site3_LES-OP-INT-over.gif");
site3_LA_GALERIE_over = newImage("images/site3_LA-GALERIE-over.gif");
site3_LES_DOSSIERS_over = newImage("images/site3_LES-DOSSIERS-over.gif");
site3_LES_DOWNLOADS_over = newImage("images/site3_LES-DOWNLOADS-over.gif");
site3_LE_FORUM_over = newImage("images/site3_LE-FORUM-over.gif");
site3_CONTACT_over = newImage("images/site3_CONTACT-over.gif");
site3_LES_LIENS_over = newImage("images/site3_LES-LIENS-over.gif");
preloadFlag = true;
}
}

// -->
</script>
<!-- End Preload Script -->
<style type="text/css">
<!--
body {
background-color: #646464;
}
-->
</style></head>
<body leftmargin="0" topmargin="0" marginwidth="0" marginheight="0" onLoad="preloadImages();">
<div align="center">
<!-- ImageReady Slices (site3.psd) -->
<table id="Tableau_01" width="801" height="1051" border="0" cellpadding="0" cellspacing="0">
<tr>
<td colspan="19"><img src="images/site3_01.gif" width="422" height="51" alt=""></td>
<td colspan="3"><img src="images/site3_02.gif" width="378" height="51" alt=""></td>
<td><img src="images/spacer.gif" width="1" height="51" alt=""></td>
</tr>
<tr>
<td colspan="19"><img src="images/site3_03.gif" width="422" height="53" alt=""></td>
<td colspan="3"><img src="images/site3_04.gif" width="378" height="53" alt=""></td>
<td><img src="images/spacer.gif" width="1" height="53" alt=""></td>
</tr>
<tr>
<td colspan="19"><img src="images/site3_05.gif" width="422" height="98" alt=""></td>
<td colspan="3"><img src="images/site3_06.gif" width="378" height="98" alt=""></td>
<td><img src="images/spacer.gif" width="1" height="98" alt=""></td>
</tr>
<tr>
<td colspan="19"><img src="images/site3_07.gif" width="422" height="97" alt=""></td>
<td colspan="3"><img src="images/site3_08.gif" width="378" height="97" alt=""></td>
<td><img src="images/spacer.gif" width="1" height="97" alt=""></td>
</tr>
<tr>
<td><img src="images/site3_09.gif" width="62" height="27" alt=""></td>
<td colspan="16"><img src="images/site3_10.gif" width="145" height="27" alt=""></td>
<td colspan="4" rowspan="19"><iframe width="100%" height="100%" src ="airsoft.html"> </iframe>
</td>
<td rowspan="19"><img src="images/site3_12.gif" width="70" height="401" alt=""></td>
<td><img src="images/spacer.gif" width="1" height="27" alt=""></td>
</tr>
<tr>
<td rowspan="8"><img src="images/site3_13.gif" width="62" height="135" alt=""></td>
<td colspan="16"><img src="images/site3_14.gif" width="145" height="14" alt=""></td>
<td><img src="images/spacer.gif" width="1" height="14" alt=""></td>
</tr>
<tr>
<td colspan="2" rowspan="13"><img src="images/site3_15.gif" width="7" height="240" alt=""></td>
<td colspan="4"><a href="#"
onmouseover="changeImages('site3_L_AIRSOFT', 'images/site3_L%27AIRSOFT-over.gif'); return true;"
onmouseout="changeImages('site3_L_AIRSOFT', 'images/site3_L%27AIRSOFT.gif'); return true;"
onmousedown="changeImages('site3_L_AIRSOFT', 'images/site3_L%27AIRSOFT-over.gif'); return true;"
onmouseup="changeImages('site3_L_AIRSOFT', 'images/site3_L%27AIRSOFT-over.gif'); return true;"> <img name="site3_L_AIRSOFT" src="images/site3_L%27AIRSOFT.gif" width="73" height="20" border="0" alt=""></a></td>
<td colspan="10"><img src="images/site3_17.gif" width="65" height="20" alt=""></td>
<td><img src="images/spacer.gif" width="1" height="20" alt=""></td>
</tr>
<tr>
<td><img src="images/site3_18.gif" width="1" height="20" alt=""></td>
<td colspan="7"><a href="#"
onmouseover="changeImages('site3_LES_REGLES', 'images/site3_LES-REGLES-over.gif'); return true;"
onmouseout="changeImages('site3_LES_REGLES', 'images/site3_LES-REGLES.gif'); return true;"
onmousedown="changeImages('site3_LES_REGLES', 'images/site3_LES-REGLES-over.gif'); return true;"
onmouseup="changeImages('site3_LES_REGLES', 'images/site3_LES-REGLES-over.gif'); return true;"> <img name="site3_LES_REGLES" src="images/site3_LES-REGLES.gif" width="85" height="20" border="0" alt=""></a></td>
<td colspan="6" rowspan="2"><img src="images/site3_20.gif" width="52" height="40" alt=""></td>
<td><img src="images/spacer.gif" width="1" height="20" alt=""></td>
</tr>
<tr>
<td colspan="2"><a href="#"
onmouseover="changeImages('site3_LA_TEAM', 'images/site3_LA-TEAM-over.gif'); return true;"
onmouseout="changeImages('site3_LA_TEAM', 'images/site3_LA-TEAM.gif'); return true;"
onmousedown="changeImages('site3_LA_TEAM', 'images/site3_LA-TEAM-over.gif'); return true;"
onmouseup="changeImages('site3_LA_TEAM', 'images/site3_LA-TEAM-over.gif'); return true;"> <img name="site3_LA_TEAM" src="images/site3_LA-TEAM.gif" width="62" height="20" border="0" alt=""></a></td>
<td colspan="6"><img src="images/site3_22.gif" width="24" height="20" alt=""></td>
<td><img src="images/spacer.gif" width="1" height="20" alt=""></td>
</tr>
<tr>
<td colspan="9"><a href="#"
onmouseover="changeImages('site3_LES_MEMBRES', 'images/site3_LES-MEMBRES-over.gif'); return true;"
onmouseout="changeImages('site3_LES_MEMBRES', 'images/site3_LES-MEMBRES.gif'); return true;"
onmousedown="changeImages('site3_LES_MEMBRES', 'images/site3_LES-MEMBRES-over.gif'); return true;"
onmouseup="changeImages('site3_LES_MEMBRES', 'images/site3_LES-MEMBRES-over.gif'); return true;"> <img name="site3_LES_MEMBRES" src="images/site3_LES-MEMBRES.gif" width="98" height="20" border="0" alt=""></a></td>
<td colspan="5"><img src="images/site3_24.gif" width="40" height="20" alt=""></td>
<td><img src="images/spacer.gif" width="1" height="20" alt=""></td>
</tr>
<tr>
<td colspan="10"><a href="#"
onmouseover="changeImages('site3_LES_TERRAINS', 'images/site3_LES-TERRAINS-over.gif'); return true;"
onmouseout="changeImages('site3_LES_TERRAINS', 'images/site3_LES-TERRAINS.gif'); return true;"
onmousedown="changeImages('site3_LES_TERRAINS', 'images/site3_LES-TERRAINS-over.gif'); return true;"
onmouseup="changeImages('site3_LES_TERRAINS', 'images/site3_LES-TERRAINS-over.gif'); return true;"> <img name="site3_LES_TERRAINS" src="images/site3_LES-TERRAINS.gif" width="100" height="20" border="0" alt=""></a></td>
<td colspan="4"><img src="images/site3_26.gif" width="38" height="20" alt=""></td>
<td><img src="images/spacer.gif" width="1" height="20" alt=""></td>
</tr>
<tr>
<td colspan="12"><a href="#"
onmouseover="changeImages('site3_LES_SCENARIOS', 'images/site3_LES-SCENARIOS-over.gif'); return true;"
onmouseout="changeImages('site3_LES_SCENARIOS', 'images/site3_LES-SCENARIOS.gif'); return true;"
onmousedown="changeImages('site3_LES_SCENARIOS', 'images/site3_LES-SCENARIOS-over.gif'); return true;"
onmouseup="changeImages('site3_LES_SCENARIOS', 'images/site3_LES-SCENARIOS-over.gif'); return true;"> <img name="site3_LES_SCENARIOS" src="images/site3_LES-SCENARIOS.gif" width="111" height="20" border="0" alt=""></a></td>
<td colspan="2" rowspan="6"><img src="images/site3_28.gif" width="27" height="100" alt=""></td>
<td><img src="images/spacer.gif" width="1" height="20" alt=""></td>
</tr>
<tr>
<td rowspan="2"><img src="images/site3_29.gif" width="1" height="20" alt=""></td>
<td colspan="6" rowspan="2"><a href="#"
onmouseover="changeImages('site3_LES_OP_EXT', 'images/site3_LES-OP-EXT-over.gif'); return true;"
onmouseout="changeImages('site3_LES_OP_EXT', 'images/site3_LES-OP-EXT.gif'); return true;"
onmousedown="changeImages('site3_LES_OP_EXT', 'images/site3_LES-OP-EXT-over.gif'); return true;"
onmouseup="changeImages('site3_LES_OP_EXT', 'images/site3_LES-OP-EXT-over.gif'); return true;"> <img name="site3_LES_OP_EXT" src="images/site3_LES-OP-EXT.gif" width="82" height="20" border="0" alt=""></a></td>
<td colspan="5" rowspan="4"><img src="images/site3_31.gif" width="28" height="60" alt=""></td>
<td><img src="images/spacer.gif" width="1" height="1" alt=""></td>
</tr>
<tr>
<td rowspan="8"><img src="images/site3_32.gif" width="62" height="157" alt=""></td>
<td><img src="images/spacer.gif" width="1" height="19" alt=""></td>
</tr>
<tr>
<td colspan="6"><a href="#"
onmouseover="changeImages('site3_LES_OP_INT', 'images/site3_LES-OP-INT-over.gif'); return true;"
onmouseout="changeImages('site3_LES_OP_INT', 'images/site3_LES-OP-INT.gif'); return true;"
onmousedown="changeImages('site3_LES_OP_INT', 'images/site3_LES-OP-INT-over.gif'); return true;"
onmouseup="changeImages('site3_LES_OP_INT', 'images/site3_LES-OP-INT-over.gif'); return true;"> <img name="site3_LES_OP_INT" src="images/site3_LES-OP-INT.gif" width="80" height="20" border="0" alt=""></a></td>
<td><img src="images/site3_34.gif" width="3" height="20" alt=""></td>
<td><img src="images/spacer.gif" width="1" height="20" alt=""></td>
</tr>
<tr>
<td colspan="7"><a href="#"
onmouseover="changeImages('site3_LA_GALERIE', 'images/site3_LA-GALERIE-over.gif'); return true;"
onmouseout="changeImages('site3_LA_GALERIE', 'images/site3_LA-GALERIE.gif'); return true;"
onmousedown="changeImages('site3_LA_GALERIE', 'images/site3_LA-GALERIE-over.gif'); return true;"
onmouseup="changeImages('site3_LA_GALERIE', 'images/site3_LA-GALERIE-over.gif'); return true;"> <img name="site3_LA_GALERIE" src="images/site3_LA-GALERIE.gif" width="83" height="20" border="0" alt=""></a></td>
<td><img src="images/spacer.gif" width="1" height="20" alt=""></td>
</tr>
<tr>
<td colspan="11"><a href="#"
onmouseover="changeImages('site3_LES_DOSSIERS', 'images/site3_LES-DOSSIERS-over.gif'); return true;"
onmouseout="changeImages('site3_LES_DOSSIERS', 'images/site3_LES-DOSSIERS.gif'); return true;"
onmousedown="changeImages('site3_LES_DOSSIERS', 'images/site3_LES-DOSSIERS-over.gif'); return true;"
onmouseup="changeImages('site3_LES_DOSSIERS', 'images/site3_LES-DOSSIERS-over.gif'); return true;"> <img name="site3_LES_DOSSIERS" src="images/site3_LES-DOSSIERS.gif" width="102" height="20" border="0" alt=""></a></td>
<td><img src="images/site3_37.gif" width="9" height="20" alt=""></td>
<td><img src="images/spacer.gif" width="1" height="20" alt=""></td>
</tr>
<tr>
<td colspan="13"><a href="#"
onmouseover="changeImages('site3_LES_DOWNLOADS', 'images/site3_LES-DOWNLOADS-over.gif'); return true;"
onmouseout="changeImages('site3_LES_DOWNLOADS', 'images/site3_LES-DOWNLOADS.gif'); return true;"
onmousedown="changeImages('site3_LES_DOWNLOADS', 'images/site3_LES-DOWNLOADS-over.gif'); return true;"
onmouseup="changeImages('site3_LES_DOWNLOADS', 'images/site3_LES-DOWNLOADS-over.gif'); return true;"> <img name="site3_LES_DOWNLOADS" src="images/site3_LES-DOWNLOADS.gif" width="120" height="20" border="0" alt=""></a></td>
<td rowspan="4"><img src="images/site3_39.gif" width="18" height="78" alt=""></td>
<td><img src="images/spacer.gif" width="1" height="20" alt=""></td>
</tr>
<tr>
<td><img src="images/site3_40.gif" width="1" height="20" alt=""></td>
<td colspan="3"><a href="#"
onmouseover="changeImages('site3_LE_FORUM', 'images/site3_LE-FORUM-over.gif'); return true;"
onmouseout="changeImages('site3_LE_FORUM', 'images/site3_LE-FORUM.gif'); return true;"
onmousedown="changeImages('site3_LE_FORUM', 'images/site3_LE-FORUM-over.gif'); return true;"
onmouseup="changeImages('site3_LE_FORUM', 'images/site3_LE-FORUM-over.gif'); return true;"> <img name="site3_LE_FORUM" src="images/site3_LE-FORUM.gif" width="72" height="20" border="0" alt=""></a></td>
<td colspan="9" rowspan="2"><img src="images/site3_42.gif" width="47" height="40" alt=""></td>
<td><img src="images/spacer.gif" width="1" height="20" alt=""></td>
</tr>
<tr>
<td rowspan="2"><img src="images/site3_43.gif" width="6" height="38" alt=""></td>
<td colspan="4"><a href="#"
onmouseover="changeImages('site3_CONTACT', 'images/site3_CONTACT-over.gif'); return true;"
onmouseout="changeImages('site3_CONTACT', 'images/site3_CONTACT.gif'); return true;"
onmousedown="changeImages('site3_CONTACT', 'images/site3_CONTACT-over.gif'); return true;"
onmouseup="changeImages('site3_CONTACT', 'images/site3_CONTACT-over.gif'); return true;"> <img name="site3_CONTACT" src="images/site3_CONTACT.gif" width="69" height="20" border="0" alt=""></a></td>
<td><img src="images/site3_45.gif" width="5" height="20" alt=""></td>
<td><img src="images/spacer.gif" width="1" height="20" alt=""></td>
</tr>
<tr>
<td colspan="2"><img src="images/site3_46.gif" width="2" height="18" alt=""></td>
<td colspan="4" rowspan="2"><a href="#"
onmouseover="changeImages('site3_LES_LIENS', 'images/site3_LES-LIENS-over.gif'); return true;"
onmouseout="changeImages('site3_LES_LIENS', 'images/site3_LES-LIENS.gif'); return true;"
onmousedown="changeImages('site3_LES_LIENS', 'images/site3_LES-LIENS-over.gif'); return true;"
onmouseup="changeImages('site3_LES_LIENS', 'images/site3_LES-LIENS-over.gif'); return true;"> <img name="site3_LES_LIENS" src="images/site3_LES-LIENS.gif" width="74" height="20" border="0" alt=""></a></td>
<td colspan="8"><img src="images/site3_48.gif" width="45" height="18" alt=""></td>
<td><img src="images/spacer.gif" width="1" height="18" alt=""></td>
</tr>
<tr>
<td rowspan="2"><img src="images/site3_49.gif" width="62" height="82" alt=""></td>
<td colspan="3" rowspan="2"><img src="images/site3_50.gif" width="8" height="82" alt=""></td>
<td colspan="9" rowspan="2"><img src="images/site3_51.gif" width="63" height="82" alt=""></td>
<td><img src="images/spacer.gif" width="1" height="2" alt=""></td>
</tr>
<tr>
<td colspan="4"><img src="images/site3_52.gif" width="74" height="80" alt=""></td>
<td><img src="images/spacer.gif" width="1" height="80" alt=""></td>
</tr>
<tr>
<td colspan="17"><img src="images/site3_53.gif" width="207" height="141" alt=""></td>
<td colspan="4"><img src="images/site3_54.gif" width="523" height="141" alt=""></td>
<td><img src="images/site3_55.gif" width="70" height="141" alt=""></td>
<td><img src="images/spacer.gif" width="1" height="141" alt=""></td>
</tr>
<tr>
<td colspan="4"><img src="images/site3_56.gif" width="70" height="51" alt=""></td>
<td colspan="16"><img src="images/site3_57.gif" width="425" height="51" alt=""></td>
<td><img src="images/site3_58.gif" width="235" height="51" alt=""></td>
<td rowspan="3"><img src="images/site3_59.gif" width="70" height="209" alt=""></td>
<td><img src="images/spacer.gif" width="1" height="51" alt=""></td>
</tr>
<tr>
<td colspan="18"><img src="images/site3_60.gif" width="356" height="94" alt=""></td>
<td colspan="3"><img src="images/site3_61.gif" width="374" height="94" alt=""></td>
<td><img src="images/spacer.gif" width="1" height="94" alt=""></td>
</tr>
<tr>
<td colspan="21"><img src="images/site3_62.gif" width="730" height="64" alt=""></td>
<td><img src="images/spacer.gif" width="1" height="64" alt=""></td>
</tr>
<tr>
<td><img src="images/spacer.gif" width="62" height="1" alt=""></td>
<td><img src="images/spacer.gif" width="6" height="1" alt=""></td>
<td><img src="images/spacer.gif" width="1" height="1" alt=""></td>
<td><img src="images/spacer.gif" width="1" height="1" alt=""></td>
<td><img src="images/spacer.gif" width="61" height="1" alt=""></td>
<td><img src="images/spacer.gif" width="6" height="1" alt=""></td>
<td><img src="images/spacer.gif" width="5" height="1" alt=""></td>
<td><img src="images/spacer.gif" width="2" height="1" alt=""></td>
<td><img src="images/spacer.gif" width="5" height="1" alt=""></td>
<td><img src="images/spacer.gif" width="3" height="1" alt=""></td>
<td><img src="images/spacer.gif" width="3" height="1" alt=""></td>
<td><img src="images/spacer.gif" width="12" height="1" alt=""></td>
<td><img src="images/spacer.gif" width="2" height="1" alt=""></td>
<td><img src="images/spacer.gif" width="2" height="1" alt=""></td>
<td><img src="images/spacer.gif" width="9" height="1" alt=""></td>
<td><img src="images/spacer.gif" width="9" height="1" alt=""></td>
<td><img src="images/spacer.gif" width="18" height="1" alt=""></td>
<td><img src="images/spacer.gif" width="149" height="1" alt=""></td>
<td><img src="images/spacer.gif" width="66" height="1" alt=""></td>
<td><img src="images/spacer.gif" width="73" height="1" alt=""></td>
<td><img src="images/spacer.gif" width="235" height="1" alt=""></td>
<td><img src="images/spacer.gif" width="70" height="1" alt=""></td>
<td></td>
</tr>
</table>
<!-- End ImageReady Slices -->
</div>
</body>
</html>

voila j'espere etre assez clair....
Configuration: Windows XP
Firefox 2.0.0.12
Répondre à cedric74  Signaler ce message aux modérateurs Aller au dernier message

1


  • Ce message vous semble utile, votez !
  • Signaler ce message aux modérateurs
touf, le jeudi 14 février 2008 à 11:02:49
bonjour

utilise la balise code la prochaine fois

essai sa
<iframe frameborder="0" width="100%" height="100%" src ="airsoft.html"> </iframe>
Répondre à touf

2


  • Ce message vous semble utile, votez !
  • Signaler ce message aux modérateurs
 cedric74, le jeudi 14 février 2008 à 12:27:29
Ca marche nickel!!!!!

super merci!!!!!
Répondre à cedric74
Logiciels pertinents trouvés dans les téléchargements
Télécharger SuperDocker 2.5.1SuperDocker - SuperDocker est un programme de personnalisation des différents éléments de votre MacOSX Leopard. En utilisant cette...Catégorie: Personnalisation
Licence: Freeware/gratuit
Télécharger PagePlus SEPagePlus - PagePlus SE est un logiciel gratuit de PAO (publication assistée par ordinateur) permettant de concevoir et de créer des...Catégorie: Présentation
Licence: Freeware/gratuit
Télécharger PageDefrag 2.32PageDefrag - Le défragmenteur de disque de Windows fait un boulot correct, mais il a un inconvénient : il ne défragmente ni le fichier...Catégorie: Formatage/Partitionnement
Licence: Freeware/gratuit
Télécharger PageStyle2Tab 0.8PageStyle2Tab - Cette extension Firefox est toute simple et pourtant agréable: Elle colore les onglets avec le style de la page. En plus...Catégorie: Extensions Firefox
Licence: Freeware/gratuit
Plus de logiciels gratuits sur « cadre autour d'une page inserer dans tableau »