Tech Support Forum banner
Cancel

Table cells in Dreamweaver

Jump to Latest Follow
Status
Not open for further replies.
1 - 8 of 8 Posts
C

· Registered
Joined
·
94 Posts
Discussion Starter · #1 ·
I have a web site at http://www.cymru-alliance.co.uk/

At the bottom in the center there is a table with six cells, the top and bottom cells display alright but the middle cells have a gap under the writting.

How do I get rid of this gap, it does not show in dreamweaver

Thanks for your anticipated help

CA
 
DonaldG

· TSF - Emeritus
Joined
·
15,058 Posts
#2 · (Edited)
Hi

You have 2 surplus breaks in both cells and a <P> & </P> in one of them that upsets the balance. (In a ROW of cells, all the cells will inherit the height of the biggest one.)

In the code below, I have removed them. Copy & paste the whole code over into a new index.html

By the way, all of your images are showing heavy 'jpg artifacts' due to over compressing them.


Code: 
<HTML>
<HEAD>
<style type="text/css">
body {
margin: 0 auto;
}

table {
margin: 0;
}


/*Example CSS for the two demo scrollers*/

#pscroller1{
width: 150px;
height: 150px;
border: 0px solid black;
padding: 5px;
background-color: white;
}

#pscroller2{
width: 350px;
height: 20px;
border: 0px white;
padding: 1px;
}

#pscroller2 a{
text-decoration: none;
}

.someclass{ //class to apply to your scroller(s) if desired
}
</style>

<script type="text/javascript">

/*Example message arrays for the two demo scrollers*/

var pausecontent=new Array()
pausecontent[0]='<a href="http://www.cymru-alliance.co.uk/Weekendinpics.htm">Weekend action</a><br />In pictures.'
pausecontent[1]='<a href="http://www.cymru-alliance.co.uk/Disciplinery07.htm">Disciplinery</a><br />Per club.'
pausecontent[2]='<a href="http://www.cymru-alliance.co.uk/promotion08.htm">Promotion update</a><br/>Latest applicants.'
pausecontent[3]='<a href="http://www.cymru-alliance.co.uk/Players moves.htm">Player moves</a><br/>From 1st. January.'
pausecontent[4]='<a href="http://www.gapqueensparkfc.com/">Gap Queens Park</a><br/>New web site.'
</script>

<script type="text/javascript">

/***********************************************
* Pausing up-down scroller- © Dynamic Drive (www.dynamicdrive.com)
* This notice MUST stay intact for legal use
* Visit http://www.dynamicdrive.com/ for this script and 100s more.
***********************************************/

function pausescroller(content, divId, divClass, delay){
this.content=content //message array content
this.tickerid=divId //ID of ticker div to display information
this.delay=delay //Delay between msg change, in miliseconds.
this.mouseoverBol=0 //Boolean to indicate whether mouse is currently over scroller (and pause it if it is)
this.hiddendivpointer=1 //index of message array for hidden div
document.write('<div id="'+divId+'" class="'+divClass+'" style="position: relative; overflow: hidden"><div class="innerDiv" style="position: absolute; width: 100%" id="'+divId+'1">'+content[0]+'</div><div class="innerDiv" style="position: absolute; width: 100%; visibility: hidden" id="'+divId+'2">'+content[1]+'</div></div>')
var scrollerinstance=this
if (window.addEventListener) //run onload in DOM2 browsers
window.addEventListener("load", function(){scrollerinstance.initialize()}, false)
else if (window.attachEvent) //run onload in IE5.5+
window.attachEvent("onload", function(){scrollerinstance.initialize()})
else if (document.getElementById) //if legacy DOM browsers, just start scroller after 0.5 sec
setTimeout(function(){scrollerinstance.initialize()}, 500)
}

// -------------------------------------------------------------------
// initialize()- Initialize scroller method.
// -Get div objects, set initial positions, start up down animation
// -------------------------------------------------------------------

pausescroller.prototype.initialize=function(){
this.tickerdiv=document.getElementById(this.tickerid)
this.visiblediv=document.getElementById(this.tickerid+"1")
this.hiddendiv=document.getElementById(this.tickerid+"2")
this.visibledivtop=parseInt(pausescroller.getCSSpadding(this.tickerdiv))
//set width of inner DIVs to outer DIV's width minus padding (padding assumed to be top padding x 2)
this.visiblediv.style.width=this.hiddendiv.style.width=this.tickerdiv.offsetWidth-(this.visibledivtop*2)+"px"
this.getinline(this.visiblediv, this.hiddendiv)
this.hiddendiv.style.visibility="visible"
var scrollerinstance=this
document.getElementById(this.tickerid).onmouseover=function(){scrollerinstance.mouseoverBol=1}
document.getElementById(this.tickerid).onmouseout=function(){scrollerinstance.mouseoverBol=0}
if (window.attachEvent) //Clean up loose references in IE
window.attachEvent("onunload", function(){scrollerinstance.tickerdiv.onmouseover=scrollerinstance.tickerdiv.onmouseout=null})
setTimeout(function(){scrollerinstance.animateup()}, this.delay)
}


// -------------------------------------------------------------------
// animateup()- Move the two inner divs of the scroller up and in sync
// -------------------------------------------------------------------

pausescroller.prototype.animateup=function(){
var scrollerinstance=this
if (parseInt(this.hiddendiv.style.top)>(this.visibledivtop+5)){
this.visiblediv.style.top=parseInt(this.visiblediv.style.top)-2+"px"
this.hiddendiv.style.top=parseInt(this.hiddendiv.style.top)-5+"px"
setTimeout(function(){scrollerinstance.animateup()}, 50)
}
else{
this.getinline(this.hiddendiv, this.visiblediv)
this.swapdivs()
setTimeout(function(){scrollerinstance.setmessage()}, this.delay)
}
}

// -------------------------------------------------------------------
// swapdivs()- Swap between which is the visible and which is the hidden div
// -------------------------------------------------------------------

pausescroller.prototype.swapdivs=function(){
var tempcontainer=this.visiblediv
this.visiblediv=this.hiddendiv
this.hiddendiv=tempcontainer
}

pausescroller.prototype.getinline=function(div1, div2){
div1.style.top=this.visibledivtop+"px"
div2.style.top=Math.max(div1.parentNode.offsetHeight, div1.offsetHeight)+"px"
}

// -------------------------------------------------------------------
// setmessage()- Populate the hidden div with the next message before it's visible
// -------------------------------------------------------------------

pausescroller.prototype.setmessage=function(){
var scrollerinstance=this
if (this.mouseoverBol==1) //if mouse is currently over scoller, do nothing (pause it)
setTimeout(function(){scrollerinstance.setmessage()}, 100)
else{
var i=this.hiddendivpointer
var ceiling=this.content.length
this.hiddendivpointer=(i+1>ceiling-1)? 0 : i+1
this.hiddendiv.innerHTML=this.content[this.hiddendivpointer]
this.animateup()
}
}

pausescroller.getCSSpadding=function(tickerobj){ //get CSS padding value, if any
if (tickerobj.currentStyle)
return tickerobj.currentStyle["paddingTop"]
else if (window.getComputedStyle) //if DOM2
return window.getComputedStyle(tickerobj, "").getPropertyValue("padding-top")
else
return 0
}

</script>
<TITLE>Cymru Alliance League</TITLE>
<br>
<META http-equiv=Content-Type content="text/html; charset=iso-8859-1">
<META content=index,follow name=robots>
<META content=en name=language>
<META content="MSHTML 6.00.2900.2912" name=GENERATOR>
<style type="text/css">
<!--
body {
	background-color: #FFFFFF;
	margin-left: 0%;
	margin-top: 0%;
	margin-right: 0%;
	margin-bottom: 0%;
	background-image: url();
}
.style8 {
	font-size: 12px;
	font-weight: bold;
}
.style339 {color: #0000FF; }
.style346 {font-size: 10px}
.style358 {font-size: 14px; font-weight: bold; color: #FFFFFF; }
.style103 {font-size: 12px}
.style123 {font-size: 16px; }
.style141 {font-size: 34px}
.style149 {
	color: #FF0000;
	font-style: italic;
	font-weight: bold;
}
.style152 {color: #FF0000}
.style154 {color: #FFFFFF; font-size: 12px; }
.style158 {color: #FFFFFF; font-style: italic; font-size: 9px; }
.style161 {color: #0000FF; font-size: 12px; }
.style165 {
	font-size: 12px;
	font-style: italic;
	color: #FF0000;
}
.style167 {color: #0000FF; font-size: 12px; font-style: italic; }
.style168 {color: #FF0000; font-size: 12px; }
.style169 {
	font-size: 16px;
	font-style: italic;
	color: #FF0000;
}
-->
</style>
</HEAD><script src="menuscript.js" language="javascript" type="text/javascript"></script>
<link rel="stylesheet" type="text/css" href="menustyle.css" media="screen, print" />
<BODY lang=en vLink=#000090 aLink=#000090 link=#000090>
<div align="center">
  [MEDIA=youtube]flashplayer[/MEDIA]
</div>
<tr>

<tr>

<tr>
  <MARQUEE WIDTH="90%" BEHAVIOR="scroll" SCROLLAMOUNT="6" DIRECTION="left" BGColor="ffffFF">
  <font color="FF3333" size="5" face="GAZE">Manager & Player of the month announced</a></font>
  </MARQUEE>
<tr><td><div align="center"><a href="http://www.cymru-alliance.co.uk" onMouseOver="setOverImg('1','');overSub=true;showSubMenu('submenu1','button1');" onMouseOut="setOutImg('1','');overSub=false;setTimeout('hideSubMenu(\'submenu1\')',delay);" target=""><img src="buttons/button1up.png" name="button1" hspace="2" vspace="1" border="0" id="button1"></a><a href="*" onMouseOver="setOverImg('2','');overSub=true;showSubMenu('submenu2','button2');" onMouseOut="setOutImg('2','');overSub=false;setTimeout('hideSubMenu(\'submenu2\')',delay);" target=""><img src="buttons/button2up.png" border="0" id="button2" vspace="1" hspace="2"></a><a href="*" onMouseOver="setOverImg('3','');overSub=true;showSubMenu('submenu3','button3');" onMouseOut="setOutImg('3','');overSub=false;setTimeout('hideSubMenu(\'submenu3\')',delay);" target=""><img src="buttons/button3up.png" border="0" id="button3" vspace="1" hspace="2"></a><a href="*" onMouseOver="setOverImg('4','');overSub=true;showSubMenu('submenu4','button4');" onMouseOut="setOutImg('4','');overSub=false;setTimeout('hideSubMenu(\'submenu4\')',delay);" target=""><img src="buttons/button4up.png" border="0" id="button4" vspace="1" hspace="2"></a><a href="*" onMouseOver="setOverImg('5','');overSub=true;showSubMenu('submenu5','button5');" onMouseOut="setOutImg('5','');overSub=false;setTimeout('hideSubMenu(\'submenu5\')',delay);" target=""><img src="buttons/button5up.png" border="0" id="button5" vspace="1" hspace="2"></a><a href="*" onMouseOver="setOverImg('6','');overSub=true;showSubMenu('submenu6','button6');" onMouseOut="setOutImg('6','');overSub=false;setTimeout('hideSubMenu(\'submenu6\')',delay);" target=""><img src="buttons/button6up.png" width="107" height="18" hspace="2" vspace="1" border="0" id="button6"></a>
            </div>
        <TABLE height=100% cellSpacing=0 cellPadding=0 width=772 align=center 
bgColor=#ffffff border=0>
          <TBODY>
            <TR>
              <TD vAlign=top width=145 bgColor=#ffffff height=978>
                <TABLE width=139 height=158 
      border=1 align=center cellPadding=0 cellSpacing=0 bordercolor="#FF0000">
                  <TBODY>
                    <TR>
                      <TD width="135" height=19 bgColor=#FF0000><div align="center" class="style358"><u>NEXT FIXTURES </u></div></TD>
                    </TR>
                    <TR>
                      <TD bgColor=#FFFFFF height=137><table align="center" cellpadding="0" cellspacing="0">
                        <col width="73">
                        <col width="20">
                        <col width="90">
                        <tr height="17">
                          <td width="139" height="133"><div align="center"><u><span class="style161">Saturday November 22nd. </span></u>
                          </div>
                            <table cellspacing="0" cellpadding="0">
                              <col width="137">
                              <col width="25">
                              <col width="170">
                              <tr height="20">
                                <td width="65" height="20" class="style346"><div align="center">Buckley</div></td>
                                <td width="16" class="style346"><div align="center">v</div></td>
                                <td width="58" class="style346"><div align="center">Llanfair PG</div></td>
                              </tr>
                              <tr height="20">
                                <td height="20" class="style346"><div align="center">Denbigh</div></td>
                                <td class="style346"><div align="center">v</div></td>
                                <td class="style346"><div align="center">Llandudno</div></td>
                              </tr>
                              <tr height="20">
                                <td height="20" class="style346"><div align="center">Gresford</div></td>
                                <td class="style346"><div align="center">v</div></td>
                                <td class="style346"><div align="center">Flint </div></td>
                              </tr>
                              <tr height="20">
                                <td height="20" class="style346"><div align="center">Guilsfield</div></td>
                                <td class="style346"><div align="center">v</div></td>
                                <td class="style346"><div align="center">Glantraeth</div></td>
                              </tr>
                              <tr height="20">
                                <td height="20" class="style346"><div align="center">Holyhead</div></td>
                                <td class="style346"><div align="center">v</div></td>
                                <td class="style346"><div align="center">Ruthin</div></td>
                              </tr>
                              <tr height="20">
                                <td height="20" class="style346"><div align="center">Llandyrnog</div></td>
                                <td class="style346"><div align="center">v</div></td>
                                <td class="style346"><div align="center">Lex X1</div></td>
                              </tr>
                              <tr height="20">
                                <td height="20" class="style346"><div align="center">Mold Alex</div></td>
                                <td class="style346"><div align="center">v</div></td>
                                <td class="style346"><div align="center">Llangefni</div></td>
                              </tr>
                              <tr height="20">
                                <td height="20" class="style346"><div align="center">Mynydd Isa</div></td>
                                <td class="style346"><div align="center">v</div></td>
                                <td class="style346"><div align="center">Bala</div></td>
                              </tr>
                            </table></td>
                        </tr>
                      </table>
                      </TD>
                    </TR>
                  </TBODY>
                </TABLE>
                <div align="center">
                  <center>
                    <div align="center"><IMG src="whitespace3mm.jpg" alt="11" width="37" height="6">
                        <table width="140" border="1" align="center" bordercolor="#FF0000" bgcolor="#FF0000">
                          <tr>
                            <td width="132" class="style103"><div align="center" class="style358"><u>LEAGUE SPONSOR </u></div></td>
                          </tr>
                          <tr>
                            <td><div align="center"><a href="http://www.huwsgray.co.uk/DesktopDefault.aspx?tabid=169"><img src="Images/hg_frontnov07.gif" alt="League Sponsor" width="113" height="35" border="0"></a></div></td>
                          </tr>
                          <tr>
                            <td><div align="center"><IMG src="whitespace3mm.jpg" alt="1" width="37" height="6"></div></td>
                          </tr>
                          <tr>
                            <td bgcolor="#FF0000"><div align="center"><span class="style358"><u>CLUB OF THE SEASON SPONSOR </u></span></div></td>
                          </tr>
                          <tr bgcolor="#FF0000">
                            <td><div align="center"><a href="http://www.turner-peachey.co.uk/"><img src="Images/TP logo colourSM.JPG" alt="Turner & Peachey" width="133" height="46" border="1"></a></div></td>
                          </tr>
                          <tr>
                            <td><div align="center"><IMG src="whitespace3mm.jpg" alt="1" width="37" height="6"></div></td>
                          </tr>
                          <tr>
                            <td bgcolor="#FF0000"><div align="center" class="style358"><u>MANAGER OF THE MONTH SPONSOR </u></div></td>
                          </tr>
                          <tr bgcolor="#FF0000">
                            <td><div align="center"><a href="http://www.northwalesjoinery.co.uk/"><img src="Images/NWJ.PNG" alt="North Wales Joinery" width="115" height="32" border="1"></a></div></td>
                          </tr>
                          <tr>
                            <td><div align="center"><IMG src="whitespace3mm.jpg" alt="1" width="37" height="6"></div></td>
                          </tr>
                          <tr>
                            <td bgcolor="#FF0000"><div align="center" class="style358"><u>PLAYER OF THE MONTH SPONSOR </u></div></td>
                          </tr>
                          <tr bgcolor="#FF0000">
                            <td><div align="center"><img src="Images/Charisma08.JPG" alt="Charisma Trophies" width="117" height="46"></div></td>
                          </tr>
                          <tr>
                            <td><div align="center"><IMG src="whitespace3mm.jpg" alt="1" width="37" height="6"></div></td>
                          </tr>
                          <tr>
                            <td><div align="center"><span class="style8"><u><font color="#FFFFFF" face="Arial"><img src="Images/CAsmall.JPG" alt="CA" width="117" height="95"></font></u></span></div></td>
                          </tr>
                          <tr>
                            <td height="24"><div align="center"><span class="style158">The views on this site are not <br>
                            always those of the league</span></div></td>
                          </tr>
                        </table>
                    </div>
                  </center>
              
                </div>
              </TD>
              <TD vAlign=top width=488 bgColor=#CCCCCC height=978>
                <TABLE width=482 border=0 align=center cellSpacing=1 bordercolor="#CCCCCC">
                  <TBODY>
                    <TR>
                      <TD vAlign=top bgColor=#ffffff height=976 width="478"><TABLE height=974 cellSpacing=1 width=476 align=center border=0>
                        <TBODY>
                          <TR>
                            <TD vAlign=top bgColor=#ffffff height=950 width="472"><h1 class="style141">RUTHIN GO NAP </h1>
                                <table width="216"  border="2" align="right" cellpadding="0" cellspacing="2">
                                  <tr align="center" bgcolor="#CCCCCC">
<td width="206" height="183" bgcolor="#FFFFFF"><span class="style149"><span class="style339"><span class="style152">Saturday November 15th.</span></span></span><span class="style149"><br>
                                      </span>
                                  <table cellspacing="0" cellpadding="0">
                                    <col width="155">
                                        <col width="41">
                                        <col width="175">
                                        <tr height="20">
                                          <td width="86" height="20" bgcolor="#CCCCCC"><div align="center">Bala    Town</div></td>
                                          <td width="48" bgcolor="#CCCCCC"><div align="center" class="style103">0-0</div></td>
                                          <td width="70" bgcolor="#CCCCCC"><div align="center">Buckley </div></td>
                                    </tr>
                                        <tr height="20">
                                          <td height="20"><div align="center">Glantraeth</div></td>
                                          <td><div align="center" class="style103">1-2</div></td>
                                          <td><div align="center">Gresford </div></td>
                                        </tr>
                                        <tr height="20">
                                          <td height="20" bgcolor="#CCCCCC"><div align="center">Lex X1</div></td>
                                          <td bgcolor="#CCCCCC"><div align="center" class="style103">2-3</div></td>
                                          <td bgcolor="#CCCCCC"><div align="center">Guilsfield</div></td>
                                    </tr>
                                        <tr height="20">
                                          <td height="20"><div align="center">Llanfair PG</div></td>
                                          <td><div align="center" class="style103">1-3</div></td>
                                          <td><div align="center">Denbigh </div></td>
                                        </tr>
                                        <tr height="20">
                                          <td height="20" bgcolor="#CCCCCC"><div align="center">Llangefni</div></td>
                                          <td bgcolor="#CCCCCC"><div align="center" class="style103">2-2</div></td>
                                          <td bgcolor="#CCCCCC"><div align="center">Flint Town</div></td>
                                    </tr>
                                        <tr height="20">
                                          <td height="20"><div align="center">Mynydd Isa</div></td>
                                          <td><div align="center" class="style103">3-3</div></td>
                                          <td><div align="center">Llandudno</div></td>
                                        </tr>
                                        <tr height="20">
                                          <td height="20" bgcolor="#CCCCCC"><div align="center">Penrhyncoch</div></td>
                                          <td bgcolor="#CCCCCC"><div align="center" class="style168">P-P</div></td>
                                          <td bgcolor="#CCCCCC"><div align="center">Holyhead </div></td>
                                    </tr>
                                        <tr height="20">
                                          <td height="20"><div align="center">Ruthin </div></td>
                                          <td><div align="center" class="style103">5-2</div></td>
                                          <td><div align="center">Mold Alex</div></td>
                                        </tr>
                                  </table>
                                  <table width="200">
                                    <tr>
                                      <td><a href="Fixtures0809/15thNov08.html" class="style169">Reports</a></td>
                                      <td><div align="right"><a href="Weekendinpics15Nov.html"><em>Action</em></a></div></td>
                                    </tr>
                                  </table></td>
                                  </tr>
                                </table>
                              <p class="style123">Leaders Bala Town and Buckley Town finished all square. Second place Holyhead Hotspur 's game at Penrhyncoch was postponed after heavy rain. Mynydd Isa  and Llandudno  share six goals. Theres a last minute equaliser for Llangefni Town at home to Flint Town United. In the "six-pointer" at the bottom of the table Gresford Athletic's ten men beat Glantraeth. Guilsfield come from two down to win at Lex X1. Llanfair PG are beaten at home by Denbigh Town and Ruthin Town are the days highest scorers with five against Mold Alex <br>
                              <a href="http://www.dailypost.co.uk/sport-news/breaking_news/2008/11/14/cymru-alliance-preview-55578-22261052/"></a></p>
                                <table width="100%" height="14%" border="1" align="center"cellpadding="0" cellspacing="1" bordercolor="#CCCCCC" cols="50%, 50%" class="hloop">
                                <tr>
                                  <td height="33%"><strong>FLINT YOUNGSTERS CHANCE </strong><br />                                    
                                    <span class="style103"><img src="Images0809/Jack AbrahamsSM.JPG" alt="Jack Abrahams" width="60" height="60" align="left">Flint Town Uniteds Jack Abraham<br>
                                    is ninety minutes away from schollboy dream<br>
                                    <a href="http://www.flintshirechronicle.co.uk/flintshire-sport/flintshire-football/2008/11/14/cymru-alliance-date-with-destiny-for-rising-star-jack-51352-22250880/" class="style339"><em><More>                                    </em></a></span></td>
                                  <td><strong>PLAYER OF THE MONTH </strong><strong> </strong><br />
                                    <img src="Images0809/POM/POMCDOctSM.JPG" alt="Calvin Davies" width="60" height="60" style="float: left; margin-right: 0.5em" /><span class="style103">Calvin Davies of Denbigh Town is the Charisma Trophies player of the month for October <a href="POM.htm"><em><more></em></a> </span></td>
                                </tr>
                                <tr>
                                  <td width="241" height="34%"><div class="hloop">
                                    <div align="left"><strong>FUND RAISERS </strong><br>
                                      <span class="style103"><img src="Images0809/BTGALogo.JPG" width="60" height="60" align="left">Sportmens Evenings </span><br>
                                      <span class="style103">Clink club for more information </span><br>
                                      <span class="style165"><a href="BuckleySnoddin.html" class="style165"><Buckley></a><a href="http://www.gresfordathletic.co.uk/JOHNSON08.html"><Gresford></a><a href="FlintKendall.html" class="style165"></a><a href="FlintKendall.html" class="style165"><Flint></a><br>
                                      <a href="http://www.footballclubsonline.net/penrhyncoch/?page_id=97"><Penrhyncoch></a></span>
                                    </div>
                                  </div></td>
                                  <td width="220" height="34%"><div class="hloop">
                                    <strong>GRANT AID INFORMATION  </strong><br />
                                    <img src="Images0809/WGISM.JPG" alt="FAW" width="49" height="49" style="float: left; margin-right: 0.5em" /><span class="style103">Policy and application form </span><span class="style103"> </span><br>
                                    <a href="GAPolicy.doc?ID=7321"><span class="style165"><policy></span></a><br>
                                    <span class="style167"><a href="GA App Form.doc"><application form> </a></span>
                                  </div></td>
                                </tr>
                                <tr>
                                  <td height="81"><div class="hloop"><strong>DISCIPLINERY UPDATED</strong><br />
                                    <span class="style103"><img src="Images/FAWlogo.gif" alt="FAW" width="60" height="60" style="float: left; margin-right: 0.5em" />FAW player suspensions report <br>
                                            14th. November<br>
                                    <a href="DISCIPLINE/FAW Suspensions Report 14.11.08.doc" class="style103"><em><Report></em></a></span> ---- <a href="Disc table.htm" class="style103"><em><table> </em></a><br>
                                    <br>
                                  </div></td>
                                  <td><strong>NEWS ARCHIVE </strong><br />
                                      <img src="Images/CA.jpg" alt="CA LOGO" width="60" height="60" style="float: left; margin-right: 0.5em" /><span class="style103">All the stories and news<br>
                                    <a href="http://www.cymru-alliance.co.uk/Archive.html"><em><more></em></a></span></td>
                                </tr>
                              </table>
                              <div align="center"><img src="Images/CA ballFAW.jpg" width="470" height="207"><br>
                            <a href="Ruthin v Bala.VOB"></a></div>
                              <table width="200" align="center">
                                <tr>
                                  <td height="97"><!-- Start of Globel Code -->
<CENTER>
<script language="JavaScript">
var count = "ca2008counter";          // Change Your Account?
var type = "brush";       // Change Your Counter Image?
var digits = "10";          // Change The Amount of Digits on Your Counter?
var prog = "hit";          // Change to Either hit/unique?
var statslink = "no";    // provide statistical link in counter yes/no?
var sitelink = "yes";     // provide link back to our site;~) yes/no?
var cntvisible = "yes"; // do you want counter visible yes/no?
</script>
<!-- START DO NOT TAMPER WITH ANYTHING ELSE BELOW THIS LINE FOR YOUR WEBTV & UNIX VISITORS -->
<script language="JavaScript" src="http://008.free-counters.co.uk/count-052.js">
</script>
<noscript>
<a href="http://www.free-counters.co.uk/" target="_blank">
<img  src="http://008.free-counters.co.uk/count-052.pl?count=ca2008counter&cntvisible=no&mode=noscript" alt="counter" title="counter" border="0"></a>The following text will not be seen after you upload your website,
please keep it in order to retain your counter functionality 
</noscript>
</CENTER>        
<!-- End of Globel Code --></td>
                                </tr>
                                <tr>
                                  <td height="21"><div align="center"><em>From Oct 08 </em></div></td>
                                </tr>
                            </table></TD>
                          </TR>
                          <TR>
                            <TD vAlign=top bgColor=#ffffff height=21><div align="center">for assistance or set up 
                              of football websites email <a href="mailto:[email protected]">designIT</a> </div></TD>
                          </TR>
                        </TBODY>
                      </TABLE>
                      </TD>
                    </TR>
                  </TBODY>
                </TABLE>
              </TD>
              <TD vAlign=top width=154 bgColor=#ffffff height=978><TABLE width=124 height=146 
      border=0 align=center cellPadding=0 cellSpacing=0 style="margin-bottom: -7">
                <TBODY>
                  <TR>
                    <TD bgColor=#FF0000 height=20><p align="center"><b><font color="#FFFFFF" face="Arial" size="2"> <u>MINI TABLE </u></font></b></TD>
                  </TR>
                  <TR>
                    <TD bgColor=#FFFFFF><div align="center">
                        <center>
                          <TABLE width=129 height=206 
            border=0 align="center" cellPadding=0 cellSpacing=0 bordercolor="#FF0000" style="border-collapse: collapse; border-left-width: 1; border-right-width: 1; border-bottom-width: 1">
                            <TBODY>
                              <TR>
                                <TD width="127" height=205 valign="top" bgColor=#ffffff style="border-left-style: solid; border-left-width: 1; border-right-style: solid; border-right-width: 1; border-top-style: none; border-top-width: medium; border-bottom-style: solid; border-bottom-width: 1"><table cellspacing="0" cellpadding="0">
                                  <col width="113">
                                  <col width="33">
                                  <col width="39">
                                  <tr height="31">
                                    <td width="113" height="31" class="style103"></td>
                                    <td width="33" class="style103"><div align="center">Pd</div></td>
                                    <td width="39" class="style103"><div align="center">Pts</div></td>
                                  </tr>
                                  <tr height="20">
                                    <td height="20" class="style103">Bala</td>
                                    <td class="style103"><div align="center">14</div></td>
                                    <td class="style103"><div align="center">33</div></td>
                                  </tr>
                                  <tr height="20">
                                    <td height="20" class="style103">Holyhead    </td>
                                    <td class="style103"><div align="center">11</div></td>
                                    <td width="39" class="style103"><div align="center">28</div></td>
                                  </tr>
                                  <tr height="20">
                                    <td height="20" class="style103">Ruthin T</td>
                                    <td class="style103"><div align="center">13</div></td>
                                    <td width="39" class="style103"><div align="center">24</div></td>
                                  </tr>
                                  <tr height="19">
                                    <td height="19" class="style103">Buckley T</td>
                                    <td class="style103"><div align="center">12</div></td>
                                    <td width="39" class="style103"><div align="center">23</div></td>
                                  </tr>
                                  <tr height="19">
                                    <td height="19" class="style103">Llandudno</td>
                                    <td class="style103"><div align="center">14</div></td>
                                    <td width="39" class="style103"><div align="center">22</div></td>
                                  </tr>
                                  <tr height="20">
                                    <td height="20" class="style103">Llangefni T</td>
                                    <td class="style103"><div align="center">12</div></td>
                                    <td width="39" class="style103"><div align="center">22</div></td>
                                  </tr>
                                  <tr height="19">
                                    <td height="19" class="style103">Mynydd Isa</td>
                                    <td class="style103"><div align="center">11</div></td>
                                    <td width="39" class="style103"><div align="center">19</div></td>
                                  </tr>
                                  <tr height="19">
                                    <td height="19" class="style103">Flint Town</td>
                                    <td class="style103"><div align="center">10</div></td>
                                    <td width="39" class="style103"><div align="center">18</div></td>
                                  </tr>
                                </table>
                                <p style="margin-left: 4; margin-right: 3; margin-top: 3; margin-bottom: 3; font-size: 12px;"><a href="Fixtures0809/League table0809.html">Full table </a> </TD>
                              </TR>
                            </TBODY>
                          </TABLE>
                          <IMG src="whitespace3mm.jpg" width="37" height="6">
                          <TABLE width=127 height=85 
      border=1 align=center cellPadding=0 cellSpacing=0 bordercolor="#FF0000">
                            <TBODY>
                              <TR>
                                <TD width="123" height=21 bgColor=#FF0000><div align="center" class="style154">LEAGUE CUP DRAW </div></TD>
                              </TR>
                              <TR>
                                <TD height="62" bgColor=#FFFFFF><div align="center">
                                  <div align="center" class="style339"><span class="style346"><strong>Round Two <br>
                                      </strong></span><span class="style346"><span class="style346">Guilsfield  v Flint T Utd <br>
                                        Lex X1 v Holyhead <br>
                                      Denbigh v Bala Town<br>
                                      Mynydd Isa v Ruthin Town</span><br>
                                </div></TD>
                              </TR>
                            </TBODY>
                          </TABLE>
                      </center>
                    </div></TD>
                  </TR>
                </TBODY>
              </TABLE>
                <div align="center"><IMG src="whitespace3mm.jpg" width="37" height="6">
                  <table width="145" border="1" align="center" bordercolor="#FF0000" bgcolor="#FF0000">
                    <tr>
                      <td width="135" class="style103"><div align="center" class="style358"><u>LEAGUE SPONSOR </u></div></td>
                    </tr>
                    <tr>
                      <td><div align="center"><a href="http://www.huwsgray.co.uk/DesktopDefault.aspx?tabid=169"><img src="Images/hg_frontnov07.gif" alt="League Sponsor" width="113" height="35" border="0"></a></div></td>
                    </tr>
                    <tr>
                      <td><div align="center"><IMG src="whitespace3mm.jpg" width="37" height="6"></div></td>
                    </tr>
                    <tr>
                      <td bgcolor="#FF0000"><div align="center"><span class="style358"><u>CLUB OF THE SEASON SPONSOR </u></span></div></td>
                    </tr>
                    <tr bgcolor="#FF0000">
                      <td><div align="center"><a href="http://www.turner-peachey.co.uk/"><img src="Images/TP logo colourSM.JPG" alt="Turner & Peachey" width="133" height="46" border="1"></a></div></td>
                    </tr>
                    <tr>
                      <td><div align="center"><IMG src="whitespace3mm.jpg" width="37" height="6"></div></td>
                    </tr>
                    <tr>
                      <td bgcolor="#FF0000"><div align="center" class="style358"><u>MANAGER OF THE MONTH SPONSOR </u></div></td>
                    </tr>
                    <tr bgcolor="#FF0000">
                      <td><div align="center"><a href="http://www.northwalesjoinery.co.uk/"><img src="Images/NWJ.PNG" alt="North Wales Joinery" width="115" height="32" border="1"></a></div></td>
                    </tr>
                    <tr>
                      <td><div align="center"><IMG src="whitespace3mm.jpg" width="37" height="6"></div></td>
                    </tr>
                    <tr>
                      <td bgcolor="#FF0000"><div align="center" class="style358"><u>PLAYER OF THE MONTH SPONSOR </u></div></td>
                    </tr>
                    <tr bgcolor="#FF0000">
                      <td><div align="center"><img src="Images/Charisma08.JPG" alt="Charisma Trophies" width="117" height="46"></div></td>
                    </tr>
                    <tr>
                      <td><div align="center"><IMG src="whitespace3mm.jpg" width="37" height="6"></div></td>
                    </tr>
                    <tr>
                      <td><div align="center"><span class="style8"><u><font color="#FFFFFF" face="Arial"><img src="Images/CAsmall.JPG" width="117" height="95"></font></u></span></div></td>
                    </tr>
                    <tr>
                      <td height="24"><div align="center"><span class="style158">The views on this site are not <br>
                      always those of the league</span></div></td>
                    </tr>
                  </table>
                  <br>
              </div>              </TD>
            </TR>
          </TBODY>
  </TABLE></td>
</tr></BODY></HTML>
 
Save Share
I

· Registered
Joined
·
1,853 Posts
#4 ·
the artifacts are compression levels being used on the images. when you save a jpg file there should be an option to add compression when saving. the 3 images below are at 0%, 50% and 100% compression. you can see how they degrade as the compression increases.
unfortunately you cannot undo the compression to a jpg once it's been applied.
 

Attachments

Save Share
DonaldG

· TSF - Emeritus
Joined
·
15,058 Posts
#5 ·
Glad to help - I see the space problem is sorted! :smile:

As Freddy says, once an image has artifacts, there is very little you can do.

This article describes the artifacts and how to avoid them. Click here

It is important to make copies of all images BEFORE they are ever worked on. Only work on the copies. Never work on the originals - they must be kept as 'originals' just in case they are ever needed. Believe me, it is surprising how often an original is referred to!
 
Save Share
DonaldG

· TSF - Emeritus
Joined
·
15,058 Posts
#6 ·

Fig1: The first image is a section of your picture at 400% to show the actual JPG artifacts

Fig 2: I have 'falsified' the image to show roughly what it should look like without the artifacts. (In my falsifying, I have painted over the artifacts to give the effect.)

Fig 3: This shows both images at 100% normal size - no prizes for guessing which is which! :grin:
 
Save Share
1 - 8 of 8 Posts
Status
Not open for further replies.
About this Discussion
7 Replies
5 Participants
Last post:
carsey
Tech Support Forum
A forum community dedicated to tech experts and enthusiasts. Come join the discussion about articles, computer security, Mac, Microsoft, Linux, hardware, networking, gaming, reviews, accessories, and more!
Full Forum Listing
Explore Our Forums
Windows XP Support Windows 7 , Windows Vista Support Motherboards, Bios|UEFI & CPU Networking Support Laptop Support
Top