Sujet Précédent Sujet Suivant

Cadre autour d'une page inserer dans tableau

Résolu/Fermé
cedric74 Messages postés 2 Date d'inscription jeudi 14 février 2008 Statut Membre Dernière intervention 14 février 2008 - 14 févr. 2008 à 08:52
cedric74 Messages postés 2 Date d'inscription jeudi 14 février 2008 Statut Membre Dernière intervention 14 février 2008 - 14 févr. 2008 à 12:27
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
14 févr. 2008 à 11:02
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 jeudi 14 février 2008 Statut Membre Dernière intervention 14 février 2008
14 févr. 2008 à 12:27
Ca marche nickel!!!!!

super merci!!!!!
0