|
HTML - Needing Help Formating Html For Ie6
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 Similar TutorialsSo I haven't done a site in some time, but I still got the very basic basics memorized. To guide me through my born-again virginity I tried a pre-built free web site. Everything was working great. I'd preview through Dreamweaver and the very basic site looked just fine. I now upload the site to the world wide web and parts of the HTML/CSS are not translating properly (in fact there are parts missing that should be there???). The first problem occurs in the section of the CSS called "PAGE". "Page" has a repeater called "img04" and "Page .bgtop" non-repeater called "img03_blue". "page . bgtop - img_03..." doesn't show up - but in preview it did. Any ideas on what's going on? Second, in the area tagged "MENU A" in the CSS the static background image called "img07_blue" doesn't show - again, in the preview it did, now nothing on the web. I assume its a similar issue to issue 1, but I don't know? This is for a web site my wife needs so any help would be greatly appreciated. I have attached the site for reference. Thanks, J Worked Out hello everyone! I'm trying to edit a notification email for my blog and have most of it completed; however the only problem I'm having is that there is a gap between the menu-bg-2.png and the top of the table which I cannot get rid of. I'd like the table to be butted-up against menu-bg-2.png. When testing the html in firefox, it seems fine, but within an email the gap appears. Can anyone help? (FYI, I have no prior HTML experience or education...) Code: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<style type="text/css">
<!--
.style1 {font-family: "Trebuchet MS"}
a:active
{
outline: none;
text-decoration: none;
}
:focus {
-moz-outline-style: none;
}
.header {
position: relative;
left: 0px;
}
.navigation {
position: relative;
top: 10px;
left: 0px;
}
.footer {
position: relative;
left: 0px;
top: -2px;
height: 31px;
}
.footer2 {
position: relative;
left: 0px;
top: 40px;
}
body {
width: 960px;
}
a:link {
text-decoration: none;
}
a:visited {
text-decoration: none;
}
a:hover {
text-decoration: none;
}
-->
</style>
</head>
<body>
<div class="header">
<a href="http://www.photocs.net/" title="Photo CS, L.L.C." target="_blank"> <img src="http://www.photocs.net/blog/wp-content/uploads/2011/05/logo3.png"></a>
</div>
<div class="navigation">
<a href="http://www.photocs.net/" title="Photo CS, L.L.C." target="_blank"> <img src="http://www.photocs.net/blog/wp-content/themes/DeepFocus/images/menu-bg-2.png"></a>
</div>
<table frame="void" width="960px" border="0" cellpadding="20px" cellspacing="0px" valign="top">
<tr>
<td bgcolor="333333"><font color="#CCCCCC" face="Verdana, Arial, Helvetica, sans-serif">Hello my photo fans!<br /><br />I've just published a new blog post that you'll be interested in checking out;
click <a href="@@permalink" target="_blank">here</a> to go straight to the images.<br /><br />You subscribed to these email notices regarding new posts to my photoblog. If you want to change your
settings or unsubscribe, please do it <a href="@@conf_url" target="_blank">here</a>.<br /><br />I hope you enjoy my new images, and, until next time!<br /></font></td>
</tr>
<tr>
<td class="none" style="cursor:pointer" onclick="window.location.href='http://www.photocs.net/info/about/'" background="http://www.photocs.net/blog/wp-content/plugins/post-notification/en_US/signature.png"
bgcolor="#333333" width="960px" height="60px"></td>
</tr>
</table>
<div class="footer">
<img src="http://www.photocs.net/blog/wp-content/themes/DeepFocus/images/featured-bottom-shadow.png" width="960" height="31" />
</div>
<div class="footer2">
<a href="https://www.facebook.com/pages/Constantino-Schillebeeckx-Photography/121881317862617" title="Index" target="_blank"> <img src="http://www.photocs.net/blog/wp-content/uploads/2011/04/facebook-150x150.png"></a>
<a href="https://twitter.com/#!/photo_cs" title="Index" target="_blank"> <img src="http://www.photocs.net/blog/wp-content/uploads/2011/04/twitter-150x150.png" hspace="50"></a>
<a href="http://feeds.feedburner.com/StLouisFreelancePhoto" title="Index" target="_blank"> <img src="http://www.photocs.net/blog/wp-content/uploads/2011/04/rss-150x150.png"></a>
</div>
</body>
</html>
hello ! I have a text fields and i want to display there a record of my database. the problem is that my sql record is not plain text,but has html formating. So when i display the data to the text field, it changes the appearance of my web page!! i have to find a way to display that html text as plain text and not as html code! can anybody help me please? thanks!! Hello, I am designing a new layout for my myspace using an overlay. What this means is I had to put all the links back in, and put in everythign by hand because I was more or less bypassing myspace's built in tools. The only problem I have is that now I have my code put in place and it displays everything fine except that it is all shifted to one side just a little bit so I have this ugly white bar that runs up the left side because all the code is shifted just a little bit to the right, and some of the original page is showing under the overlay. I do not know if this means I need to shift the overlay to the left or the code that I put in for my layout. Either way I coudl use some help in figuring this out Also, right now I have the background color set on the whole page as black. When I take out the style code that does that it shows white on the edges and shows how the content is shifted. Here is a link to the myspace page I am using to test the code http://profile.myspace.com/index.cfm...3-ee1f6161935a And attached is my code I am needing to place my paragraph alongside my title.. I am using the following code..
Code: <div align="justify"><strong><font color="#306">TopicHere</font></strong><br />TextHere</div> The above is not giving me what I need, What I need is shown here .. What I need is here Thank You for your help David I have a table with images and the table is well formated but after the table ends the contents are displayed beside it . The contents should display below the table... why is this?? What should i do to bring the contents below table?? Thanks Hello Everyone, I know it's been forever since I made a post, but I ran into something I can't figure out on my own and I am hoping that someone here might be able to give me a hand. I recently spoke with a potential client that wants to copy a feature on another website: http://batchgeo.com/ as you can see, on batchgeo.com the end user can paste data from excel into the textarea field, then when the user clicks out of the textarea, it formats the data to look like it is in a table. Does anyone know how they are doing this? Thanks in advance for any help. -A Is there a CSS command 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 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> Greeings all. First time poster, hopefully this forum is a good starting point for this question. I am using a PHP script to upload some text to a MySQL database-field type is varchar. When the text is retrieved, it is displayed to the right of a embedded html video player. Retrieving the text and video, I also use a PHP script. But then I switch to "html mode" to display the video and text. In "html mode" I use a single row, 2 column table to display the video and text. What is happening is that the text is losing its line breaks. That is it is coming out as one long string of text. Since the text can be up to 1000 characters, that is one long string of text to no have any line breaks! Maybe it is something with the way MySQL stores the data. But if anyone has any thoughts on how to preserve the line breaks, I sure would appreciate it. Thanks. ~Robert Hello I am creating a table of contents using the <p> tag for each title. Each title is clickable and takes you to a section of the website relative to the title clicked. My problem is that I want everything to line up nicely and this is problematic using the <p> tag - for example: ARTICLE 1 - BLAH BLAH BLAH BLAH ARTICLE 10 - BLAH BLAH BLAH BLAH I want to look like this. (Actually scratch that this forum suffers the same problem I get when trying it on my own site, but you can comprehend what I'm talking about =] ). I realize there are cheap fixes such as just adding a bunch of spaces and what not but it still doesn't work. I could explain why but just trust me it doesn't work. My idea was to just use a table with 2 columns: 1 column = ARTICLE # - 2 column = BLAH BLAH BLAH however I can't extend a clickable title across 2 columns. Also I should note that I'm using DRUPAL. Thanks for your time. 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. 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, I am having a problem with the formating of a search box inside a table. All I want is for the text field and submit button to sit exactly in the middle (vertically aligned) inside the table with an equal space above and below (table background is dark colour so very noticeable) In Dreamweaver, it looks fine until published - then there is a large gap below the text field and submit button but small space above. I basically am trying to get the space below the same as the one above. Take a look at the code to see what I mean. <style type="text/css"> <!-- .style2 { font-family: Arial, Helvetica, sans-serif; font-weight: bold; color: #FFFFFF; font-size: 12px; } --> </style> <table width="540" border="0"> <tr> <td width="534" height="26" bgcolor="#666666"><form action="http://www.soundscalpel.com/search.php" method="get" name="form1" target="_blank" id="form1"> <label for="textfield"></label> <div align="right"> <span class="style2">Search for Sound Effects </span> <input type="text" name="q" id="q" /> <input type="submit" value="Submit" /> </div> </form> </td> </tr> </table> Hope someone can help Thanks 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 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>
|
|||||||