Cadre autour d'une page inserer dans tableau

Résolu
cedric74 Messages postés 2 Date d'inscription   Statut Membre Dernière intervention   -  
cedric74 Messages postés 2 Date d'inscription   Statut Membre Dernière intervention   -
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.dtd">
<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....
A voir également:

2 réponses

Réponse 1 / 2
touf
 
bonjour

utilise la balise code la prochaine fois

essai sa 
<iframe frameborder="0" width="100%" height="100%" src ="airsoft.html"> </iframe>
0
Réponse 2 / 2
cedric74 Messages postés 2 Date d'inscription   Statut Membre Dernière intervention  
 
Ca marche nickel!!!!!

super merci!!!!!
0