homester

Hello all. Wasn't sure if this is the right place to post this so please move to apporpriate part of the forum if you can, thanks. Is it possible so that when I update a certain page on my site, say Events, those updates can then be automatically sent to varied social netorking sites such as twitter an facbook? Pretty sure it's possible but just not sure how. Any help would be appreciated thanks.

Hello all. Not sure where to put this so opted for here. Basically I'm on a forum just as a participant, the technical side is nothing to do with me, and when clicking on people's threads or when clicking on a person's name it will take me to that particular page but then almost immediately reload then take me back to the Main Discussions part of the forum. I'm using FF at the moment. Tried it in IE and it seems fine. Also blocked the forum from sending cookies to FF, worked for a while it seemed but now back to it's unusual behaviour. Any ideas what could be causing this strange behaviour? Thanks all.

Hello all. Need some help in getting my test site to work in IE6, any help would be greatly appreciated. Thank you. Here's the HTML: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en"> <head> <title>Example Site</title> <meta http-equiv="Content-type" content="text/html;charset=UTF-8" /> <link rel="stylesheet" href="global2.css" type="text/css" /> </head> <body> <div id="maincontainer"> <!--- Header and Search --> <div id="topsection"> <div class="inDiv"> <h1><a href="index.htm">main header</a></h1> <div id="search"> Search: </div> </div> </div> <!--- Central Content Area --> <div id="contentwrapper"> <div id="contentcolumn"> <div id="horizBar"> <ul> <li><a href="index.htm">Home</a></li> <li><a href="contact.htm">Contact</a></li> <li><a href="underCon.htm">About</a></li> <li><a href="underCon.htm">Offers</a></li> <li><a href="underCon.htm">Wedding List</a></li> <li><a href="feedback.htm">Feedback</a></li> <li><a href="underCon.htm">Site Map</a></li> </ul> </div> <div class="inDiv"> <p>Nunc aliquet elementum interdum. Donec eu ligula in sem tincidunt hendrerit. Suspendisse fermentum ante nec neque imperdiet tempor. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Pellentesque in risus tortor, a varius leo. Suspendisse potenti. Suspendisse potenti. Fusce nibh diam, ornare eget facilisis at, dignissim sit amet neque. Suspendisse nisl nisl, lobortis eget pharetra eget, feugiat eu enim.</p> <p>Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Pellentesque in risus tortor, a varius leo. Suspendisse potenti. Suspendisse potenti. Fusce nibh diam, ornare eget facilisis at, dignissim sit amet neque. Suspendisse nisl nisl, lobortis eget pharetra eget, feugiat eu enim.</p> </div> </div> </div> <!--- Left Navigation Bar --> <div id="leftcolumn"> <div class="inDiv"> <div class="plistTitle">product list</div> <div id="productList"> <ul> <li><a href="product.htm">product link</a></li> <li><a href="underCon.htm">product link</a></li> <li><a href="underCon.htm">product link</a></li> <li><a href="underCon.htm">product link</a></li> <li><a href="underCon.htm">product link</a></li> <li><a href="underCon.htm">product link</a></li> <li><a href="underCon.htm">product link</a></li> <li><a href="underCon.htm">product link</a></li> <li><a href="underCon.htm">product link</a></li> <li><a href="underCon.htm">product link</a></li> <li><a href="underCon.htm">product link</a></li> <li><a href="underCon.htm">product link</a></li> <li><a href="underCon.htm">product link</a></li> <li><a href="underCon.htm">product link</a></li> <li><a href="underCon.htm">product link</a></li> </ul> </div> </div> </div> <!--- Right Content Area --> <div id="rightcolumn"> <div class="inDiv"> <div id="shopWrap"> <span class="basketTitle">shopping basket</span><br /> </div> <div id="workLogin"> <span class="loginTitle">login area</span><br /> </div> </div> </div> <!--- Footer Area --> <div id="footer">Advertising Space If Needed or Inclusion of Other Link Options</div> </div> </body> </html> And here's the CSS: body { margin:0; padding:0; line-height: 1.5em; font-family: arial, helvetica, sans-serif; font-size: .85em; } /* Page Container */ #maincontainer { width: 960px; /*Width of main container*/ height: 580px; margin: 0 auto; /*Center container on page*/ } /* Top Header */ #topsection { height: 60px; /*Height of top section*/ } #topsection h1 { margin: 0; padding-top: 15px; border-bottom: 1px solid black; } #topsection h1 a { text-decoration: none; } h2 { text-align: center; } /* Search Form */ #search { text-align: right; } /* Main Content Area */ #contentwrapper { float: left; width: 100%; } #contentcolumn { margin: 0 190px 0 190px; /*Margins for content column*/ height: 500px; } #imageWrap { height: 500px; } img { width: 100px; height: 100px; margin-right: 1px; border: 1px solid black; } /* Left Column */ #leftcolumn { float: left; width: 180px; /*Width of left column in pixel*/ height: 520px; margin-left: -960px; /*Set margin to that of -(MainContainerWidth)*/ background: #fde95e; } #productList ul li { list-style-type: none; line-height: 2.2em; letter-spacing: 1px; } #productList ul li a:link { color: #498def; text-decoration: none; } #productList ul li a:hover { color: #7d7d7d; text-decoration: underline; } .plistTitle { text-align: center; font-weight: bold; font-size: 1.5em; } .basketTitle { text-align: center; font-weight: bold; font-size: 1.5em; } .loginTitle { text-align: center; font-weight: bold; font-size: 1.5em; } /* Right Column */ #rightcolumn { float: left; width: 190px; /*Width of right column*/ height: 520px; margin-left: -190px; /*Set left margin to -(RightColumnWidth)*/ background: #fde95e; } #shopWrap { width: 178px; height: 240px; } #workLogin { width: 178px; height: 240px; } #footer { clear: left; width: 960px; background: black; color: #FFF; text-align: center; padding: 10px 0; } /* Horizontal Navigation Bar */ #horizBar ul li { list-style-type: none; display: inline; } #horizBar ul li a:link { color: #498def; text-decoration: none; } #horizBar ul li a:hover { color: #7d7d7d; text-decoration: underline; } /* Inside division to provide padding */ .inDiv { margin: 10px; margin-top: 0; } Thanks in advance, if someone can help.

Hi all. Still learning and need a little help with my very simple layout problem. This layout appears fine in FF but not so in IE, Safari or Netscape 9. Here's the HTML; <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html> <head> <title>Example</title> <link rel="stylesheet" href="global.css" type="text/css" /> </head> <body> <!--- Main Header and Search Form ---> <div id="mainHead"> <h1>main header</h1> </div> <!--- Left Nav Bar ---> <div id="navBgContainer"> <div id="leftColumn"> <h2>product list</h2> <ul> <li> <a href="underCon.htm">Link1</a> </li> <li> <a href="underCon.htm">Link2</a> </li> <li> <a href="underCon.htm">Link3</a> </li> <li> <a href="underCon.htm">Link4</a> </li> <li> <a href="underCon.htm">Link5</a> </li> <li> <a href="underCon.htm">Link6</a> </li> <li> <a href="underCon.htm">Link7</a> </li> <li> <a href="underCon.htm">Link8</a> </li> <li> <a href="underCon.htm">Link9</a> </li> <li> <a href="underCon.htm">Link10</a> </li> <li> <a href="underCon.htm">Link11</a> </li> <li> <a href="underCon.htm">Link12</a> </li> <li> <a href="underCon.htm">Link13</a> </li> <li> <a href="underCon.htm">Link14</a> </li> <li> <a href="underCon.htm">Link15</a> </li> <li> <a href="underCon.htm">Link16</a> </li> <li> <a href="underCon.htm">Link17</a> </li> <li> <a href="underCon.htm">Link18</a> </li> <li> <a href="underCon.htm">Link19</a> </li> <li> <a href="underCon.htm">Link20</a> </li> </ul> </div> </div> <!--- Horizontal Bar ---> <div id="horNav"> <ul> <a href="index.htm"><li>Home</li></a> <a href="contact.htm"><li>Contact</li></a> <a href="about.htm"><li>About</li></a> <a href="underCon.htm"><li>Offers</li></a> <a href="underCon.htm"><li>Wedding List</li></a> <a href="feedback.htm"><li>Feedback</li></a> </ul> </div> <!--- Right Basket Area ---> <div id="basketWrap"> <p> Shopping Basket Area </p> </div> <!--- Main Content Area ---> <div id="contentWrap"> <img alt="Product Image" src="#" /> <p> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec sed nisi vitae neque viverra interdum in sit amet odio. Vestibulum a orci dictum leo iaculis dignissim. Mauris placerat ante et nisl blandit eget vestibulum orci viverra. Nunc aliquet elementum interdum. Donec eu ligula in sem tincidunt hendrerit. Suspendisse fermentum ante nec neque imperdiet tempor. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Pellentesque in risus tortor, a varius leo. Suspendisse potenti. Suspendisse potenti. Fusce nibh diam, ornare eget facilisis at, dignissim sit amet neque. Suspendisse nisl nisl, lobortis eget pharetra eget, feugiat eu enim. </p> </div> </body> </html> And here's the CSS; /* Global CSS */ body { font-family: arial, sans-serif; } /* Headers */ #mainHead { background-color: #B3AFAE; width: 600px; height: 70px; position: absolute; left: 210px; margin-bottom: 1px; } /* Search Form */ #search { float: right; } /* Horizontal Nav Bar */ div#horNav { background-color: #B3AFAE; width: 600px; height: 60px; margin-bottom: 1px; position: absolute; left: 210px; bottom: 415px; } div#horNav ul li { list-style-type: none; display: inline; } div#horNav ul li a{ padding: 10px; } /* Left Nav Bar */ div#navBgContainer { background-color: #B3AFAE; width: 200px; height: 600px; display: block; float: left; margin-right: 20px; } div#navBgContainer ul li { list-style-type: none; line-height: 1.4em; } div#navBgContainer li a:hover { color: #cccccc; } /* Basket Area */ #basketWrap { background-color: #B3AFAE; width: 180px; height: 600px; position: absolute; left: 815px; } /* Content Area */ #contentWrap { background-color: #B3AFAE; width: 600px; height: 463px; position: absolute; left: 210px; top: 145px; } p { text-align: justify; } /* Images */ img { border: 1px solid #000000; width: 200px; height: 200px; float: right; margin: 10px; } Sorry about the long post, unsure as how to present it in a more simple way. I want to make the general layout fill the page without touching the edges. I realise I've stated heights and widths to position but I'm not sure how to go about making the divs fill the screen in that way. Like I say I'm still learning and any help would be appreciated, thank you.

Hello all. Wasn't sure were to put this topic so placed it here. I'm looking for some statistics with regards to these points; - Connection speed usage within the UK - OS usage in the UK - Which screen resolutions are predominantly used If anyone could point me in the right direction then that would be great. I found browser usage here Browser Stats. Anything like this would be ideal, thanks in advance.

Thanks, looks like a lot of useful information, I'll have a look through.

Hello all. I'm looking for free site structure software that can visually create the layouts of websites. Basically as you do with a pencil and paper when first sketch up the navigational layout of a site. If possible one that exports to a PDF format as well as image formats. Thank you in advance.

Been hovering around the forum for a while now but realised I never actually introduced my self. Hello and nice to be here. Limited experience in web development but always willing to learn and further my knowledge. Look forward to chatting with you all in the near future. :-) Thank you for your time.