 |
HTML Help
Please Search for the answer to your question before asking it! Thanks.
|
| View previous topic :: View next topic |
| Author |
Message |
NeedLotHelp
Joined: 28 Oct 2008
Posts: 4
|
| Posted: Tue Oct 28, 2008 11:05 am Need help with background |
|
|
Problem is enxt :
how can i add this background : http://img150.imageshack.us/my.php?image=minuvo7.jpg
to this code :
<img src="http://www.team-aaa.com/img/flags/EE.gif" style="width: 18px; height: 12px" /> <a href="http://www1.cs-manager.com/csm/other/?p=other_info&s=clan&c=494941 ">Moxo</a> (<font color="blue">Founder</font>)
<img src="http://www.team-aaa.com/img/flags/EU.gif" style="width: 18px; height: 12px" /> <a href="http://www1.cs-manager.com/csm/other/?p=other_info&c=212401 ">Hans-boy</a> (<font color="blue">Co-Leader</font>)
<img src="http://www.team-aaa.com/img/flags/EU.gif" style="width: 18px; height: 12px" />
<img src="http://www.team-aaa.com/img/flags/EU.gif" style="width: 18px; height: 12px" />
<img src="http://www.team-aaa.com/img/flags/EU.gif" style="width: 18px; height: 12px" />
<img src="http://www.team-aaa.com/img/flags/EU.gif" style="width: 18px; height: 12px" />
<img src="http://www.team-aaa.com/img/flags/EU.gif" style="width: 18px; height: 12px" />
<img src="http://www.team-aaa.com/img/flags/EU.gif" style="width: 18px; height: 12px" />
<img src="http://www.team-aaa.com/img/flags/EU.gif" style="width: 18px; height: 12px" />
<img src="http://www.team-aaa.com/img/flags/EU.gif" style="width: 18px; height: 12px" />
<img src="http://www.team-aaa.com/img/flags/EU.gif" style="width: 18px; height: 12px" />
<img src="http://www.team-aaa.com/img/flags/EU.gif" style="width: 18px; height: 12px" />
<img src="http://www.team-aaa.com/img/flags/EU.gif" style="width: 18px; height: 12px" />
<img src="http://www.team-aaa.com/img/flags/EU.gif" style="width: 18px; height: 12px" />
<img src="http://www.team-aaa.com/img/flags/EU.gif" style="width: 18px; height: 12px" />
<img src="http://www.team-aaa.com/img/flags/EU.gif" style="width: 18px; height: 12px" />
<img src="http://www.team-aaa.com/img/flags/EU.gif" style="width: 18px; height: 12px" />
<img src="http://www.team-aaa.com/img/flags/EU.gif" style="width: 18px; height: 12px" />
<img src="http://www.team-aaa.com/img/flags/EU.gif" style="width: 18px; height: 12px" />
<img src="http://www.team-aaa.com/img/flags/EU.gif" style="width: 18px; height: 12px" />
<a href="http://www1.cs-manager.com/csm/other/?p=other_info&s=mail&u=356541">Contanct / Recruiting</a> |
|
|
PayneLess Designs
Joined: 28 Feb 2007
Posts: 4288
Location: MS
|
| Posted: Tue Oct 28, 2008 1:13 pm |
|
|
| Do you want those images laid out side by side with the text as that code does or to appear downwards using the image, whose link you gave, as the background image? |
|
|
PayneLess Designs
Joined: 28 Feb 2007
Posts: 4288
Location: MS
|
| Posted: Tue Oct 28, 2008 2:16 pm |
|
|
Didn't put bg image in on first one yet, but secong one may be what you want: Code: <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html><head>
<meta http-equiv="content-type" content="text/html; charset=iso-8859-1">
<title></title>
<meta name="description" content="">
<meta name="keywords" content="">
<meta name="author" content="">
<meta name="generator" content="MSS Website Studio by van IJperen Software Inc. - http://www.marsansoft.nl">
<style type="text/css">
div.content_wrap {
width: 800px;
margin: 0 auto;
}
div.content_wrap2 {
width: 547px;
height: 412px;
margin: 5% auto;
background: #fff url(http://img150.imageshack.us/img150/691/minuvo7.jpg) no-repeat center scroll;
}
ul, a:link {
padding-top: 5%;
padding-left: 5%;
list-style-type: none;
}
</style>
</head>
<body>
<div class="content_wrap">
<img src="http://www.team-aaa.com/img/flags/EE.gif" style="width: 18px; height: 12px" alt="EE"> <a href="http://www1.cs-manager.com/csm/other/?p=other_info&s=clan&c=494941" title="Moxo">Moxo</a> (<span style="color: #00f;">Founder</span>)
<img src="http://www.team-aaa.com/img/flags/EU.gif" style="width: 18px; height: 12px" alt="EU"> <a href="http://www1.cs-manager.com/csm/other/?p=other_info&c=212401" title="Hans-boy">Hans-boy</a> (<span style="color: #00f;">Co-Leader</span>)
<img src="http://www.team-aaa.com/img/flags/EU.gif" style="width: 18px; height: 12px" alt="EU">
<img src="http://www.team-aaa.com/img/flags/EU.gif" style="width: 18px; height: 12px" alt="EU">
<img src="http://www.team-aaa.com/img/flags/EU.gif" style="width: 18px; height: 12px" alt="EU">
<img src="http://www.team-aaa.com/img/flags/EU.gif" style="width: 18px; height: 12px" alt="EU">
<img src="http://www.team-aaa.com/img/flags/EU.gif" style="width: 18px; height: 12px" alt="EU">
<img src="http://www.team-aaa.com/img/flags/EU.gif" style="width: 18px; height: 12px" alt="EU">
<img src="http://www.team-aaa.com/img/flags/EU.gif" style="width: 18px; height: 12px" alt="EU">
<img src="http://www.team-aaa.com/img/flags/EU.gif" style="width: 18px; height: 12px" alt="EU">
<img src="http://www.team-aaa.com/img/flags/EU.gif" style="width: 18px; height: 12px" alt="EU">
<img src="http://www.team-aaa.com/img/flags/EU.gif" style="width: 18px; height: 12px" alt="EU">
<img src="http://www.team-aaa.com/img/flags/EU.gif" style="width: 18px; height: 12px" alt="EU">
<img src="http://www.team-aaa.com/img/flags/EU.gif" style="width: 18px; height: 12px" alt="EU">
<img src="http://www.team-aaa.com/img/flags/EU.gif" style="width: 18px; height: 12px" alt="EU">
<img src="http://www.team-aaa.com/img/flags/EU.gif" style="width: 18px; height: 12px" alt="EU">
<img src="http://www.team-aaa.com/img/flags/EU.gif" style="width: 18px; height: 12px" alt="EU">
<img src="http://www.team-aaa.com/img/flags/EU.gif" style="width: 18px; height: 12px" alt="EU">
<img src="http://www.team-aaa.com/img/flags/EU.gif" style="width: 18px; height: 12px" alt="EU">
<img src="http://www.team-aaa.com/img/flags/EU.gif" style="width: 18px; height: 12px" alt="EU">
<a href="http://www1.cs-manager.com/csm/other/?p=other_info&s=mail&u=356541" title="Contact / Recruiting">Contact / Recruiting</a>
</div>
<div class="content_wrap2">
<ul>
<li><img src="http://www.team-aaa.com/img/flags/EE.gif" style="width: 18px; height: 12px" alt="EE"> <a href="http://www1.cs-manager.com/csm/other/?p=other_info&s=clan&c=494941" title="Moxo">Moxo</a> (<span style="color: #00f;">Founder</span>)</li>
<li><img src="http://www.team-aaa.com/img/flags/EU.gif" style="width: 18px; height: 12px" alt="EU"> <a href="http://www1.cs-manager.com/csm/other/?p=other_info&c=212401" title="Hans-boy">Hans-boy</a> (<span style="color: #00f;">Co-Leader</span>)</li>
<li><img src="http://www.team-aaa.com/img/flags/EU.gif" style="width: 18px; height: 12px" alt="EU"></li>
<li><img src="http://www.team-aaa.com/img/flags/EU.gif" style="width: 18px; height: 12px" alt="EU"></li>
<li><img src="http://www.team-aaa.com/img/flags/EU.gif" style="width: 18px; height: 12px" alt="EU"></li>
<li><img src="http://www.team-aaa.com/img/flags/EU.gif" style="width: 18px; height: 12px" alt="EU"></li>
<li><img src="http://www.team-aaa.com/img/flags/EU.gif" style="width: 18px; height: 12px" alt="EU"></li>
<li><img src="http://www.team-aaa.com/img/flags/EU.gif" style="width: 18px; height: 12px" alt="EU"></li>
<li><img src="http://www.team-aaa.com/img/flags/EU.gif" style="width: 18px; height: 12px" alt="EU"></li>
<li><img src="http://www.team-aaa.com/img/flags/EU.gif" style="width: 18px; height: 12px" alt="EU"></li>
<li><img src="http://www.team-aaa.com/img/flags/EU.gif" style="width: 18px; height: 12px" alt="EU"></li>
<li><img src="http://www.team-aaa.com/img/flags/EU.gif" style="width: 18px; height: 12px" alt="EU"></li>
<li><img src="http://www.team-aaa.com/img/flags/EU.gif" style="width: 18px; height: 12px" alt="EU"></li>
<li><img src="http://www.team-aaa.com/img/flags/EU.gif" style="width: 18px; height: 12px" alt="EU"></li>
<li><img src="http://www.team-aaa.com/img/flags/EU.gif" style="width: 18px; height: 12px" alt="EU"></li>
<li><img src="http://www.team-aaa.com/img/flags/EU.gif" style="width: 18px; height: 12px" alt="EU"></li>
<li><img src="http://www.team-aaa.com/img/flags/EU.gif" style="width: 18px; height: 12px" alt="EU"></li>
<li><img src="http://www.team-aaa.com/img/flags/EU.gif" style="width: 18px; height: 12px" alt="EU"></li>
<li><img src="http://www.team-aaa.com/img/flags/EU.gif" style="width: 18px; height: 12px" alt="EU"></li>
<li><img src="http://www.team-aaa.com/img/flags/EU.gif" style="width: 18px; height: 12px" alt="EU"></li>
</ul>
<a href="http://www1.cs-manager.com/csm/other/?p=other_info&s=mail&u=356541" title="Contact / Recruiting">Contact / Recruiting</a>
</div>
</body></html>
<!-- ** file created on 10/28/2008 4:11:26 PM ** -->
<!-- ** file created by MSS Website Studio http://www.marsansoft.com --> |
|
|
NeedLotHelp
Joined: 28 Oct 2008
Posts: 4
|
| Posted: Thu Oct 30, 2008 1:16 am |
|
|
| Anyway the point is that that design goes as one background like background image, and the other images go on top of it with the names and stuff |
|
|
NeedLotHelp
Joined: 28 Oct 2008
Posts: 4
|
| Posted: Thu Oct 30, 2008 1:21 am |
|
|
Code:
<table width="578" border="0" cellpadding="0" cellspacing="0" background="<div style="background-color:#F7F79B;">
<table width="578" border="0" cellpadding="0" cellspacing="0" background="http://imageshack.dk/imagesfree/xQT82438.png" align="center" style="cursor:text;"><tr><td height="275" colspan="3" valign="top"> </td></tr><tr><td width="57" rowspan="2" valign="top"> </td><td width="427" rowspan="2" valign="top"><p><font color="darkblue" size="2"><b><img src="http://www.nip-gaming.com/images/flags/es.gif"> <a href="http://www1.cs-manager.com/csm/other/?p=other_info&s=clan&c=409673">Soul Riders</a> </strong></p> <p><strong> <img src="http://www.nip-gaming.com/images/flags/es.gif"> <a href="http://www1.cs-manager.com/csm/other/?p=other_info&s=clan&c=455847">Malalt </a> </strong></p> <p><strong> <img src="http://www.nip-gaming.com/images/flags/es.gif"> <a href="http://www1.cs-manager.com/csm/other/?p=other_info&s=clan&c=408458">Los Pelochos</a></strong></p> <p><strong> <img src="http://www.nip-gaming.com/images/flags/es.gif"><a href="http://www1.cs-manager.com/csm/other/?p=other_info&s=clan&c=455795">CRW</a></strong></p> <p><strong> <img src="http://www.nip-gaming.com/images/flags/es.gif"> <a href="http://www1.cs-manager.com/csm/other/?p=other_info&s=clan&c=409658">gotohell</a></strong></p> <p><strong> <img src="http://www.nip-gaming.com/images/flags/es.gif"> <a href="http://www1.cs-manager.com/csm/other/?p=other_info&s=clan&c=409732">soulriders</a></strong></p> <p><strong> <img src="http://www.nip-gaming.com/images/flags/es.gif"> <a href="http://www1.cs-manager.com/csm/other/?p=other_info& s=clan&c=455707">Wî®ÎØ®$</a></strong></p></td><td width="94" height="254" valign="top"><p><img src="http://www1.cs-manager.com/images/trophy_2_1.png">X 4 <img src="http://www1.cs-manager.com/images/trophy_2_2.png">X 0</p> <p> <img src="http://www1.cs-manager.com/images/trophy_2_3.png">X 0 <img src="http://www1.cs-manager.com/images/trophy_1_1.png">X 0</p> <p><img src="http://www1.cs-manager.com/images/trophy_1_2.png">X 0 <img src="http://www1.cs-manager.com/images/trophy_1_3.png">X 0</p></td></tr><tr><td height="124" valign="top"></td></tr><tr><td height="86" colspan="3" valign="top"></td></tr></table> </div>
" align="center" style="cursor:text;"><tr><td height="275" colspan="3" valign="top"> </td></tr><tr><td width="57" rowspan="2" valign="top"> </td><td width="427" rowspan="2" valign="top"><p><font color="darkblue" size="2"><b><img src="http://www.nip-gaming.com/images/flags/es.gif"> <a href="http://www1.cs-manager.com/csm/other/?p=other_info&s=clan&c=409673">Soul Riders</a> </strong></p> <p><strong> <img src="http://www.nip-gaming.com/images/flags/es.gif"> <a href="http://www1.cs-manager.com/csm/other/?p=other_info&s=clan&c=455847">Malalt </a> </strong></p> <p><strong> <img src="http://www.nip-gaming.com/images/flags/es.gif"> <a href="http://www1.cs-manager.com/csm/other/?p=other_info&s=clan&c=408458">Los Pelochos</a></strong></p> <p><strong> <img src="http://www.nip-gaming.com/images/flags/es.gif"><a href="http://www1.cs-manager.com/csm/other/?p=other_info&s=clan&c=455795">CRW</a></strong></p> <p><strong> <img src="http://www.nip-gaming.com/images/flags/es.gif"> <a href="http://www1.cs-manager.com/csm/other/?p=other_info&s=clan&c=409658">gotohell</a></strong></p> <p><strong> <img src="http://www.nip-gaming.com/images/flags/es.gif"> <a href="http://www1.cs-manager.com/csm/other/?p=other_info&s=clan&c=409732">soulriders</a></strong></p> <p><strong> <img src="http://www.nip-gaming.com/images/flags/es.gif"> <a href="http://www1.cs-manager.com/csm/other/?p=other_info& s=clan&c=455707">Wî®ÎØ®$</a></strong></p></td><td width="94" height="254" valign="top"><p><img src="http://www1.cs-manager.com/images/trophy_2_1.png">X 4 <img src="http://www1.cs-manager.com/images/trophy_2_2.png">X 0</p> <p> <img src="http://www1.cs-manager.com/images/trophy_2_3.png">X 0 <img src="http://www1.cs-manager.com/images/trophy_1_1.png">X 0</p> <p><img src="http://www1.cs-manager.com/images/trophy_1_2.png">X 0 <img src="http://www1.cs-manager.com/images/trophy_1_3.png">X 0</p></td></tr><tr><td height="124" valign="top"></td></tr><tr><td height="86" colspan="3" valign="top"></td></tr></table>
any mistakes? |
|
|
NeedLotHelp
Joined: 28 Oct 2008
Posts: 4
|
| Posted: Thu Oct 30, 2008 2:34 pm |
|
|
Quote: This code works but it doesn't have that background :(
Try correcting the following in red and to set a proper height for the background image. Tables with bg images is a bad idea unless the image is tilable.
Quote: <table width="578" border="0" cellpadding="0" cellspacing="0" background="<div style="background-color:#F7F79B;"> |
|
|
| |
|
|
|
Powered by phpBB Search Engine Indexer
Powered by phpBB 2.0.19 © 2001, 2002 phpBB Group
|
