HTML - Rookie Needing Help
Im working on helping a good friend of mine update/clean up her site. I know basic HTML but not enough to do some basic changes.
Not looking for a free ride...what so ever. Just some assistance. www.AZAUTOTRENDS.com is the site im looking to clean up. Ive done quite a bit already but just stuck on some things. Where is one to go to find some one for some help and direction? Thanks Aaron Aaron636r@yahoo.com Similar TutorialsHello, I have already build a website and I only need to upload to my url: www.grupofdi.com I am using a mac server. First I thought I was supposed to paste the website files to /Library/Webserver/Documents. By doing this I am now able to see the website if I type localhost on Mozilla but if I go to my webpage I will see the same Apache information. This message can be currently read in the website: If you are the website administrator: You may now add content to the directory /var/www/html/. Note that until you do so, people visiting your website will see this page and not your content. To prevent this page from ever being used, follow the instructions in the file /etc/httpd/conf.d/welcome.conf. I guess I should now add content to that directory but I dont even know how to find it using a mac. I am kind of a noob with mac to and I guess this is a easy question I just need some help to get going here. Thanks for you help! Hey guys: I am new to this and have been catching on real quick. This is for my final project for college and i have one minor issue i have been looking into for the past 20 minutes now. I cannot get the nav bar on the left to align to the top near the banner i had created. Very simple for some but an issue for me. Sorry to bother you guys, and i did search for this issue. Thanks in advanced, Oh and heres the site: http://academ.hvcc.edu/~02479568/rude_rsx/photos.htm Deric <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <style type="text/css"> #nav-menu #photos { color: #607650; font-weight: bold; } </style> <title>Photography</title> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"> <link rel="stylesheet" href="template.css" type="text/css"> </head> <body> <table> <tr> <td colspan="2"><img src="img/banner.jpg" alt="cars"></td> </tr> <tr> <td width="218" height="766"> <div id="nav-menu"> <ul> <li><a href="index.htm" id="home">Home</a></li> <li><a href="photos.htm" id="photos">Photos</a></li> <li><a href="mods.htm" id="mods">List of Mods</a></li> <li><a href="insp.htm" id="insp">Inspirations</a></li> <li><a href="events.htm" id="events">Events</a></li> <li><a href="contact.htm" id="contact">Contact Me</a></li> </ul> </div> </td> <td valign="top" width="488"> <div class="content"> <center><h2>Photos</h2></center> <p>This page will show you phot's of my vehicle taken my a Nikon D40 SLR Camera. Pictures taken and photoshopped by M.I.</p> <BR> <center><p>(Click Images to Enlarge)</p></center> <table> <tr> <td><a href="img/MyS3.jpg"><img align="left" src="img/MyS3.jpg" border="2" alt="My Rsx" width="200" /></a></td> <td><a href="img/MyS2.jpg"><img align="left" src="img/MyS2.jpg" border="2" alt="My Rsx" width="200" /></a></td> </tr> <tr> <td><a href="img/MyS1.jpg"><img align="left" src="img/MyS1.jpg" border="2" alt="My Rsx" width="200" /></a></td> <td><a href="img/MyS4.jpg"><img align="left" src="img/MyS4.jpg" border="2" alt="My Rsx" width="200" /></a></td> </tr> <tr> <td><a href="img/MyS5.jpg"><img align="left" src="img/MyS5.jpg" border="2" alt="My Rsx" width="200" /></a></td> <td><a href="img/MyS6.jpg"><img align="left" src="img/MyS6.jpg" border="2" alt="My Rsx" width="200" /></a></td> </tr> <tr> <td><a href="img/MyS7.jpg"><img align="left" src="img/MyS7.jpg" border="2" alt="My Rsx" width="200" /></a></td> <td><a href="img/MyS9.jpg"><img align="left" src="img/MyS9.jpg" border="2" alt="My Rsx" width="200" /></a></td> </tr> </table> </div> </td> </tr> </table> </body> </html> CSS file: body { background-color: #C2C2C2; margin-left: 100px; } .content { color: #5D734D; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 14px; margin-left: 2em; margin-right: 2em; } .leftnav { background-color: #C2AD67; width: 217px; } #nav-menu ul { list-style: none; padding: 0; margin: 0; } #nav-menu li a { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 14px; height: 45px; line-height: 45px; width: 217px; display: block; border: none; border-bottom: 3px solid #000000; color: #755F3E; text-decoration: none; text-align: top; text-indent: 0.8cm; } #nav-menu li a:hover { color: #FFFFFF; font-weight: bold; background-color: #424242; } /* Hide from IE5-Mac \*/ #nav-menu li a { float: none; } /* End hide */ #nav-menu { width: 217px; } I have kind of been learning html and css in a light sort of way and have made a few very basic pages. I want to move on and improve on this and I started out by looking at the source codes of some professional pages. Here is an example: http://www.nhk.or.jp/hagetaka/ I really like the design of this site but cannot understand the source code. Can anoyone tell me if anything other than html and css is used to make this page? Because for me making something like this is ideal please any advice? I am an old COBOl guy so excuse the rookie nature of my question. I have an HTML document that contains Text and a .jpg image. After i changed the text, the image is no longer visible. What do i need to do to get the image back? I assume i am missing some kind of link or compilation? Thanks Hello, I am a newbie to html and am struggling to change a colour of font - I am looking to be able to change the colour of the word 'CONTINUE' and 'terms of use' but cannot figure out how. If someone could help I would be so grateful! <!-- This is the javascript to hide and display the elements of the form --> <script src="2step.js"></script> <style type="text/css"> /* This CSS is used to format the page. */ #lbform {height: auto;margin: 0px auto;padding: 0;position: relative;width: 350px;} #lbform label {color: #000000;display: inline;float: left;font-family: Arial,Helvetica,sans-serif;font-size: 14px;font-weight: bold;margin: 5px 10px 5px 0;width: 90px;} #lbform .row {display: block;margin-bottom: 7px;padding-top: 7px;width: 325px;} #lbform input {border: 1px solid #9C8A7B;font-size: 14px;padding: 5px;width: 208px;} #lbform select {border: 1px solid #9C8A7B;font-size: 14px;height: 25px;} #lbform input.blur {color: #999999;font-style: italic;} #lbform input.focus, #lbform input.complete {color: #000000;font-style: normal;font-weight: bold;} .gender {width: 220px;} .day {width: 63px;} .month {width: 80px;} .year {width: 70px;} .note {color: #666666;font-family: Arial,Helvetica,sans-serif;font-size: 11px;position: relative;right: 0;top: -10px;width: 300px;} </style> <style type="text/css"> /* This CSS is used for the Show/Hide functionality. */ .more {display: none;} a.showLink, a.hideLink {cursor: pointer; display: block; height: 45px; margin: 5px 0 0 104px; width: 214px;} a.hideLink {} a.showLink:hover, a.hideLink:hover {} </style> <div style="margin:0px auto;"> <!-- Make sure you update the URL --> <form id="lbform" class="formlayout" action="$$_ADD APP URL_$$" method="post"> <fieldset> <div class="magic"> <input type="hidden" value="1" name="sexuality"> </div> <div class="row cf"> <label>I'm a:</label> <select class="gender" name="gender"> <option>Please select</option> <option value="1">man looking for a woman</option> <option value="2">woman looking for a man</option> </select> </div> <div class="row cf"> <label>First name:</label> <input type="text" class="text blur" name="firstname"> </div> <div class="row cf"> <label>D.O.B.:</label> <select class="day" name="dobday"> <option value="">Day</option> <option value="1">01</option> <option value="2">02</option> <option value="3">03</option> <option value="4">04</option> <option value="5">05</option> <option value="6">06</option> <option value="7">07</option> <option value="8">08</option> <option value="9">09</option> <option value="10">10</option> <option value="11">11</option> <option value="12">12</option> <option value="13">13</option> <option value="14">14</option> <option value="15">15</option> <option value="16">16</option> <option value="17">17</option> <option value="18">18</option> <option value="19">19</option> <option value="20">20</option> <option value="21">21</option> <option value="22">22</option> <option value="23">23</option> <option value="24">24</option> <option value="25">25</option> <option value="26">26</option> <option value="27">27</option> <option value="28">28</option> <option value="29">29</option> <option value="30">30</option> <option value="31">31</option> </select> <select class="month" name="dobmonth"> <option value="">Month</option> <option value="1">January</option> <option value="2">February</option> <option value="3">March</option> <option value="4">April</option> <option value="5">May</option> <option value="6">June</option> <option value="7">July</option> <option value="8">August</option> <option value="9">September</option> <option value="10">October</option> <option value="11">November</option> <option value="12">December</option> </select> <select class="year" name="dobyear"> <option value="">Year</option> <option value="1993">1993</option> <option value="1992">1992</option> <option value="1991">1991</option> <option value="1990">1990</option> <option value="1989">1989</option> <option value="1988">1988</option> <option value="1987">1987</option> <option value="1986">1986</option> <option value="1985">1985</option> <option value="1984">1984</option> <option value="1983">1983</option> <option value="1982">1982</option> <option value="1981">1981</option> <option value="1980">1980</option> <option value="1979">1979</option> <option value="1978">1978</option> <option value="1977">1977</option> <option value="1976">1976</option> <option value="1975">1975</option> <option value="1974">1974</option> <option value="1973">1973</option> <option value="1972">1972</option> <option value="1971">1971</option> <option value="1970">1970</option> <option value="1969">1969</option> <option value="1968">1968</option> <option value="1967">1967</option> <option value="1966">1966</option> <option value="1965">1965</option> <option value="1964">1964</option> <option value="1963">1963</option> <option value="1962">1962</option> <option value="1961">1961</option> <option value="1960">1960</option> <option value="1959">1959</option> <option value="1958">1958</option> <option value="1957">1957</option> <option value="1956">1956</option> <option value="1955">1955</option> <option value="1954">1954</option> <option value="1953">1953</option> <option value="1952">1952</option> <option value="1951">1951</option> <option value="1950">1950</option> <option value="1949">1949</option> <option value="1948">1948</option> <option value="1947">1947</option> <option value="1946">1946</option> <option value="1945">1945</option> <option value="1944">1944</option> <option value="1943">1943</option> <option value="1942">1942</option> <option value="1941">1941</option> <option value="1940">1940</option> <option value="1939">1939</option> <option value="1938">1938</option> <option value="1937">1937</option> <option value="1936">1936</option> <option value="1935">1935</option> <option value="1934">1934</option> <option value="1933">1933</option> <option value="1932">1932</option> <option value="1931">1931</option> <option value="1930">1930</option> <option value="1929">1929</option> <option value="1928">1928</option> <option value="1927">1927</option> <option value="1926">1926</option> <option value="1925">1925</option> <option value="1924">1924</option> <option value="1923">1923</option> <option value="1922">1922</option> <option value="1921">1921</option> <option value="1920">1920</option> <option value="1919">1919</option> <option value="1918">1918</option> <option value="1917">1917</option> </select> </div> <div class="continue-btn"> <a onclick="showHide('example');return false;" class="showLink" id="example-show" href="#"> <!-- The <p> tags below can be swapped from an image. --> <p>CONTINUE</p> </a> </div> <!-- Anything that sits in the div class=more will be hidden until the Continue link is clicked --> <div class="more" id="example"> <div class="row cf"> <label for="email">Email:</label> <input type="text" class="text blur" name="email" id="email"> </div> <div class="row cf"> <label for="password">Password:</label> <input type="password" value="" name="password" id="password"> </div> <div class="row cf"> <button class="header" type="submit">JOIN FREE</button> </div> <div class="row cf"> <p class="note">By clicking 'Join Free' you are agreeing to our <a title="Terms of use" href="/help/terms.cfm">Terms of Use</a>.</p> </div> </div> </fieldset> </form> </div> hi ppl I'm formatting a table and i need some pro help. http://doyouwantfreecash.blogspot.com opening it in firefox2 everything looks aligned, but opening it in ie6 it gets messed up.. HTML Code: <p align="center"> <table align="center" background="http://img413.imageshack.us/img413/6695/tablebgpa5.png" border="1" cellpadding="0" cellspacing="0" width="809"><tbody><tr valign="bottom"><td height="72">re-building</td></tr><tr><td height="25"> </td></tr><tr><td height="60"><table align="center" border="1" cellpadding="0" cellspacing="0" width="750"><tbody><tr><td> <span style="font-family:tahoma;font-size:78%;">Get Paid To</span></td><td> <span style="font-family:tahoma;font-size:78%;">Get Paid To View Ads</span></td><td> <span style="font-family:tahoma;font-size:78%;">Get Paid To Read Emails</span></td><td> <span style="font-family:tahoma;font-size:78%;">Get Paid To Play Games</span></td></tr><tr><td><form name="gpt"><select name="gpt" onchange="textValueGpt()" style="font-size: 12px; color: rgb(0, 0, 0); font-family: verdana; background-color: rgb(255, 255, 255);"><option>- Select -</option><option value="http://ricmar21.100webspace.net/ccount/click.php?id=1" id="Great for it's 1c, 0.5c emails and Sign Ups.">DonkeyMails</option><option value="http://ricmar21.100webspace.net/ccount/click.php?id=2" id="Lots of 2c, 1c and 0.5c emails everyday! Paid To Sign Up, Paid To Promote and much more. Great website!">H.AdvertiserPro</option><option value="http://ricmar21.100webspace.net/ccount/click.php?id=3" id="Great for advertising, with a allot of 0.5c, 1c emails and point emails everyday.">YouRoMail</option><option value="http://ricmar21.100webspace.net/ccount/click.php?id=4" id="Lots of daily paid emails worth 0.5c and offer emails worth up to 50c per offer! $3 payout.">Gain Mail</option><option value="http://ricmar21.100webspace.net/ccount/click.php?id=5" id="Very good PTC section, with a few 2c, 1c and 0.5c emails per week.">MinuteGold</option><option value="http://ricmar21.100webspace.net/ccount/click.php?id=6" id="A few daily emails worth 0.2c and 0.5c, and offer emails worth up to 50c each!">ECashClicks</option><option value="http://ricmar21.100webspace.net/ccount/click.php?id=7" id="A few daily emails worth 0.5c and 1c.">AdSentive</option><option value="http://ricmar21.100webspace.net/ccount/click.php?id=8" id="A few regular emails everyday.">GetPaidMail</option><option value="http://ricmar21.100webspace.net/ccount/click.php?id=9" id="Great Sign-Up section, and weekly emails worth up to 2c.">BGPayMail</option><option value="http://ricmar21.100webspace.net/ccount/click.php?id=10" id="Very good promoting section, good paid daily emails and more. * Portuguese">Sr. Clique*</option><option value="http://ricmar21.100webspace.net/ccount/click.php?id=11" id="Daily emails worth up to 3c, everyday! And much more. * Portuguese">PubliPT*</option><option value="http://ricmar21.100webspace.net/ccount/click.php?id=36" id="Lots of daily emails; 0.5c up to 2c.">CrocCash</option></select><input name="testbutton" value="Visit" onclick="window.open(document.gpt.gpt.options[document.gpt.gpt.selectedIndex].value)" type="button"> </form></td><td><form name="ptc"><select name="ptc" onchange="textValuePtc()" style="font-size: 12px; color: rgb(0, 0, 0); font-family: verdana; background-color: rgb(255, 255, 255);"><option>- Select -</option><option value="http://ricmar21.100webspace.net/ccount/click.php?id=12" id="Solid website that has been around for along time, with lots of new 1c and 2c ads everyday.">Clixsense</option><option value="http://ricmar21.100webspace.net/ccount/click.php?id=13" id="Solid, great website, with allot of 1 cent ads everyday!">WordLinx</option><option value="http://ricmar21.100webspace.net/ccount/click.php?id=15" id="Loads of 0.3c ads everyday!">LinkGrand</option><option value="http://ricmar21.100webspace.net/ccount/click.php?id=16" id="Currently having some problems with payments.">M.F.M.O.</option><option value="http://ricmar21.100webspace.net/ccount/click.php?id=17" id="Top website, with allot of new ads everyday, from 0.15c to 1c per ads.">AdBux</option><option value="http://ricmar21.100webspace.net/ccount/click.php?id=18" id="A bunch of 1c and 0.5c ads along the week.">ClixMedia</option><option value="http://ricmar21.100webspace.net/ccount/click.php?id=19" id="Allot of 0.3c, 0.5c ads everyday.">DreamClix</option><option value="http://ricmar21.100webspace.net/ccount/click.php?id=20" id="Solid website with a few new 0.15c and 1c ads everyday.">AdverCash</option><option value="http://ricmar21.100webspace.net/ccount/click.php?id=21" id="Solid website with a few new 0.15c and 1c ads everyday.">TitanClicks</option><option value="http://ricmar21.100webspace.net/ccount/click.php?id=22" id="Honest website with a few new 0.5c and 0.15c ads everyday.">AdBuddy</option><option value="http://ricmar21.100webspace.net/ccount/click.php?id=23" id="Lots of 0.5c ads. Earn 30% off referrals' earnings. Honest webmaster.">SuzieQLinks</option><option value="http://ricmar21.100webspace.net/ccount/click.php?id=24" id="Lots of 0.25c ads everyday. Earn 100% from referral activities.">ADfez</option><option value="http://ricmar21.100webspace.net/ccount/click.php?id=25" id="Lots of 1c, 0.75c, 0.50c and 0.25c ads everyday! Great website.">MomsFavClicks</option><option value="http://ricmar21.100webspace.net/ccount/click.php?id=26" id="A few 0.3c ads, 0.15c per referral clicks. Long time maintained website. ">PayClicks</option></select><input name="testbutton" value="Visit" onclick="window.open(document.ptc.ptc.options[document.ptc.ptc.selectedIndex].value);" type="button"></form></td><td><form name="ptr"><select name="ptr" onchange="textValuePtr()" style="font-size: 12px; color: rgb(0, 0, 0); font-family: verdana; background-color: rgb(255, 255, 255);"><option>- Select -</option><option value="http://ricmar21.100webspace.net/ccount/click.php?id=27" id="A bunch of 0.5c, 0.8c and 1c emails everyday. $1 payout.">APairOf</option></select><input name="testbutton" value="Visit" onclick="window.open(document.ptr.ptr.options[document.ptr.ptr.selectedIndex].value);" type="button"></form></td><td><form name="games"><select name="games" onchange="textValueGames()" style="font-size: 12px; color: rgb(0, 0, 0); font-family: verdana; background-color: rgb(255, 255, 255);"><option>- Select -</option><option value="http://ricmar21.100webspace.net/ccount/click.php?id=28" id="Compete against an opponent, on a 'double your bet' basis. Make it to the final level and earn millions!">Moola</option><option value="http://ricmar21.100webspace.net/ccount/click.php?id=29" id="Great website with a few fun simple games, rewarded with very good prizes!">Prizee</option><option value="http://ricmar21.100webspace.net/ccount/click.php?id=30" id="Play for money prizes.">PimpsLord</option><option value="http://ricmar21.100webspace.net/ccount/click.php?id=31" id="Compete in a wide range of simple games, for huge money prizes, everyday!">WorldWinner</option><option value="http://ricmar21.100webspace.net/ccount/click.php?id=32" id="Explore the surface of Mars, gather Martian dollars, and trade them in for real cash!">Exodus3000</option><option value="http://ricmar21.100webspace.net/ccount/click.php?id=33" id="Make war with other players, and fight for money!">WealthWars</option><option value="http://ricmar21.100webspace.net/ccount/click.php?id=34" id="Win big money playing these awesome games.">BigPoint</option><option value="http://ricmar21.100webspace.net/ccount/click.php?id=35" id="Pick a number. Roll the roulette. Win!">Net Winner</option></select><input name="testbutton" value="Visit" onclick="window.open(document.games.games.options[document.games.games.selectedIndex].value);" type="button"></form></td></tr></tbody></table></td></tr><tr><td height="15"> </td></tr><tr><td height="25"><table border="1" cellpadding="0" cellspacing="0" width="809"><tbody><tr><td width="15"> </td><td width="494"><form name="textBoxForm"><input name="testtext" value="" size="105" maxlength="105" style="border: 0pt none ; background-color: rgb(204, 204, 204); font-family: tahoma; font-style: normal; font-variant: normal; font-weight: normal; font-size: 10pt; line-height: normal; font-size-adjust: none; font-stretch: normal;" type="text"></form></td><td width="300"> </td></tr></tbody></table></td></tr><tr><td height="21"> </td></tr><tr><td height="25"><table border="1" cellpadding="0" cellspacing="0" width="809"><tbody><tr><td width="15"> </td><td align="left"><span style="font-family:verdana, arial;font-size:78%;"><a href="http://doyouwantfreecash.blogspot.com/2007/09/new-high-rewarding-sites.html" title="Browse through a selection of new, high paying, link hoarding PTC websites">:: new ptc websites ::</a></span></td></tr></tbody></table></td></tr><tr><td height="187"> </td></tr></tbody></table></p> any idea what the "bug" might be? thanks ric I'm wanting to re-do the pages in my site, i designed it a good year ago now using frontpage and the site is just all over the shop on different browsers. I don't know how to develop a template myself using notepad, so i've been searching AGES just trying to find a simple web template i can download and make some changes. I feel i'm able to make basic changes using html, i'm no expert but i can make general changes.. I'm just after a simple template and was wondering if anyone could help me out. My friend has a site up and i'm interested in using a similar layout www.irrationalfitness.com (just head to one of the internal pages). The site has a tool bar on the left and information on the right, a header for my logo, and it's simple and easy to look at. The only things i would change really would be the colours, my business i orange and grey. I went to see if the page source would give me a bit of a sample to run off, but it doesn't have any information in it to really change. Does anyone have any ideas of where i can find a template similar to this i can download? Or ideas of how to put something like this together please? Thanks I decided to make a website for a final project in my Theatre History course, since web designing used to be one of my biggest hobbies. I started this and realized I was working off of the codings I taught myself in 2001ish. So, I am having some problems. The website I have is here : http://romantheatre.freezoka.com . I wanted to put two iframes on the site, one wider one on the left hand side of the gray area to display the information and then one on the right hand side to put the links. The problem I am encountering is that I do not want the frames to be anchored in the top right corner, which seems to be where they are staying. I remember using a code that went something like top="number" left="number" and that shifted the frame down and to the right, but it won't work and every time I search for it nothing about that comes up. I've recently seen people suggesting I try an alternative, so I was wondering if anyone here has a suggestion as to how I shift the iframes or an alternative I could look up a tutorial of online. Thanks in advance! Hi All, I have never built a webpage before and my html knowledge is pretty much ziltch but I wanted to build a site for my husbands business. So, I sat up for 7 hours last night and built my first page with Dreamweaver. I was really happy with it but somehow today I lost it I have all the page content so I can easily replace it and I have a jpeg of the site when I first finished building it so can copy it with no problem, my only real problem is getting the lines back how I had them before, I haven't a clue how I did it the first time and have wasted my whole day trying to get three simple (ha!) lines in place but with no success. I feel so frustrated it's driving me mad... Could someone please tell me how to do it ? This is the site I built... http://i21.photobucket.com/albums/b2...ebpagecopy.jpg These are the lines I just can't do no matter how I try... http://i21.photobucket.com/albums/b2..._2604/line.jpg Any help really really appreciated!! Debby. Hi all, for some reason when I delete the comments from my code, it runs differently than when the comments are in there. I want a green horizontal navigation bar to appear at the top of the page, and when the comments are in there, my ul list is in default style. Can anyone figure out why this is happening? Thanks so much in advance. Code: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <!-- head section contains general page attributes --> <title> Navigation </title> <!-- Title (on tab) says "Navigation" --> <style type="text/css"> <!-- Use css style --> <!-- navbar is the tag of the main navigation bar, ul means it's an unordered list --> #navbar ul { <!-- Attributes of main bar --> height: 30px; margin: 0; padding: 0; list-style-type: none; text-align: center; <!-- Alignment of links in horizontal bar --> background-color: #009966; <!-- Color of main bar --> } #navbar ul li { <!-- Attributes of list --> display: inline; <!-- Display list elements horizontally --> float: left; } #navbar ul li a { <!-- Attributes of link boxes --> text-decoration: none; font: arial; display: block; <!-- Put each link in a block --> width: 10em; <!-- Width of each block --> height: 30px; <!-- Height of each block --> color: #FFFFFF; <!-- Color of link text --> background: #009966; <!-- Color of block --> text-align: center; } #navbar ul li a:hover { <!-- Attributes of block when hovered over --> color: #FFFFFF; background-color: #006666; } </style> </head> <body> <div id="navbar"> <ul> <li><a href="index.html">Home</a></li> <li><a href="#">About</a></li> <li><a href="#">Past Events</a></li> <li><a href="#">Videos</a></li> <li><a href="#">Articles</a></li> <li><a href="#">Links</a></li> </ul> </div> </body> </html> I have created a div which sits on the right hand side. I have created two different size ones as one of my html pages has a lot more content on it. here are in the divs in CSS:
Code: #picstrip{ width:200px; height:740px; padding: 10px 10px 20px 10px; background-color:#8d6cd1; z-index:999999; float:right; } #picstrip2{ width:200px; height:1270px; padding: 10px 10px 20px 10px; background-color:#8d6cd1; z-index:999999; float:right; } I want these divs to be touching the footer i have created: Code: #footer{ background-color:#2ba475; width:800px; font-size:10px; font-family:Verdana, Arial, Helvetica, sans-serif; font-weight:bold; } table.foot{ text-align:center; } I am currently able to make it work it just one of the web browsers at a time. The div seems to be shorter in size in IE. is there any way round this problem? I will be so greatful for any help. Thank You Morning all, I am workign on a small intranet for my department at work. In creating it, this project has slowly snowballed into a larger project. Like most anything we do in life The issue I am having, in the front screen, they would like to show our monitoring software, so at first glance you can tell if any servers are up or not etc. using iframes in design mode, it looks great. But when I view the page, the website I am calling in the iframe takes over the whole page. Below is the code, is there any fix or even so a better way of doing this? Code: table border="0" width="97%" id="table1" cellspacing="0" cellpadding="0"> <tr> <td width="1063"> <table border="0" cellspacing="5" cellpadding="5" align="left" style="border-left-width: 0; border-top-width: 0; border-bottom-width: 0; width: 74%;" id="table2" height="412"> <tr> <td style="border-right-style: solid; border-right-width: 1; border-left-style:none; border-left-width:medium; border-top-style:none; border-top-width:medium; border-bottom-style:none; border-bottom-width:medium; width: 90%;" valign="top"> <p class="MsoNormal" align="left"> <iframe src="https://btdhcp" height="400" width="800" frameborder="0" scrolling="yes"></iframe></p></td> </tr> </table> Any assistance or guidance would be greatly appreciated. Orion Hiyas, well I am trying to make an html website, and I got two things I trie to add to my page. One is a shoutbox using direct link code, and in the preview it displays fine, and works fine. Another is a teamspeak launcher I made, just a link and an image. I align one to the right the other to the left, and that works. The problem is, that the one on the right is level with the bottom of the shoutbox on the left, whereas I want them to be a part of two side columns eventually, where they are both the same length etc, not all uneven. Here is my preview page: http://i116.photobucket.com/albums/o...Untitled-1.gif I hope you see what I mean. Please help me, as I need this website online ASAP cos me and my clan are going to some tournaments and seriously need this online. Thanks in advance, Ferinos |