|
HTML - How To Make My Page Work In Ie 6?
http://www.ivoog.com/test
The page is COMPLETELY messed up in IE 6. I am not sure what I have done wrong as everything I see is ok. How can it look exactly like IE 7? What changes? Thanks. Similar TutorialsSome mouses today have horizontal scroll, some call the tilt. It looks something like: http://www.htmlforums.com/attachment...1&d=1242556560 I noticed that many websites they code those horizontal scroll to go to next/prevous page. For example Discuz! forum system has this function. While you browse hundreds or thousands of posts separated into pages, the horizontal scroll can take you to previous page or next page.(not browser back/forward) How do I code like that? Or any examples? Hi all, I'm having a little trouble here, I'm a newbie at coding but I'm learning. how would I achieve something like this? http://www.createblog.com/layouts/code.php?id=28757 and or like this? http://www.createblog.com/layouts/code.php?id=28038 should I be using divs...as you can see in my code I went div crazy...I kinda perfer divs anyway! how can I do this? HTML Code:
<style type="text/css">
a:link {color: #66cdaa;
font-family: verdana;
font-size: 6pt;
text-transform: uppercase;
text-decoration: none;}
a:visited {color: #cc6600;
font-family: verdana;
font-size: 6pt;
background:#FFFFFF;
text-transform: uppercase;
text-decoration: none;}
a:hover {color: #870708;
font-family: verdana;
font-size: 6pt;
background:#FFFFFF;
text-transform: lowercase;
cursor:hand;}
/*all links above*/
body {background-color: black;}
color: #ffffff;
font-weight:bold;
font-family: arial;
font-size: 12px;
margin: 0px auto;
padding: 0px;
text-align: justify;
scrollbar-face-color:#1ee849;
scrollbar-shadow-color:#1ee849;
scrollbar-3dlight-color:#1ee849;
scrollbar-arrow-color:#000000;
scrollbar-track-color:#1ee849;
scrollbar-darkshadow-color:#1e
scrollbar-highlight-color:#1ee849;}
h1{color:#66cdaa;
font-size: 20px;
letter-spacing: -1px;
text-align: left;
font-family: arial;
margin: 10px 0px 0px 0px;
line-height: 15px;}
h2{color:#66cdaa;
font-size: 15px;
letter-spacing: -1px;
text-align: left;
font-family: arial;
margin: 10px 0px 0px 0px;}
p {
font-weight: bold;
color:#66cdaa ;
font-family:times ;
font-size: 12px;
}
/*all divs here*/
div {
font-weight: normal;
color:#66cdaa ;
font-family: times;
font-size: 12px;
}
div#header {
clear: both;
height: 50%;
width: 100%;
background-color: ;
padding: 1px;
}
div#master {
float: center;
width: 100%;
background-color:white;
}
div#left {
float: left;
width: 150px;
background-color: black;
}
div#right {
float: right;
width: 150px;
background-color:black;
}
div#middle {
padding: 0px 160px 5px 160px;
margin: 0px;
background-color:black;
}
div#footer {
clear: both;
background-color:grey;
}
</style>
<title>I like my nails</title>
</head>
<!--who ha -->
<body>
<div id="Head"><img src="pic location" width="100%" height="50%" alt="pic name " />
</div>
<br />
<br />
<div id="master">
<div id="left">
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Pellentesque purus justo, luctus vel, pretium quis, semper id,
metus. Duis quis turpis id sapien hendrerit aliquam. Duis nisl. Sed fermentum magna ac velit. Integer tincidunt arcu ac elit.
Fusce urna pede, dapibus id, mollis eu, tempor eget, nunc. Integer eros quam, scelerisque sagittis, ultricies non,
pellentesque id, elit. Nam accumsan fermentum massa. Suspendisse vehicula ultricies nisi. Curabitur tempus bibendum mi. Donec
eu lectus vitae dolor accumsan auctor. Cras quis dolor sed ipsum tristique pulvinar. Nam id quam vitae lectus tempor
faucibus. Aliquam id nisi ut nisl semper blandit. Morbi pellentesque congue lacus. Sed sed metus. Quisque libero mi,
malesuada ut, tincidunt et, fringilla ut, erat. Sed accumsan gravida dui. Donec enim turpis, mattis eget, adipiscing dictum,
</div>
<div id= "right">
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Pellentesque purus justo, luctus vel, pretium quis, semper id,
metus. Duis quis turpis id sapien hendrerit aliquam. Duis nisl. Sed fermentum magna ac velit. Integer tincidunt arcu ac elit.
Fusce urna pede, dapibus id, mollis eu, tempor eget, nunc. Integer eros quam, scelerisque sagittis, ultricies non,
pellentesque id, elit. Nam accumsan fermentum massa. Suspendisse vehicula ultricies nisi. Curabitur tempus bibendum mi. Donec
eu lectus vitae dolor accumsan auctor. Cras quis dolor sed ipsum tristique pulvinar. Nam id quam vitae lectus tempor
faucibus. Aliquam id nisi ut nisl semper blandit. Morbi pellentesque congue lacus. Sed sed metus. Quisque libero mi,
malesuada ut, tincidunt et, fringilla ut, erat. Sed accumsan gravida dui. Donec enim turpis, mattis eget, adipiscing dictum,
</div>
<div id="middle">
<h1>Your Header Here</h1>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Pellentesque purus justo, luctus vel, pretium quis, semper id,
metus. Duis quis turpis id sapien hendrerit aliquam. Duis nisl. Sed fermentum magna ac velit. Integer tincidunt arcu ac elit.
Fusce urna pede, dapibus id, mollis eu, tempor eget, nunc. Integer eros quam, scelerisque sagittis, ultricies non,
pellentesque id, elit. Nam accumsan fermentum massa. Suspendisse vehicula ultricies nisi. Curabitur tempus bibendum mi. Donec
eu lectus vitae dolor accumsan auctor. Cras quis dolor sed ipsum tristique pulvinar.
Nam id quam vitae lectus tempor faucibus. Aliquam id nisi ut nisl semper blandit. Morbi pellentesque congue lacus. Sed sed
metus. Quisque libero mi, malesuada ut, tincidunt et, fringilla ut, erat. Sed accumsan gravida dui. Donec enim turpis, mattis
eget, adipiscing dictum, vestibulum id, nulla. Etiam consectetuer. Duis varius sem eu nisi. Praesent congue aliquam elit. Sed
nec sapien. Curabitur lacinia, augue et hendrerit pharetra, sem magna lobortis quam, ac volutpat magna nisl vel libero. Duis
magna. Vestibulum suscipit dui id magna. Suspendisse potenti. Etiam ut purus. Praesent tincidunt, elit bibendum eleifend
tincidunt, arcu lacus vestibulum magna, et pellentesque est justo fringilla dui. Cum sociis natoque penatibus et magnis dis
parturient montes, nascetur ridiculus mus. Curabitur elit. Mauris dignissim gravida massa.
Vivamus eu odio. Proin euismod aliquet erat. In sed justo. Nulla a dolor ac tortor placerat elementum. Donec nisi. Donec
lobortis. Cras ut augue. Donec enim. Aenean ut ligula ac arcu suscipit consectetuer. Duis nibh dui, mollis et, elementum ac,
luctus eu, diam. Quisque risus nunc, pharetra in, commodo vel, vestibulum in, tellus. Praesent blandit sagittis nisi. In hac
habitasse platea dictumst.
Morbi interdum. Nullam tincidunt enim eu mauris. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere
cubilia Curae; Ut pretium, justo at pharetra suscipit, lorem nulla sodales dui, at ultrices quam tellus sit amet metus.
Pellentesque consequat vestibulum sem. Cras consectetuer ipsum non augue. Praesent tellus nulla, sodales at, pretium ut,
consectetuer vel, massa. Aenean risus orci, suscipit eget, ornare eget, lacinia sit amet, sem. Ut vulputate, metus quis
posuere gravida, massa nisi commodo tellus, viverra cursus massa leo at purus. Morbi feugiat fermentum lectus. Aliquam
blandit placerat velit. Aliquam vestibulum porta elit.
In erat. Etiam non augue. Aenean luctus. Fusce arcu mauris, vehicula quis, ultrices sed, porta nec, dolor. Donec eros tellus,
posuere nec, vehicula ut, venenatis at, diam. Curabitur hendrerit. Nulla enim enim, sodales nec, imperdiet ac, gravida vel,
dolor. Etiam hendrerit, leo a mollis semper, elit metus tincidunt pede, sit amet porta turpis quam at diam. Proin sagittis
nulla luctus elit. Curabitur non sapien. Proin eget orci. Curabitur tortor mauris, faucibus a, euismod fermentum, congue
eget, nisi. Sed et purus. Curabitur eget quam et massa dignissim tristique. Cras elit.
</div>
</div>
<div id="footer"><strong>Copy right 2008 Syd</strong> | Design by <strong>Syd</strong></div>
<!--end of the stuff-->
</body>
</html>
I'm convinced that its very simple but cant figure it out yet. I'd really appreciate your help. I'm trying to integrate my aweber code into a graphical form. AWEBER CODE ---------------------------------------- HTML Code: <form method="post" class="af-form-wrapper" action="http://www.aweber.com/scripts/addlead.pl" > <div style="display: none;"> <input type="hidden" name="meta_web_form_id" value="378818622" /> <input type="hidden" name="meta_split_id" value="" /> <input type="hidden" name="listname" value="superpowernutri" /> <input type="hidden" name="redirect" value="http://google.com" id="redirect_3851a3a65806cdcf11082fdddc304cdb" /> <input type="hidden" name="meta_adtracking" value="superpower" /> <input type="hidden" name="meta_message" value="1" /> <input type="hidden" name="meta_required" value="name,email" /> <input type="hidden" name="meta_tooltip" value="" /> </div> <div id="af-form-378818622" class="af-form"><div id="af-body-378818622" class="af-body af-standards"> <div class="af-element"> <label class="previewLabel" for="awf_field-31806523">Name: </label> <div class="af-textWrap"> <input id="awf_field-31806523" type="text" name="name" class="text" value="" tabindex="500" /> </div> <div class="af-clear"></div></div> <div class="af-element"> <label class="previewLabel" for="awf_field-31806524">Email: </label> <div class="af-textWrap"><input class="text" id="awf_field-31806524" type="text" name="email" value="" tabindex="501" /> </div><div class="af-clear"></div> </div> <div class="af-element buttonContainer"> <input name="submit" class="submit" type="submit" value="Submit" tabindex="502" /> <div class="af-clear"></div> </div> --------------------------------------- THE GRAPHICAL FORM THAT I'M TRYING TO INTEGRATE THE ABOVE CODE INTO: ---------------------------------------------------------------------- HTML Code: AUTORESPONDER CODE START HERE //-->
<!-- You can edit or replace the form below with your own autoresponder code -->
<form>
<input type="text" name="name" class="name_field" value="Enter Your First Name" onFocus="if(this.value == 'Enter Your First Name'){ this.value = ''; this.style.color= '#1a1a1a'; }" onBlur="if(this.value == ''){ this.value = 'Enter Your First Name'; this.style.color= '#818181'; }" />
<input type="text" name="email" class="email_field" value="Enter Your Email Address" onFocus="if(this.value == 'Enter Your Email Address'){ this.value = ''; this.style.color= '#1a1a1a'; }" onBlur="if(this.value == ''){ this.value = 'Enter Your Email Address'; this.style.color= '#818181'; }" />
<input type="submit" name="submit" value="" class="opt_btn" />
</form>
<!-- YOUR AUTORESPONDER CODE END HERE //-->
---------------------------------------- big kisses to anyone who can help me solve this Is there code that can detect when your page is being embedded and kill the frame? Is outputting --- Creating linked images < a href= "default.htm"> --- as a line of text next to the image, instead of embedding a link in it. Any ideas what's going on? This is the code: <?xml version = "1.0" encoding = "utf-8"?> <! 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"> <head> <title> Using image as hyperlink </title> </head> <body> <p> Creating linked images < a href= "default.htm"> <img src = "DSC00123.JPG" width = "92" height = "100" alt = Testing out stuff> </img> </a> </p> </body> </head> </html> Hi all, I have a question,my code is running properly ,when i copy this and paste in Microsoft outlook express its not working. I have a link to a section of page when i click its heading.My Page is quite big one,so i wrote headings and once its clicked it should go to the section of content. my code ------------ HTML Code: <html>
<body>
<div id="wrapper">
<div id="IUbanner">
<a href="http://www.indiana.edu"><img src="../images/iu_crimson.gif"
alt="Indiana University" /></a>
</div>
<div id="header">
<a href="http://uits.iu.edu"><img src="../images/UITSheader.gif"
alt="University Information Technology Services" /></a>
</div>
<h1 id="subheader"><a href="http://webmaster.iu.edu"><img
src="../images/wmheader.gif" alt="IU Webmaster" border="0"/></a></h1>
<div id="centerwrap">
<div id="content">
<!-- Insert content here -->
<a name="TOP"></a>
<H3>Getting Started</H3>
<H5>Table of Contents</H5>
<ul>
<a href="#a">Introduction</a> <br>
<a href="#b">Getting an Account</a> <br>
<a href="#c">Getting the Tools</a> <br>
<a name="a"></a>
<hr>
<h5>Introduction</h5>
<p> If you are new to developing Web pages, this brief overview will
help
you get started. It outlines the steps you will take to publish your
Web
pages on IU's central Web servers (<tt>Veritas/Champion</tt>). If you
are
familiar with the process of creating and publishing Web pages, see the
Webmaster's "<a href=../tool_guide_info/tgcat.shtml>Tools and
Guides</a>" page to
learn more about improving your Web pages and for help with the tools
offered for the
central web server accounts.</p>
<P>
<CENTER><A HREF="#TOP">Return to Top of Page</A></CENTER></p>
<A NAME="b"></A>
<hr>
<h5>Getting an Account</h5>
<P> Before you can put Web pages on IU's central Web servers
(<tt>Veritas/Champion</tt>),
you need to get an account. To see if you are eligible to have an
account on
an IU web server and to learn how to get an account if you are
eligible, see
the Webmaster's <a href="../account_info/ac.shtml">Accounts</a>
page. </p>
<P><CENTER><A HREF="#TOP">Return to Top of Page</A></CENTER> </p>
<A NAME="c"></A>
<hr>
<h5>Getting the Tools</h5>
<p> Once you have an account on the Web server, the next step is to
get the tools
you will need to create, upload, and view your Web pages. If you
do not already
have these tools, you can get most of the them from <a
href="http://iuware.indiana.edu/">IUware Online</a>. For information
on
obtaining the IUware CD please see the
Knowledge Base entry: <a href="http://kb.iu.edu/data/amij.html">At IU,
where can I get the IUware CD?</a></p>
<p>
Here are the tools you will need to get started: </p>
<ul>
<li><strong>A text editor or word processor</strong>: To create
your Web page,
you'll need a text editor or word processor. Windows computers
come with
a text-editor called "Notepad" and Macintoshes come with a text
editor called
"Simple Text."
</div><!-- end footer -->
</div><!-- end wrapper -->
</body>
</html>
sorry im really new at this stuff. so i have the code, and i need to make & view the page.. so how do i do that?? thanks hi, i want to create a screenshot of the webpage once is displayed on the client browser. Let's say, there is some php and javascript. The php code runs, than javascript code run. After that I want to make a screenshot and store it on the server. I guess I need a client side javascript code sending back an image to the server. Is that possible ? easy ? thanks Working on this site and I like the template but I'm tying to make it more inviting, any ideas? Not very creative here.. www.baysidesuperior.org/Bayside/ministries.html Greetings I have this problem that i have menu in Iframe and from that iframe i have link to another page. Now when i click the link it opens the link in the iframe window and does not move me completely on the new page. How do i put link that will get me to new page, and does not open it in the iframe window? Also i have another page with PHP include, would love to know the same thing in PHP. So i have this link that opens in the IFrame window, but i dont want to open it in IFRAME, but i want to move completely to the page the link shows. Also i don't want to open it in new window, i want it open in same window. Thanks for help! I need help with this html page. I would like the disclaimer at the bottom of the page to not follow the body. Is that possible? Take a look at this html and let me know if it is possible to recode it to show the disclaimer across the entire width of the page bottom as in this url : http://www.stocktraderspress.com/mem..._01112012.html Here is the html code for the new page I am trying to edit: <html> <head> <title>Stock Traders Press :: 2011 Performance</title> <meta http-equiv="content-type" content="text/html; charset=iso-8859-1"> <style type="text/css"> <!-- .style3 { font-size: 24px; font-family: Arial, Helvetica, sans-serif; font-weight: bold; } .style4 { font-size: 18px; font-family: Arial, Helvetica, sans-serif; font-weight: bold; } .style11 {font-size: 10px} .style15 {font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bold; } .numbersbody { font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-weight: normal; text-align: center; } .datebody { font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-weight: normal; text-align: right; } .tickerbody { font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-weight: normal; text-align: left; } .style17 {font-size: 14px; font-family: Arial, Helvetica, sans-serif;} --> </style> </head> <body bgcolor="#FFFFFF" text="#000000" marginwidth="0" marginheight="0"> <table width="100%" border="0" cellpadding="0" cellspacing="0"> <tbody> <tr align="center" valign="middle" bgcolor="#FFFFFF"> <td width="20%" height="19">*</td> <td width="20%" height="19">*</td> <td width="20%" height="19">*</td> <td width="20%" height="19">*</td> <td width="20%" height="19">*</td> </tr> <tr align="center" valign="middle" bgcolor="#FFFFFF"> <td colspan="5"> <table width="89%" border="1" cellpadding="10" cellspacing="0"> <tbody> <tr> <td valign="middle" bgcolor="#FFFFFF"> <table width="100%" border="0" cellpadding="2" cellspacing="0"> <tbody> <tr> <td colspan="5"><img src="/stp_logo.gif" width="363" height="42"></td> <td>*</td> <td><span class="style3">2011 Performance</span></td> </tr> <tr> <td colspan="2"><a href="/members/welcome.php">Go Back </a></td> <td colspan="5"><span class="style4">************************** </span></td> </tr> <tr> <td colspan="7"><span class="style4">These are the recommendations our Firm made in 2011 </span></td> </tr> <tr> <td colspan="7"><span class="style4">By purchasing an equal amount of every stock, you would have had an average gain of 9.41%</span> </td> </tr> <tr> <td width="87">*</td> <td width="115">*</td> <td width="80">*</td> <td width="79">*</td> <td width="197">*</td> <td width="140">*</td> <td width="175">*</td> </tr> <tr> <td colspan="2" class="style15">Closed Positions </td> <td>*</td> <td>*</td> <td>*</td> <td>*</td> <td>*</td> </tr> <tr bgcolor="#CCCCCC"> <td> <div align="center"> <strong><span class="style17">Stock</span></strong></div> </td> <td> <div align="center"> <strong><span class="style17">Date Bought</span></strong></div> </td> <td> <div align="center"> <strong><span class="style17">Date Sold </span></strong></div> </td> <td> <div align="center"> <strong><span class="style17">Time Held </span></strong></div> </td> <td> <div align="center"> <strong><span class="style17">Price (Recommended) </span></strong></div> </td> <td> <div align="center"> <strong><span class="style17">Price (Sold) </span></strong></div> </td> <td> <div align="center"> <strong><span class="style17">Profit/Loss</span></strong></div> </td> </tr> <tr> <tr bgcolor="#E6FFFF"> <td class="tickerbody">GT</td> <td class="numbersbody">01/05/2011</td> <td class="numbersbody">04/29/2011</td> <td class="numbersbody">114 Days</td> <td class="numbersbody">$12.69</td> <td class="numbersbody">$18.20</td> <td class="numbersbody">43.42%</td> </tr> <tr bgcolor="#E6FFFF"> <td class="tickerbody">CMG*</td> <td class="numbersbody">07/08/2011</td> <td class="numbersbody">08/18/2011</td> <td class="numbersbody">41 Days</td> <td class="numbersbody">$325</td> <td class="numbersbody">$285</td> <td class="numbersbody">12.36%</td> <td class="numbersbody">*Cover of a Short position</td> </tr> <tr bgcolor="#E6FFFF"> <td class="tickerbody">GT</td> <td class="numbersbody">09/06/2011</td> <td class="numbersbody">10/24/2011</td> <td class="numbersbody">2 1/2 months</td> <td class="numbersbody">$11.11</td> <td class="numbersbody">$13.58</td> <td class="numbersbody">24.46%</td> </tr> <tr bgcolor="#E6FFFF"> <td class="tickerbody">OLN</td> <td class="datebody">10/04/2011</td> <td class="numbersbody">10/27/2011</td> <td class="numbersbody">23 Days</td> <td class="numbersbody">17.17</td> <td class="numbersbody">$21.37</td> <td class="numbersbody">24.46%</td> </tr> I have wrote this <html> <body> <script type="text/javascript"> var w=window.open(); w.document.open(); w.document.write("FirstLine<br>SecondLine<br>"); w.document.close(); </script> </body> </html> This simply creates anew window and outputs text onto it... What I want is for the specified text, to be outputed to a new html file For instance, OutPut1.html or OutPut2.html and so on. And for clarification, I do not want to manually create each new file for html to write to. I want the main html to create these new files Thank you all in Advance for all help given Hi guys I've recently got into to the whole making sites for people running for political office and a lot of them want a donation function on there pages only problem is I have like NO idea how 2 do that. Its it done with HTML? Do I need to run through pay pal? Do I need to hand code the fields? So more then like a specific Q and A on this one I just need a broader response on where and how this is done. Thx 4 the assist. John Hi, I am very new to HTML and our webdesigners have run off without completing the job properly so I am trying to do it myself. The problem is with the "News" page of the site which is a tumblr page configured to look like the rest of the site. Rather than come on here and list all the problems with it I thought I'd tackle one at a time. The first thing I am trying to achieve is making the area in which posts are not submitted (the header, and the left and right) scroll down with you. So as you scroll down through the posts you can still see the links at the top of the page and on the sides. Is this possible? Here is the page I am talking about: http://secret-store.tumblr.com/ Thanks for any help guys. how to make contact page with contact detail mean forms detail like this name: email: address: country: Comments : and submit how to use submit coding i do not know much html tell me about submit option Here it is now: http://acidtripmediaproductions.com/lmi/links.html What can I do to it so that it doesnt look so plain? I was going to take banners/logos of the few companies & make them a image with a link to the website, but not all of the websites had a really good image or logo that would work. What other tricks can I try? ive done it now nvm, google ftw I have a php contact page that when people submit there message it goes to another page saying "thank you, your message has been sent" What I would like to do is have this thank you page pop up in a small 400 x 320 window and refresh the orignal page to my home page. Can anyone please help me do this? I do not know how to go about doing this. Thank you. How does one make a bar that creeps across as the page loads so that the viewer knows when the page is fully loaded? Thank you, KarlT |
|||||||