Page HTML

Voir le sujet précédent Voir le sujet suivant Aller en bas

Résolu Page HTML

Message par theendy le Ven 26 Avr 2013 - 2:12

Bonjour, j'utilise le module HTML du forum pour essayer de me faire une page de référence. Anyway, mon problème ne résulte pas en celà, plutôt en ces deux points.

1. Comment réussit à centrer mon tableau
2. Comment réussit à mettre un fond blanc à l'intérieur du tableau tout en gardant le fond général


Codage HTML de base
Spoiler:
<BODY BACKGROUND="http://i82.servimg.com/u/f82/11/75/77/60/sas12.jpg">
<div style="display:none" id="basicModalContent"></div><div id="pageWrapper" class="StatsHome"><div style="text-align: center;"><div style="text-align: center;"><img src="http://i82.servimg.com/u/f82/11/75/77/60/2110.jpg"><br></div><br><img src="http://i82.servimg.com/u/f82/11/75/77/60/forum10.png"><img src="http://i82.servimg.com/u/f82/11/75/77/60/news10.png"><img src="http://i82.servimg.com/u/f82/11/75/77/60/player10.png"><img src="http://i82.servimg.com/u/f82/11/75/77/60/standi10.png"><img src="http://i82.servimg.com/u/f82/11/75/77/60/transa10.png"><img src="http://i82.servimg.com/u/f82/11/75/77/60/score10.png"><img src="http://i82.servimg.com/u/f82/11/75/77/60/coachi10.png"><img src="http://i82.servimg.com/u/f82/11/75/77/60/schedu10.png"><br><br><br><table style="text-align: left; margin-left: 0px; margin-right: 0px;" border="1" cellpadding="1" cellspacing="1" width="50%">
<tbody>
<tr align="right">
<td><table style="text-align: left; margin-left: auto; margin-right: 0px;" border="1" cellpadding="1" cellspacing="1" width="100%">
<tbody><tr>
<td style="text-align: center;"><img src="http://i82.servimg.com/u/f82/11/75/77/60/82835310.png"><br></td>
<td style="text-align: center;"><img src="http://i82.servimg.com/u/f82/11/75/77/60/east10.png"><br></td>
</tr>
<tr>
<td style="text-align: center;"><img src="http://i82.servimg.com/u/f82/11/75/77/60/an11.png"><br><img src="http://i82.servimg.com/u/f82/11/75/77/60/an11.png"><br><img src="http://i82.servimg.com/u/f82/11/75/77/60/an11.png"><br><img src="http://i82.servimg.com/u/f82/11/75/77/60/an11.png"><br><img src="http://i82.servimg.com/u/f82/11/75/77/60/an11.png"><br><img src="http://i82.servimg.com/u/f82/11/75/77/60/an11.png"><br><img src="http://i82.servimg.com/u/f82/11/75/77/60/an11.png"><br><img src="http://i82.servimg.com/u/f82/11/75/77/60/an11.png"><br></td>
<td style="text-align: center;"><img src="http://i82.servimg.com/u/f82/11/75/77/60/an11.png"><br><img src="http://i82.servimg.com/u/f82/11/75/77/60/an11.png"><br><img src="http://i82.servimg.com/u/f82/11/75/77/60/an11.png"><br><img src="http://i82.servimg.com/u/f82/11/75/77/60/an11.png"><br><img src="http://i82.servimg.com/u/f82/11/75/77/60/an11.png"><br><img src="http://i82.servimg.com/u/f82/11/75/77/60/an11.png"><br><img src="http://i82.servimg.com/u/f82/11/75/77/60/an11.png"><br><img src="http://i82.servimg.com/u/f82/11/75/77/60/an11.png"><br></td>
</tr>
</tbody></table></td>
</tr>
<tr align="right">
<td><table style="text-align: left; margin-left: auto; margin-right: 0px;" border="1" cellpadding="1" cellspacing="1" width="100%">
<tbody><tr>
<td style="text-align: center;">Buteur<br></td>
<td style="text-align: center;">Passeur<br></td>
<td style="text-align: center;">Defense<br></td>
<td style="text-align: center;">Goalie<br></td>
<td style="text-align: center;">Rookie<br></td>
</tr>
<tr>
<td><img src="http://3.cdn.nhle.com/photos/mugs/8474141.jpg"><br><div style="text-align: center;">Sidney Crosby</div></td>
<td><img src="http://3.cdn.nhle.com/photos/mugs/8474141.jpg"><br><div style="text-align: center;">Sidney Crosby</div></td>
<td><img src="http://3.cdn.nhle.com/photos/mugs/8474141.jpg"><br><div style="text-align: center;">Sidney Crosby</div></td>
<td><img src="http://3.cdn.nhle.com/photos/mugs/8474141.jpg"><br><div style="text-align: center;">Sidney Crosby</div></td>
<td><img src="http://3.cdn.nhle.com/photos/mugs/8474141.jpg"><br><div style="text-align: center;">Sidney Crosby</div></td>
</tr>
</tbody></table></td>
</tr>
</tbody></table><br></div><script type="text/javascript">
jQuery.post('http://www.nhl.com/geo/cm/68/MediumRail/5', function (data) { data = data.replace(/^\s+|\s+$/g, ''); if (data != '') {jQuery('#c_mrm4').show(); jQuery('#mrm4').html(data);}})
</script><script type="text/javascript">
jQuery.post('http://www.nhl.com/geo/cm/68/MediumRail/6', function (data) { data = data.replace(/^\s+|\s+$/g, ''); if (data != '') {jQuery('#c_mrm5').show(); jQuery('#mrm5').html(data);}})
</script><script type="text/javascript">
jQuery.post('http://www.nhl.com/geo/cm/68/MediumRail/7', function (data) { data = data.replace(/^\s+|\s+$/g, ''); if (data != '') {jQuery('#c_mrm6').show(); jQuery('#mrm6').html(data);}})
</script><div id="pageBody" xmlns="http://www.w3.org/1999/xhtml"><div id="dripTopAd"><div id="c_281574"><div id="281574"><script type="text/javascript">

function loadFeaturedGameArea() {

if (RegisteredFan.isSignedIn() && RegisteredFan.getFavoriteTeam() != null) {
jQuery.get(featureUrl + '?team=' + RegisteredFan.getFavoriteTeam(), function(data) {
jQuery('#featGmBody').html(data).show();
});
} else {
jQuery('#featGmBody').show();
}
}

</script></div></div></div><div id="c_drippan"><div id="drippan"></div></div><script type="text/javascript">
jQuery.post('http://www.nhl.com/geo/cm/68/PageWrapper/7', function (data) { data = data.replace(/^\s+|\s+$/g, ''); if (data != '') {jQuery('#c_drippan').show(); jQuery('#drippan').html(data);}})
</script><div id="c_copyright"><div id="copyright"><script type="text/javascript"> if (geoCountry == 'US') {
jQuery('#copyright').attr('style', 'background-image: url("http://1.cdn.nhle.com/nhl/en/v3/ext/nhl_nbc_stack.png")')
jQuery('#copyright').prepend('<div style="position: relative"><a href="http://www.nbcsports.com" target="_blank"><div style="position: absolute; top: 46px; left: -45px; width: 40px; height: 40px;"></div></a></div>')
}
</script> <!-- Lightning Bolt Begins --> <script type="text/javascript">
var migTrans = '[TRANSACTION ID]';
var migValue = '[TRANSACTION VALUE]';
var migData = '[Attribute/Value Pairs for Custom Data]';
var mig_rn = new String(Math.random()); var mig_rns = mig_rn.substring(2, 12);
var boltProtocol = ('https:' == document.location.protocol) ? 'https://' : 'http://';
try {
var newScript = document.createElement('script');
var scriptElement = document.getElementsByTagName('script')[0];
newScript.type = 'text/javascript';
newScript.id = 'lightning_bolt_' + mig_rns;
newScript.src = boltProtocol + 'b3.mookie1.com/2/LB/' + mig_rns + '@x96?';
scriptElement.parentNode.insertBefore(newScript, scriptElement);
scriptElement = null; newScript = null;
}
catch (e) { }
</script> <!-- Lightning Bolt Ends --></div></div></div><!-- end pageBody --></div><div class="" id="modalContainer"></div><div style="display: none;" id="galleryContainer"></div><a shape="rect" href="#modalVideoPlayerContainer" id="modalVideoContainer"> </a><div style="display: none;" id="modalVideoPlayerContainer"></div><div style="display: none;" id="noVideoBlk"><div style="float: left; width: 100%; height: 100%;"><div style="float: left; color: #999; font: 28px arial; padding-top: 65px; width: 100%; text-align: center;">
Sorry, this content is not available in<br>a format your device understands.<br><br><span style="font-size: 22px; color: #777">Please check back soon.</span></div></div></div><!-- SiteCatalyst code version: H.10.
Copyright 1997-2007 Omniture, Inc. More info available at
http://www.omniture.com --><script language="JavaScript">



if(!s.pageName) {

s.pageName="nhl:en:stats:home"

s.hier1="stats,home"
if(!s.prop1) {
s.prop1="home"
}





}

if(!s.channel) {
s.channel="stats"
}
s.prop5="nhl"
if(!s.prop9) {
s.prop9="statistics"
}
s.prop16="league"



<!-- //
if( (typeof(RegisteredFan) != "undefined") && RegisteredFan.getFavoriteTeam() && RegisteredFan.getFavoriteTeam().length > 0) {
s.eVar16=""+RegisteredFan.getFavoriteTeam().replace(/\s+/g,"");
s.eVar18="rl";
s.eVar20=""+RegisteredFan.getUserName().replace(/\s+/g,"");
s.eVar21="sso";
}
// -->

/************* DO NOT ALTER ANYTHING BELOW THIS LINE ! **************/
var s_code=s.t();if(s_code)document.write(s_code)//--&gt;</script><!-- End SiteCatalyst code version: H.10. --><script type="text/javascript">
var gaJsHost = (("https:" == document.location.protocol) ? "https://ssl." : "http://www.");
document.write(unescape("%3Cscript src='" + gaJsHost + "google-analytics.com/ga.js' type='text/javascript'%3E%3C/script%3E"));
</script><script type="text/javascript">
try{
var pageTrackerNHL = _gat._getTracker("UA-5530324-11");
pageTrackerNHL._trackPageview("nhl/stats");
} catch(err) {}
try{
var pageTrackerNHLbu = _gat._getTracker("UA-5530324-1");
pageTrackerNHLbu._trackPageview();
} catch(err) {}
</script><!-- Begin comScore Tag --><script>
document.write(unescape("%3Cscript src='" + (document.location.protocol == "https:" ? "https://sb" : "http://b") + ".scorecardresearch.com/beacon.js' %3E%3C/script%3E"));
</script><script>
COMSCORE.beacon('{c1:2,c2:3005680,c3:3005680,c4:document.URL,c5:s.prop1,c6:s.channel,c15:""}');
</script><noscript><img src="http://b.scorecardresearch.com/p?c1=2&amp;c2=3005680&amp;c3=&amp;c4=&amp;c5=&amp;c6=&amp;c15=&amp;cj=1"> //values were inserted here in example
</noscript><!-- End comScore Tag --><script type="text/javascript" language="JavaScript" src="http://s3.amazonaws.com/new.cetrk.com/pages/scripts/0002/6606.js"></script><script language="JavaScript" src="http://www.nhl.com/nhl/js/postupdate.js?v=6.11" type="text/javascript"></script><script src="//www.nbcudigitaladops.com/hosted/global.js"></script><script>
jQuery(document).ready(function(){
svgZeezy.init();
});
</script>

Résultat obtenue: http://lhsse.forumpro.fr/h6-menu

Merci à l'avance

theendy
*

Messages : 30
Inscrit(e) le : 24/09/2008

http://lhsse.forumpro.fr/
theendy a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Page HTML

Message par Scipion le Ven 26 Avr 2013 - 5:34

Bonjour

Votre tableau centré :

Code:
<BODY BACKGROUND="http://i82.servimg.com/u/f82/11/75/77/60/sas12.jpg"><div style="display:none" id="basicModalContent"></div><div id="pageWrapper" class="StatsHome"><div style="text-align: center;"><div style="text-align: center;"><img src="http://i82.servimg.com/u/f82/11/75/77/60/2110.jpg"><br></div><center><br><img src="http://i82.servimg.com/u/f82/11/75/77/60/forum10.png"><img src="http://i82.servimg.com/u/f82/11/75/77/60/news10.png"><img src="http://i82.servimg.com/u/f82/11/75/77/60/player10.png"><img src="http://i82.servimg.com/u/f82/11/75/77/60/standi10.png"><img src="http://i82.servimg.com/u/f82/11/75/77/60/transa10.png"><img src="http://i82.servimg.com/u/f82/11/75/77/60/score10.png"><img src="http://i82.servimg.com/u/f82/11/75/77/60/coachi10.png"><img src="http://i82.servimg.com/u/f82/11/75/77/60/schedu10.png"><br><br><br><table style="text-align: left; margin-left: 0px; margin-right: 0px;" border="1" cellpadding="1" cellspacing="1" width="50%">
<tbody>
<tr align="right">
<td><table style="text-align: left; margin-left: auto; margin-right: 0px;" border="1" cellpadding="1" cellspacing="1" width="100%">
<tbody><tr>
<td style="text-align: center;"><img src="http://i82.servimg.com/u/f82/11/75/77/60/82835310.png"><br></td>
<td style="text-align: center;"><img src="http://i82.servimg.com/u/f82/11/75/77/60/east10.png"><br></td>
</tr>
<tr>
<td style="text-align: center;"><img src="http://i82.servimg.com/u/f82/11/75/77/60/an11.png"><br><img src="http://i82.servimg.com/u/f82/11/75/77/60/an11.png"><br><img src="http://i82.servimg.com/u/f82/11/75/77/60/an11.png"><br><img src="http://i82.servimg.com/u/f82/11/75/77/60/an11.png"><br><img src="http://i82.servimg.com/u/f82/11/75/77/60/an11.png"><br><img src="http://i82.servimg.com/u/f82/11/75/77/60/an11.png"><br><img src="http://i82.servimg.com/u/f82/11/75/77/60/an11.png"><br><img src="http://i82.servimg.com/u/f82/11/75/77/60/an11.png"><br></td>
<td style="text-align: center;"><img src="http://i82.servimg.com/u/f82/11/75/77/60/an11.png"><br><img src="http://i82.servimg.com/u/f82/11/75/77/60/an11.png"><br><img src="http://i82.servimg.com/u/f82/11/75/77/60/an11.png"><br><img src="http://i82.servimg.com/u/f82/11/75/77/60/an11.png"><br><img src="http://i82.servimg.com/u/f82/11/75/77/60/an11.png"><br><img src="http://i82.servimg.com/u/f82/11/75/77/60/an11.png"><br><img src="http://i82.servimg.com/u/f82/11/75/77/60/an11.png"><br><img src="http://i82.servimg.com/u/f82/11/75/77/60/an11.png"><br></td>
</tr>
</tbody></table></td>
</tr>
<tr align="right">
<td><table style="text-align: left; margin-left: auto; margin-right: 0px;" border="1" cellpadding="1" cellspacing="1" width="100%">
<tbody><tr>
<td style="text-align: center;">Buteur<br></td>
<td style="text-align: center;">Passeur<br></td>
<td style="text-align: center;">Defense<br></td>
<td style="text-align: center;">Goalie<br></td>
<td style="text-align: center;">Rookie<br></td>
</tr>
<tr>
<td><img src="http://3.cdn.nhle.com/photos/mugs/8474141.jpg"><br><div style="text-align: center;">Sidney Crosby</div></td>
<td><img src="http://3.cdn.nhle.com/photos/mugs/8474141.jpg"><br><div style="text-align: center;">Sidney Crosby</div></td>
<td><img src="http://3.cdn.nhle.com/photos/mugs/8474141.jpg"><br><div style="text-align: center;">Sidney Crosby</div></td>
<td><img src="http://3.cdn.nhle.com/photos/mugs/8474141.jpg"><br><div style="text-align: center;">Sidney Crosby</div></td>
<td><img src="http://3.cdn.nhle.com/photos/mugs/8474141.jpg"><br><div style="text-align: center;">Sidney Crosby</div></td>
</tr>
</tbody></table></td>
</tr>
</tbody></table><br></div><script type="text/javascript">
jQuery.post('http://www.nhl.com/geo/cm/68/MediumRail/5', function (data) { data = data.replace(/^\s+|\s+$/g, ''); if (data != '') {jQuery('#c_mrm4').show(); jQuery('#mrm4').html(data);}})
</script><script type="text/javascript">
jQuery.post('http://www.nhl.com/geo/cm/68/MediumRail/6', function (data) { data = data.replace(/^\s+|\s+$/g, ''); if (data != '') {jQuery('#c_mrm5').show(); jQuery('#mrm5').html(data);}})
</script><script type="text/javascript">
jQuery.post('http://www.nhl.com/geo/cm/68/MediumRail/7', function (data) { data = data.replace(/^\s+|\s+$/g, ''); if (data != '') {jQuery('#c_mrm6').show(); jQuery('#mrm6').html(data);}})
</script><div id="pageBody" xmlns="http://www.w3.org/1999/xhtml"><div id="dripTopAd"><div id="c_281574"><div id="281574"><script type="text/javascript">

function loadFeaturedGameArea() {

if (RegisteredFan.isSignedIn() && RegisteredFan.getFavoriteTeam() != null) {
jQuery.get(featureUrl + '?team=' + RegisteredFan.getFavoriteTeam(), function(data) {
jQuery('#featGmBody').html(data).show();
});
} else {
jQuery('#featGmBody').show();
}
}

</script></div></div></div><div id="c_drippan"><div id="drippan"></div></div><script type="text/javascript">
jQuery.post('http://www.nhl.com/geo/cm/68/PageWrapper/7', function (data) { data = data.replace(/^\s+|\s+$/g, ''); if (data != '') {jQuery('#c_drippan').show(); jQuery('#drippan').html(data);}})
</script><div id="c_copyright"><div id="copyright"><script type="text/javascript"> if (geoCountry == 'US') {
jQuery('#copyright').attr('style', 'background-image: url("http://1.cdn.nhle.com/nhl/en/v3/ext/nhl_nbc_stack.png")')
jQuery('#copyright').prepend('<div style="position: relative"><a href="http://www.nbcsports.com" target="_blank"><div style="position: absolute; top: 46px; left: -45px; width: 40px; height: 40px;"></div></a></div>')
}
</script> <!-- Lightning Bolt Begins --> <script type="text/javascript">
var migTrans = '[TRANSACTION ID]';
var migValue = '[TRANSACTION VALUE]';
var migData = '[Attribute/Value Pairs for Custom Data]';
var mig_rn = new String(Math.random()); var mig_rns = mig_rn.substring(2, 12);
var boltProtocol = ('https:' == document.location.protocol) ? 'https://' : 'http://';
try {
var newScript = document.createElement('script');
var scriptElement = document.getElementsByTagName('script')[0];
newScript.type = 'text/javascript';
newScript.id = 'lightning_bolt_' + mig_rns;
newScript.src = boltProtocol + 'b3.mookie1.com/2/LB/' + mig_rns + '@x96?';
scriptElement.parentNode.insertBefore(newScript, scriptElement);
scriptElement = null; newScript = null;
}
catch (e) { }
</script> <!-- Lightning Bolt Ends --></div></div></div><!-- end pageBody --></div><div class="" id="modalContainer"></div><div style="display: none;" id="galleryContainer"></div><a shape="rect" href="#modalVideoPlayerContainer" id="modalVideoContainer"> </a><div style="display: none;" id="modalVideoPlayerContainer"></div><div style="display: none;" id="noVideoBlk"><div style="float: left; width: 100%; height: 100%;"><div style="float: left; color: #999; font: 28px arial; padding-top: 65px; width: 100%; text-align: center;">
Sorry, this content is not available in<br>a format your device understands.<br><br><span style="font-size: 22px; color: #777">Please check back soon.</span></div></div></div><!-- SiteCatalyst code version: H.10.
Copyright 1997-2007 Omniture, Inc. More info available at
http://www.omniture.com --><script language="JavaScript">



if(!s.pageName) {

s.pageName="nhl:en:stats:home"

s.hier1="stats,home"
if(!s.prop1) {
s.prop1="home"
}





}

if(!s.channel) {
s.channel="stats"
}
s.prop5="nhl"
if(!s.prop9) {
s.prop9="statistics"
}
s.prop16="league"



<!-- //
if( (typeof(RegisteredFan) != "undefined") && RegisteredFan.getFavoriteTeam() && RegisteredFan.getFavoriteTeam().length > 0) {
s.eVar16=""+RegisteredFan.getFavoriteTeam().replace(/\s+/g,"");
s.eVar18="rl";
s.eVar20=""+RegisteredFan.getUserName().replace(/\s+/g,"");
s.eVar21="sso";
}
// -->

/************* DO NOT ALTER ANYTHING BELOW THIS LINE ! **************/
var s_code=s.t();if(s_code)document.write(s_code)//--&gt;</script><!-- End SiteCatalyst code version: H.10. --><script type="text/javascript">
var gaJsHost = (("https:" == document.location.protocol) ? "https://ssl." : "http://www.");
document.write(unescape("%3Cscript src='" + gaJsHost + "google-analytics.com/ga.js' type='text/javascript'%3E%3C/script%3E"));
</script><script type="text/javascript">
try{
var pageTrackerNHL = _gat._getTracker("UA-5530324-11");
pageTrackerNHL._trackPageview("nhl/stats");
} catch(err) {}
try{
var pageTrackerNHLbu = _gat._getTracker("UA-5530324-1");
pageTrackerNHLbu._trackPageview();
} catch(err) {}
</script><!-- Begin comScore Tag --><script>
document.write(unescape("%3Cscript src='" + (document.location.protocol == "https:" ? "https://sb" : "http://b") + ".scorecardresearch.com/beacon.js' %3E%3C/script%3E"));
</script><script>
COMSCORE.beacon('{c1:2,c2:3005680,c3:3005680,c4:document.URL,c5:s.prop1,c6:s.channel,c15:""}');
</script><noscript><img src="http://b.scorecardresearch.com/p?c1=2&amp;c2=3005680&amp;c3=&amp;c4=&amp;c5=&amp;c6=&amp;c15=&amp;cj=1"> //values were inserted here in example
</noscript><!-- End comScore Tag --><script type="text/javascript" language="JavaScript" src="http://s3.amazonaws.com/new.cetrk.com/pages/scripts/0002/6606.js"></script><script language="JavaScript" src="http://www.nhl.com/nhl/js/postupdate.js?v=6.11" type="text/javascript"></script><script src="//www.nbcudigitaladops.com/hosted/global.js"></script><script>
jQuery(document).ready(function(){
svgZeezy.init();
});
</script></center>
Pour la deuxième question, vous devez bien préciser votre demande, merci.

Cordialement

Scipion
+ Hyperactif +

Masculin
Messages : 8655
Inscrit(e) le : 03/02/2010

http://forum.forumactif.com/
Scipion a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Page HTML

Message par theendy le Lun 29 Avr 2013 - 4:50

merci

theendy
*

Messages : 30
Inscrit(e) le : 24/09/2008

http://lhsse.forumpro.fr/
theendy a été remercié(e) par l'auteur de ce sujet.

Voir le sujet précédent Voir le sujet suivant Revenir en haut


Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum