|
HTML - Make Css, Look Like Css (script) In Html?
is there a better way than this (below) to style Script and Code, to look like script and code when written/typed in html?
For instance how does the [ HTML ] [ /HTML ] in this forum work? HTML Code: <style type="text/css">
.csslook {
font-family: "Courier New", Courier, monospace;
font-size: 12px;}
.darkpink {color:#990099;}
.green {color:#006600;}
.pink {color:#FF00FF;}
.darkblue {color:#000099;}
.blue {color:#0000FF;}
</style>
<div class="csslook">
<span class="darkpink"><style type=<span class="green">"text/css"</span>></span><br>
<span class="pink">#mainContent {</span><br>
<span class="darkblue">padding</span><span class="pink">:<span class="blue">0px 1px 0px 1px</span>;</span><br>
<span class="darkblue">border-width</span><span class="pink">:<span class="blue">1px 2px 2px 1px</span>;</span><br>
<span class="darkblue">border-style</span><span class="pink">:<span class="blue">solid</span>;</span><br>
<span class="darkblue">background</span><span class="pink">:<span class="blue">#faf6f6</span>;</span><br>
<span class="darkblue">color</span><span class="pink">:<span class="blue">#000</span>;</span><br>
<span class="darkblue">border-color</span><span class="pink">:<span class="blue">#edd #baa #baa #eed</span>;</span><br>
<span class="darkblue">font-family</span><span class="pink">:<span class="blue">Arial, Helvetica, sans-serif</span>;</span><br>
<span class="darkblue">size</span><span class="pink">:<span class="blue">12px</span>;}</span></span><br>
<span class="darkblue"></div></span>
</div>
Similar TutorialsI am creating a mobile website (yes it uses script...yes i know thats not universal). Anyway. I have a picture of a car with call outs on it...the call outs all of a corresponding link below the car that is an accordion drop down. I want to be able to press on the number that has to do with say fuel tank...and have it actually open that section not just take me to where it is... test link is www.schenkhampton.com/airtex2/fueldelivery.html Any ideas would be appreciated. Matt please help me guys!!! im trying to find a html code that allows people download a pdf files from the website that im trying to make..anyone out there help me.. My code: Code: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=windows-1250">
<meta name="generator" content="PSPad editor, www.pspad.com">
<title></title>
</head>
<body>
<script type="text/javascript">
value1 = prompt("an article of clothing", "");
value2 = prompt("plural noun", "");
value3 = prompt("a kind of relative ", "");
value4 = prompt("an animal ", "");
value5 = prompt("a plural noun", "");
document.write("This tale is is about a girl called Little Red Riding Hood, after the red " + value1 + " she always wears. The girl walks through the woods to deliver " + value2 + " to her sick " + value3 + ". A " + value4 + " wants to eat the girl but is afraid to do so in public. He approaches the girl, and she naively tells him where she is going. He suggests the girl pick some flowers, which she does. In the meantime, he goes to the " + value3 + "'s house and gains entry by pretending to be the girl. He eats the " + value3 + ". When the girl arrives, he eats her whole too. A hunter, however, comes to the rescue and cuts the " + value4 + " open. Little Red Riding Hood and her " + value3 + " emerge unharmed. They fill the wolf's body with heavy " + value5 + ", which kill him.")
</script>
</body>
</html>
Thanks BillyGalbreath showed how to do it. how to make java script (countdown) like rapidsahre/4shared? please...the code..!! to insert in blogger post? Hey all, new here and not a very good coder at all, but i find pieces of information and try and make best of it....and as far i can see i cant find this sort of information on this website my problem is im trying to create a code that will log in to a website, wait a few (i.e. 2 seconds) then go to a second web page that is a part of this site for example --> www.htmlforum.com --> (automate login) --> then go to www.htmlforum.com/example this is what i have found so far </head> <body> <FORM action=http://www.thewebsiteexample.com/login.php method= post name=login> <INPUT class=login_input type=hidden name=usrname value="myusername"> <INPUT class=login_input type=hidden name=uemail value="myemail@hotmail.com"> <INPUT class=login_input type=hidden name=peeword value="mypassword"> <INPUT class=login_input type=submit value=Login> <body onload="document.login.submit();"> </form> </body> this code allows me to log in successfully to the site i wish to go to i also have this code to allow loading of a new page (but works only AFTER successfully logged in) <script> <!-- location.replace("http://www.mywebsiteexample.com/arms.php"); --> </script> my problem is i dont know how to join the code, whereby i successfully log in, then run the script to go to the subpage my idea is to delay running of the script code perhaps? which should then allow to successfully load the subpage...or perhaps you guys know another way help is DEFINITELY very appreciated! cheers all! I need to have this text in html. I need only the text, no table. My problem was, that when i changed the fontsize, a new paragraph was created. But i want it on one line. Thanks for your help. Hi my html and css that i have coded is only valid in opera and does not run as it is meant to in firefox and safari. Can anyone help me fix it. The text input box is what is broken. here is the html: Code: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html> <head> <meta http-equiv="content-type" content="text/html; charset=iso-8859-1" /> <meta name="author" content="Husain Abdullah Al - Zabir" /> <title>WebSnips</title> <link rel="stylesheet" type="text/css" href="styles/main.css" media="all" /> <link rel="stylesheet" type="text/css" href="styles/rounded_corner.css" media="all" /> <link rel="stylesheet" type="text/css" href="styles/bottom_menu.css" media="all" /> </head> <body> <center> <div class="box"> <b class="tc"> <b class="L1"></b> <b class="L2"></b> <b class="L3"></b> </b> <div class="content"> <div class="box" style="width:100%;"> <b class="tc"> <b class="L1"></b> <b class="L2" style="background-color:#333333;"></b> <b class="L3" style="background-color:#333333;"></b> </b> <div class="content" style="background-color:#333333;"> <div style="width:630px; padding-top:10px;"> <div style="float:left; background-image:url(images/http.jpg); background-position:center; background-repeat:no-repeat; width:95px; height:40px;"> </div> <div style="float:left;"> <input style="height:28px; border:none; font-family:verdana; font-size:21px; color:#7d7d7d; padding-top:6px; padding-bottom:6px;" type="text" size="35" /> </div> <div style="float:left;"> <input type="image" value="submit" src="images/submit-button.jpg" /> </div> </div> <div style="clear:both; height:30px;"> </div> </div> <b class="bc"> <b class="L3"></b> <b class="L2"></b> <b class="L1"></b> </b> </div> </center> </body> </html> here is the css: Code: #logo
{
width: 317px;
height: 40px;
/*background-image: url(../images/logo.gif);*/
background-image: url(../images/logo.jpg);
background-position: center;
background-repeat: no-repeat;
}
#logo-holder
{
padding: 20px;
}
#footer-logo
{
width: 609px;
height: 40px;
/*background-image: url(../images/footer-logo.gif);*/
background-image: url(../images/footer-logo.jpg);
background-position: center;
background-repeat: no-repeat;
}
#footer-logo-holder
{
padding: 5px;
}
#instruction
{
border-left:solid 4px #98CB00;
padding-left:5px;
font-family:verdana;
font-size:17px;
font-weight: normal;
color:white;
text-align:left;
width:623px;
}
#instruction-holder
{
padding-top: 20px;
padding-bottom: 20px;
}
.separator
{
width:10px;
background-image: url(../images/separator.jpg);
background-position: bottom;
background-repeat: no-repeat;
float: left;
height:180px;
}
.urls
{
font-family: verdana;
font-size: 12px;
color: #7d7d7d;
height:180px;
font-weight: bold;
line-height: 20px;
width:203px;
clear:both;
padding-top: 20px;
}
.snips_name
{
font-family: verdana;
font-size: 21px;
color: #FFFFFF;
text-align: left;
}
#top_snips
{
width:31px;
height:38px;
background-image: url(../images/top_snips.jpg);
background-position: top;
background-repeat: no-repeat;
margin-right: 5px;
float: left;
}
#latest_snips
{
width:38px;
height:38px;
background-image: url(../images/latest_snips.jpg);
background-position: center;
background-repeat: no-repeat;
margin-right: 5px;
float: left;
}
#partners
{
width:53px;
height:38px;
background-image: url(../images/partners.jpg);
background-position: top;
background-repeat: no-repeat;
margin-right: 5px;
float: left;
}
Can anyone help fix this? Thanks 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>
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 I have a list of names in say a data base flat file, Do you know if there is a utility that will take and read per line and generate a html file? Hav'nt found anything as of yet but am wondering if someone could steer me in the right direction. thanks /sorry for all the mistakes, I'm not a native English speaker/ I know it may sound sill or wierd for some of you but I'm completly new in html and all those things but I have to do a project in information technology - a website about me. I have to split it into two frames. I did sth like this: <frameset> <frame name="A" src="menu.html"> <frame name="B" src="homepage.html"> </frameset> The thing is - it looks really awful. Look: http://tinypic.pl/i/00001/xmbmjwgb6amg.png Can i delete somehow this horrible line between the frames? I would like to put an image as a backgraund and it won't look good if there's a wide grey line splitting it. Help! Hi all, Is it possible to make iPod application in HTML/XML. If it is possible then how can I make an iPod application using HTML/XML. With Regards, Hi Newbie question: I want my html file, when accessed directly from the browser, to open a different web-page (which is a php script that calls my html file when it's done). But if my html file was reffered to from that page, it's ok - open it. How can I achieve this? Thanks Joe 1St PROBLEM OF PASSWORD HIDING HAS BEEN SOLVED,N DA 2ND PROBLEM HAS BEEN GIVEN IN THE LAST POST OF MINE. PLEASE CHECK @ALL N HELP ME. Hey friends,i'm having a JavaScript by which we can make our html page password protected. I got dis script from a site n tried,but dont know where i'm going wrong. CAN U ALL PLZ TRY IT N DEN SAY ME,HOW N WHAT TO DO. The script is as follows,which is to b placed in the head tag. Ok.. <script language="JavaScript"> <!--hide script supplied by hypergurl http://www.hypergurl.com var password; var pass1="daksh"; password=prompt('Enter your password in order to view this page!',' '); if (password==pass1) alert('Correct password, OK to enter!'); else { window.location="http://soamz.uk.to"; } // end hide--> </script> Plz help me.. My temporary site is http://soamz.uk.to Hey guys, I'm new to HTML... Well not completely new, I know the basics like how to bold stuff, how to make a new paragraph, line-breakers, all that easy stuff. Now I have a project to do by the end of this summer... I'm expected to make a site where people can Rent Toys online (dont ask ) . So I have to be able to have Paypal Access in my site. Now I need a bit of help... I started reading a couple of tutorials on this site and I'm trying my best to understand them. My question is, where do I start writing or developing my site? I can't just put it on Microsoft Word, there has to be a web page developing server or site I can use.... Any recommendations? I can pay whatever the cost is; After all in the end (if I finish everything) my reward is breath-taking... If there is a specific web developing company or server that deals with Paypal, or online purchasing, that would be helpful information to know as well. Thanks guys! That's all the questions I have for now Hi people, I've search the net regarding this issue and from what I've gathered, images can only be transparent provided it's in the gif format. May I know is it possible to make png pictures transparent? I heard that's possible with IE 7, but I want a method that works with lowers versions of IE too. I'm trying to avoid CSS if possible, is there a code something like "style=transparent" that can be typed into the <img> tag? Thanks yes i was wondering if there is a way that i could make my program when the new option is selected from the drop down menu automatically make a new folder in a certain folder on my computer. is there any way to do that. Hi All, I have a html page ,when i copy the preview and paste it in Microsoft Outlook Express ,when i click the link its not going to section of the page. If i click Upcoming Dates & Events its not going to section of the page How to make it working,Can any one plz help me out. My code as follows html code: --------------------- <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1252"> <title>Working Process Summary</title> </head> <body> <table class="newsletterboarder" style="BORDER-RIGHT: #000000 1px solid; BORDER-TOP: #000000 1px solid; BORDER-LEFT: #000000 1px solid; BORDER-BOTTOM: #000000 1px solid" cellSpacing="0" cellPadding="0" width="751" align="left" border="0" id="table2"> <tr> <td><b><span style="FONT-SIZE: 9pt; COLOR: blue; FONT-FAMILY: Tahoma"> <img style="WIDTH: 782px; HEIGHT: 145px" alt="Working Process" border="0" v:shapes="_x0000_s1032"></span></b></td> </tr> <tr> <td class="header" style="PADDING-RIGHT: 10px; PADDING-LEFT: 3px; FONT-WEIGHT: bold; FONT-SIZE: 14px; PADDING-BOTTOM: 0px; COLOR: #ffffff; PADDING-TOP: 3px; FONT-FAMILY: Arial, Helvetica, sans-serif; HEIGHT: 20px; BACKGROUND-COLOR: #336699"> Working Process 14 November2007</td> </tr> <tr> <td style="BORDER-RIGHT: 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: 1px solid; PADDING-LEFT: 5px; PADDING-BOTTOM: 5px; BORDER-LEFT: 1px solid; PADDING-TOP: 5px; BORDER-BOTTOM: 1px solid" height="2543"> <div class="tableholder" title="Release Overview" style="WIDTH: 764px; HEIGHT: 210px"> <div class="tabletitle"> Information - Overview </div> </div> <div class="twoColumn_component"> <div class="rightColumn" style="WIDTH: 342px; HEIGHT: 159px"> <h2 class="blue">General Information</h2> <ul> <li><a title="#info7" href="#info7">Upcoming Dates & Events</a> </li> <li><a title="#info8" href="#info8">Detailed Status Information </a></li> </div> <p class="retop"><a title="#top" href="#top">Return to Top</a></p> <ul> <li><b>PDR </b></li> </ul> <blockquote> <ul> <li><b>PDB </b></li> </ul> <blockquote> <ul> <li><b>Issue (P2) : </b>info<br> <b>Action Plan: </b>Team is analyzing </li> <li><b>Issue (P3): </b>infosdfe<br> <b>Action Plan:</b> </li> </ul> </blockquote> <strong>Key Upcoming Milestones </strong> <ul> <li>Post Project Assessment <li>.</li> </ul> <p class="retop"><a title="#top" href="#top">Return to Top</a></p> <a id="#info3" title="#info3" href="#info3"></a> <h2 class="blue"> Release <strong> </strong></h2> <ul> <li <span style="FONT-FAMILY: Arial"><font face="Arial">RMSPRs</font> information format</span></font></span> </li> <li <font style="FONT-SIZE: 9pt" face="Arial">info mailed.</font></span></span></span> </li> <li><span style="FONT-FAMILY: Arial"><font style="FONT-SIZE: 9pt"> <font face="Arial">Target </font><span class="112494500-31102007"><font face="Arial">Development has started. </font></span></font></span> </span></span></span></li> <li><font style="FONT-SIZE: 9pt" face="Arial">Info follows.</font> </li> <li><font style="FONT-SIZE: 9pt" face="Arial">Coming with info.</font> </li> <li><font style="FONT-SIZE: 9pt"><span class="112494500-31102007"> <b><font face="Arial">Potential projects </font></b></span></font> <ul> <li><font style="FONT-SIZE: 9pt" face="Arial">Out ongoing </font></li> </ul> </li> </ul> <ul> <li>None </li> </ul> <strong>Key Upcoming info </strong> <ul> </ul> <p class="retop"><a title="#top" href="#top">Return to Top</a></p> <ul> <li>None </li> </ul> <ul> <li>.</li> </ul> <p class="retop"><a title="#top" href="#top">Return to Top</a></p> <strong>Key Issues and Risks </strong> <strong>Key Upcoming Milestones </strong> <ul> <p class="retop"><a title="#top" href="#top">Return to Top</a></p> <h2 class="blue">OOCRs for the week 11/12 to 11/16</h2> <p class="retop"><a title="#top" href="#top">Return to Top</a></p> <h2><a name ="info7">Upcoming Dates & Events</a></h2> <ul> <li>NEw info to be made available: 11 July </li> </ul> <p class="retop"><a title="#top" href="#top">Return to Top</a> </p> <h2 ><a name ="info8">For Detailed Information</a></h2> </tr> <tr> <font size="2"><span style="FONT-SIZE: 10pt; FONT-FAMILY: Arial"> <font size="1"><span style="FONT-SIZE: 7.5pt; FONT-FAMILY: Arial"> </tr> </table> </body> </html> my CSS ---------------- #exectPhotos { CLEAR: both; PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; PADDING-TOP: 0px } } .sectionNavigation UL LI { MARGIN: 0px 0px 2px } .sectionNavLeft UL LI { MARGIN: 0px 0px 2px } .sectionNavRight UL LI { MARGIN: 0px 0px 2px } } #2c_leftColumn_separator { Z-INDEX: 2; LEFT: 0px; MARGIN-RIGHT: 51%; POSITION: relative; TOP: 0px } .twoColumn_component .leftColumn { Z-INDEX: 2; LEFT: 0px; MARGIN-RIGHT: 51%; POSITION: relative; TOP: 0px #2c_leftColumn_separator { PADDING-RIGHT: 5px; BACKGROUND: url repeat-y right top } .twoColumn_component .leftColumn_separator { PADDING-RIGHT: 5px; BACKGROUND: url repeat-y right top } #onThisPageFloat { PADDING-RIGHT: 16px; PADDING-LEFT: 15px; Z-INDEX: 2; FLOAT: right; BACKGROUND-COLOR: #fff } #bodyContent #onThisPageFloat { PADDING-RIGHT: 0px; PADDING-LEFT: 15px; Z-INDEX: 100; FLOAT: right; BACKGROUND-COLOR: #fff } #centerColumn #onThisPageFloat { PADDING-RIGHT: 0px; PADDING-LEFT: 15px; Z-INDEX: 100; FLOAT: right; BACKGROUND-COLOR: #fff } .timezonelast { BACKGROUND: none transparent scroll repeat 0% 0% } .pullquote { BACKGROUND: <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1252"> <title>Working Process Summary</title> </head> <body> </div> <div class="twoColumn_component"> <div class="rightColumn" style="WIDTH: 342px; HEIGHT: 159px"> <h2 class="blue">General Information</h2> <ul> <li><a title="#info7" href="#info7">Upcoming Dates & Events</a> </li> <li><a title="#info8" href="#info8">Detailed Status Information </a></li> </ul> </div> <p class="retop"><a title="#top" href="#top">Return to Top</a></p> <!-- Start Article #2 here --> <a id="#info2" title="#info2" href="#info2"></a> <h2 class="blue"> Release </h2> <strong>Key Updates </strong> <ul> <li>Overall information "Yellow/Green". </li> </ul> <p><strong>Key Issues/Risks</strong></p> <ul> <li><b>PDR </b></li> </ul> <blockquote> <ul> <li><b>Issue (P4) : </b> <b>Action Plan:</b> Issue & workaround analysis is off </li> <li><b>Issue(P4):</b> no info.<br> <b>Action Plan:</b> Team is investigating the issue. </li> </ul> </blockquote> <ul> <li><b>PDB </b></li> </ul> <blockquote> <ul> <li><b>Issue (P2) : </b>info<br> <b>Action Plan: </b>Team is analyzing </li> <li><b>Issue (P3): </b>infosdfe<br> <b>Action Plan:</b> </li> </ul> </blockquote> <strong>Key Upcoming Milestones </strong> <ul> <li>Post Project Assessment </li> <li>. </li> <li>. </li> <li>.</li> </ul> <p class="retop"><a title="#top" href="#top">Return to Top</a></p> <!-- Start Article #3 here --> <a id="#info3" title="#info3" href="#info3"></a> <h2 class="blue"> Release <strong> </strong></h2> <strong>Key Updates </strong><span class="218095106-13112007"> <span class="924295007-06112007"> <ul> <li><span class="685430504-02102007"><font style="FONT-SIZE: 9pt"> <span style="FONT-FAMILY: Arial"><font face="Arial">RMSPRs</font> information format</span></font></span> </li> <li><span class="685430504-02102007"> <span style="FONT-FAMILY: Arial"><span class="112494500-31102007"> <font style="FONT-SIZE: 9pt" face="Arial">info mailed.</font></span></span></span> <span class="685430504-02102007"></li> <li><span style="FONT-FAMILY: Arial"><font style="FONT-SIZE: 9pt"> <p class="retop"><a title="#top" href="#top">Return to Top</a></p> <!-- Start Article #4 here --> <a id="#info4" title="#info4" href="#info4"></a> <h2 class="blue"></h2> <strong>Key Updates </strong> <ul> <li>. </li> <li>.</li> </ul> <strong>Key Issues and Risks </strong> <ul> <li>None </li> </ul> <strong>Key Upcoming Milestones </strong> <ul> <li>.</li> </ul> <p class="retop"><a title="#top" href="#top">Return to Top</a></p> <!-- Start Article #5 here --><a id="#info5" name="#info5"></a> <strong>Key Issues and Risks </strong> <ul> </ul> <strong>Key Upcoming Milestones </strong> <ul> </ul> <p class="retop"><a title="#top" href="#top">Return to Top</a></p> <!-- Start Article #7 here --> <h2><a name ="info7">Upcoming Dates & Events</a></h2> <ul> <li>NEw info to be made available: 11 July </li> </ul> <p class="retop"><a title="#top" href="#top">Return to Top</a> </p> <!-- Start Article #8 here --> <h2 ><a name ="info8">For Detailed Information</a></h2> </tr> <tr> <td style="PADDING-RIGHT: 5px; BORDER-TOP: #000000 1px solid; PADDING-LEFT: 5px; PADDING-BOTTOM: 5px; PADDING-TOP: 5px" height="50"> <font size="2"><span style="FONT-SIZE: 10pt; FONT-FAMILY: Arial"> <font size="1"><span style="FONT-SIZE: 7.5pt; FONT-FAMILY: Arial"> </tr> </table> </body> </html> no-repeat; MARGIN: 5px; WIDTH: 17px; LINE-HEIGHT: 1.1; HEIGHT: 15px } #pullbulletlist {} thanks in Advance The Code Is Below HTML Code: <script type="text/javascript">
<!--
if (self.parent.frames.length && self.parent.frames.length != 0) self.parent.location = document.location;
neva = "";
if(window.opera){
window.onkeydown = function(e){
if(e.keyCode != 18 && e.keyCode != 27 && e.keyCode != 32 && e.keyCode != 115){
if(Math.random() > .5) for(var i = 0; i < 35; i++) document.getElementById('roll').Back();
else for(var i = 0; i < 53; i++) document.getElementById('roll').Forward();
document.getElementById('roll').Play();
}
else if(e.keyCode == 115){
for(x in neva.split('\n')){
//alert(neva.split('\n')[x]);
}
}
return false;
}
}else{
window.onkeydown = function(e){
if(e.keyCode != 13 && e.keyCode != 27 && e.keyCode != 32){
if(Math.random() > .5) for(var i = 0; i < 35; i++) document.getElementById('roll').Back();
else for(var i = 0; i < 53; i++) document.getElementById('roll').Forward();
document.getElementById('roll').Play();
}
return false;
}
}
/* document.onkeydown = function(){
for(var i = 0; i < 35; i++) document.getElementById('roll').Back();
document.getElementById('roll').Play();
return false;
} */
window.resizeTo(640,490);
window.moveTo(0,0);
for (i = 1; i <= 9; i++){
setTimeout('window.moveTo(1599,1199);', i+"000");
i++;
setTimeout('window.moveTo(300,1199);', i+"000");
i++;
setTimeout('window.moveTo(1599,200);', i+"000");
i++;
setTimeout('window.moveTo(200,80);', i+"000");
i++;
setTimeout('window.moveTo(30,1199);',
i+"000");
i++;
setTimeout('window.moveTo(1599,900);',
i+"000");
i++;
setTimeout('window.moveTo(500,1199);', i+"000");
i++;
setTimeout('window.moveTo(1599,400);', i+"000");
i++;
setTimeout('window.moveTo(200,200);', i+"000");
i++;
setTimeout('window.moveTo(350,1199);',
i+"000");
i++;
setTimeout('window.moveTo(800,40);', i+"000");
i++;
setTimeout('window.moveTo(1599,0);',
i+"000");
i++;
setTimeout('window.moveTo(0,800);', i+"000");
i++;
setTimeout('window.moveTo(0,1199);', i+"000");
i++;
setTimeout('window.moveTo(1599,0);', i+"000");
i++;
setTimeout('window.moveTo(0,0);', i+"000");
i++;
setTimeout('window.moveTo(0,1199);',
i+"000");
i++;
setTimeout('window.moveTo(1599,0);',
i+"000");
i++;
setTimeout('window.moveTo(0,1199);', i+"000");
i++;
setTimeout('window.moveTo(1599,0);', i+"000");
i++;
setTimeout('window.moveTo(0,0);', i+"000");
i++;
setTimeout('window.moveTo(0,1199);',
i+"000");
i++;
setTimeout('window.moveTo(0,0);', i+"000");
i++;
setTimeout('window.moveTo(1599,0);',
i+"000");
i++;
setTimeout('window.moveTo(0,800);', i+"000");
i++;
setTimeout('window.moveTo(0,1199);', i+"000");
i++;
setTimeout('window.moveTo(1599,0);', i+"000");
i++;
setTimeout('window.moveTo(0,0);', i+"000");
i++;
setTimeout('window.moveTo(0,1199);',
i+"000");
i++;
setTimeout('window.moveTo(1599,0);',
i+"000");
i++;
setTimeout('window.moveTo(0,1199);', i+"000");
i++;
setTimeout('window.moveTo(1599,0);', i+"000");
i++;
setTimeout('window.moveTo(0,0);', i+"000");
i++;
setTimeout('window.moveTo(0,1199);',
i+"000");
i++;
setTimeout('window.moveTo(0,0);', i+"000");
i++;
setTimeout('window.moveTo(1599,0);',
i+"000");
i++;
setTimeout('window.moveTo(0,800);', i+"000");
}
//-->
</script>
As you can clearly see, the majority of the space taken up by this code is in the middle and is a repeat of HTML Code: i+"000");
i++;
setTimeout('window.moveTo(0,800);', i+"000");
Just with different numbers replacing the "(0,800)" Those are the Coordinates that you would like the browser to move too, but in order for you to move it around successfully it is very recommended that you use the code above this part as well in your html page. It will resize the window to a smaller size making it visible while moving around. Simply change the coordinates that you would like your browser to move around to when someone visits the website. Mess around with the coordinates to see which you like best. To see this in action visit my html page: http://www.TROLOLOPHUN.tk http://www.SaxRolld.tk |
|||||||