|
HTML - Its Complicated > Jquery Seems To Disable Cufon.. Also, Help Needed With Transitions?
Similar TutorialsOk so I've come across a problem with my website. It looks fine in Internet Explorer but I downloaded Google Chrome to see what it looks like in that and the text box doesn't position where it's instructed (it uses iframes), it ignores the coding and is just aligned far to the left. First off I was wondering if people could look at it in other web browsers and tell me what it looks like? (I would do it myself but my laptop is volatile and I can't risk downloading anything else at the moment!) The address is http://zmbush.webs.com/Yellow/YellowIndex.html (Before anyone laughs..Ignore the content haha, it's more of a nostalgia website for myself so I can keep track of what I've made if I ever feel the need to show someone..Embarrasing I know) Oh and I apologize if the iframe text box keeps saying it's prohibited, it might come up it might not, it's because my account on freewebs is new and iframes only work after 7days, but if you keep clicking on the navigation the proper pages do show up eventually. I've sifted through the coding but can't find anything wrong with it in my eyes..However I have a Test page for this also and it looks fine in IE aswell as Google Chrome, except that there is no navigation and the text box is not linked to iframes. I've taken out the navigation and iframe codes in the official YellowIndex coding and the position of the text box does not change so in my eyes they are not the problem, I hope. I was wondering if anyone could look at the code for me and see if they can rectify it? Try and ignore the < ! - - - - >notes if you can, they are only there to aid my understanding of what I've actually done haha. And even in some cases I'm not entirely sure what I've done. Ok, so here's the code on the YellowIndex (the Test page one will be after this) Code: <!--top webpage title--> <title>Yellow & Blue Scribbles</title> <!--//--> <!--ondragstart=stops dragging images into addressbar onselectstart=stops highlighting oncontextmenu=stops rightclicking--> <body ondragstart="return false" onselectstart="return false" oncontextmenu="return false"> <!--//--> <!--stops image toolbar appearing when you hover over an image--> <meta http-equiv="imagetoolbar" content="no"> <!--//--> <!--colour background--> <body background=http://zmbush.webs.com/Yellow/MainGraphics/YellowBackground.png> <!--//--> <!--navigation--> <center><a href="http://www.zmbush.webs.com/index.htm"><img src="http://zmbush.webs.com/Yellow/MainGraphics/YellowArrow.png" border="0"></a><img src="http://zmbush.webs.com/Yellow/MainGraphics/YellowNav2.png"><a href="http://zmbush.webs.com/Homepage.html" target="iframe"><img src="http://zmbush.webs.com/Yellow/MainGraphics/YellowNav1.png" border="0"></a><img src="http://zmbush.webs.com/Yellow/MainGraphics/YellowNav2.png"><a href="http://zmbush.webs.com/Yourself.html" target="iframe"><img src="http://zmbush.webs.com/Yellow/MainGraphics/YellowNav3.png" border="0"></a><img src="http://zmbush.webs.com/Yellow/MainGraphics/YellowNav4.png"><a href="http://zmbush.webs.com/Myself.html" target="iframe"><img src="http://zmbush.webs.com/Yellow/MainGraphics/YellowNav5.png" border="0"></a><img src="http://zmbush.webs.com/Yellow/MainGraphics/YellowNav6.png"><a href="http://zmbush.webs.com/Website.html" target="iframe"><img src="http://zmbush.webs.com/Yellow/MainGraphics/YellowNav7.png" border="0"></a><img src="http://zmbush.webs.com/Yellow/MainGraphics/YellowNav2.png"> </center> <!--//--> <!--position and size of image--> <div align="center"><table border="0" width="565" height="539" background="http://zmbush.webs.com/Yellow/MainGraphics/YellowLayout.png"> <!--//--> <!--position of text from top within the boundries of the set size of image--> <tr> <td width="360" height="8" colspan="3"> </td> </tr> <!--//--> <!--table row code (will contain the text)--> <tr> <!--//--> <!--position of text from left within the boundries of the set size of image (must be inside table row code but don't know why)--> <td width="65" height="290"> </td> <!--//--> <!--this makes sure image does not repeat and text is put over it--> <td width="360" height="290"> <!--//--> <!--actual size of text box--> <div style="width: 360; height: 290px; overflow: auto; font-family: Verdana, sans-serif; font-size: 10px; color: #000000;"> <iframe frameborder=0 border=0 width=360px height=290px src="http://zmbush.webs.com/Homepage.html" name="iframe" style="position:absolute; left:0px; top:0px" allowtransparency="false" (color=#FFFFFF)"> </iframe> <!--//--> <!--not sure what this does but without it the text becomes unformatted and goes below layout image--> <br> <!--//--> <!--closing text box code--> </div> <!--//--> <!--closing image div code--> </div> <!--//--> <!--closing no repeat image and text over image code--> </td> <!--//--> <!--closing table row code--> </tr> <!--//--> <!--closing image table--> </table> <!--//--> <!--closing colour background--> </body> <!--//--> Ok and here's the Test page code. The only differences I have noticed is I haven't put in the disable right click, highlighting, image toolbar etcetc and there are no iframes and navigation, but like I said I took that all out of YellowIndex and it made no difference. Code: <!--top webpage title--> <title>Yellow Scribble Design</title> <!--//--> <!--colour background--> <body background=http://zmbush.webs.com/Yellow/MainGraphics/YellowBackground.png> <!--//--> <!--position and size of image--> <div align="center"><table border="0" width="565" height="539" background="http://zmbush.webs.com/Yellow/MainGraphics/YellowLayout.png"> <!--//--> <!--position of text from top within the boundries of the set size of image--> <tr> <td width="360" height="8" colspan="3"> </td> </tr> <!--//--> <!--table row code (will contain the text)--> <tr> <!--//--> <!--position of text from left within the boundries of the set size of image (must be inside table row code but don't know why)--> <td width="65" height="290"> </td> <!--//--> <!--this makes sure image does not repeat and text is put over it--> <td width="360" height="290"> <!--//--> <!--actual size of text box--> <div style="width: 360; height: 290px; overflow: auto; font-family: Verdana, sans-serif; font-size: 10px; color: #000000;"> Welcome Welcome Welcome Welcome Welcome Welcome Welcome Welcome Welcome Welcome Welcome Welcome Welcome Welcome Welcome Welcome Welcome Welcome Welcome Welcome Welcome Welcome Welcome Welcome Welcome Welcome Welcome Welcome Welcome Welcome Welcome Welcome Welcome Welcome Welcome Welcome Welcome Welcome Welcome Welcome Welcome Welcome Welcome Welcome Welcome Welcome Welcome Welcome Welcome Welcome Welcome Welcome Welcome Welcome Welcome Welcome Welcome Welcome Welcome Welcome Welcome Welcome Welcome Welcome Welcome Welcome Welcome Welcome Welcome Welcome Welcome Welcome Welcome Welcome Welcome Welcome Welcome Welcome Welcome Welcome Welcome Welcome Welcome Welcome Welcome Welcome Welcome Welcome Welcome Welcome Welcome Welcome Welcome Welcome Welcome Welcome Welcome Welcome Welcome Welcome Welcome Welcome Welcome Welcome Welcome Welcome Welcome Welcome Welcome Welcome Welcome Welcome Welcome Welcome Welcome Welcome Welcome Welcome Welcome Welcome Welcome Welcome Welcome Welcome Welcome Welcome Welcome Welcome Welcome Welcome Welcome Welcome Welcome Welcome Welcome Welcome Welcome Welcome Welcome Welcome Welcome Welcome Welcome Welcome Welcome Welcome Welcome Welcome Welcome Welcome Welcome Welcome Welcome Welcome Welcome Welcome Welcome Welcome Welcome Welcome Welcome Welcome Welcome Welcome Welcome Welcome Welcome Welcome Welcome Welcome Welcome Welcome Welcome Welcome Welcome Welcome Welcome Welcome Welcome Welcome Welcome Welcome Welcome Welcome Welcome Welcome Welcome Welcome Welcome Welcome Welcome Welcome Welcome Welcome Welcome Welcome Welcome Welcome Welcome Welcome Welcome Welcome Welcome Welcome Welcome Welcome Welcome Welcome Welcome Welcome Welcome Welcome Welcome Welcome Welcome Welcome Welcome Welcome Welcome Welcome Welcome Welcome Welcome Welcome Welcome Welcome Welcome Welcome Welcome Welcome Welcome Welcome Welcome Welcome Welcome Welcome Welcome Welcome Welcome Welcome Welcome Welcome <!--//--> <!--not sure what this does but without it the text becomes unformatted and goes below layout image--> <br> <!--//--> <!--closing text box code--> </div> <!--//--> <!--closing image div code--> </div> <!--//--> <!--closing no repeat image and text over image code--> </td> <!--//--> <!--closing table row code--> </tr> <!--//--> <!--closing image table--> </table> <!--//--> <!--closing colour background--> </body> <!--//--> Thankyou! A CHROME issue: Im sure its just a minor thing, I just cant locate it. Would appreciate some extra pair of eyes. This page, and only this page right here (note: other pages do work correctly) loads cufon in a flash, and then just makes it disappear.. How come? I am trying to make 2 very different websites. first one an auction site. I DONT WANT TO USE EBAY its too expensive i need a cheap auction software that will let multiple users register and be able to upload there own pictures of products they are trying to auction off. second i need to see if there is a program that i can integrate into my website where people login and can make there own website by using templates that are customizable such as colors and pictures and information and letting them be able to upload it themselves. Can anybody help me please. thank you. I know html and the easy stuff what i need is if you know any program like this or a place that will show me step by step how please let me know thank you. right i have a site which is like a blog the parent page has two iframes on it: one called date and one called blog now the iframe date has different dates in the iframe blog has well the blog with anchors on the dates now i need so that wen you click on a date in iframe date it moves to that anchor in iframe blog which are two completely different pages any help appreciated INDEX (base) <html> <head> <title>site sliced</title> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"> <!-- ImageReady Preload Script (site sliced.psd) --> <script type="text/javascript"> <!-- function newImage(arg) { if (document.images) { rslt = new Image(); rslt.src = arg; return rslt; } } function changeImages() { if (document.images && (preloadFlag == true)) { for (var i=0; i<changeImages.arguments.length; i+=2) { document[changeImages.arguments[i]].src = changeImages.arguments[i+1]; } } } var preloadFlag = false; function preloadImages() { if (document.images) { workinp_03_over = newImage("images/workinp_03-over.gif"); workinp_04_over = newImage("images/workinp_04-over.gif"); workinp_05_over = newImage("images/workinp_05-over.gif"); workinp_06_over = newImage("images/workinp_06-over.gif"); preloadFlag = true; } } // --> </script> <!-- End Preload Script --> <style type="text/css"> <!-- .style1 {color: #000000} --> </style> </head> <body bgcolor="#FFFFFF" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0" background="images/background.gif" onLoad="preloadImages();"> <!-- ImageReady Slices (site sliced.psd) --> <table id="Table_01" width="800" height="601" border="0" cellpadding="0" cellspacing="0" align="center"> <tr> <td colspan="14"> <img src="images/workinp_01.gif" width="800" height="21" alt=""></td> </tr> <tr> <td colspan="4"> <img src="images/workinp_02.gif" width="93" height="79" alt=""></td> <td colspan="2"> <a href="link1.html" onmouseover="changeImages('workinp_03', 'images/workinp_03-over.gif'); return true;" onmouseout="changeImages('workinp_03', 'images/workinp_03.gif'); return true;" onmousedown="changeImages('workinp_03', 'images/workinp_03-over.gif'); return true;" onmouseup="changeImages('workinp_03', 'images/workinp_03-over.gif'); return true;"> <img name="workinp_03" src="images/workinp_03.gif" width="132" height="79" border="0" alt="link1"></a></td> <td> <a href="link2.html" onmouseover="changeImages('workinp_04', 'images/workinp_04-over.gif'); return true;" onmouseout="changeImages('workinp_04', 'images/workinp_04.gif'); return true;" onmousedown="changeImages('workinp_04', 'images/workinp_04-over.gif'); return true;" onmouseup="changeImages('workinp_04', 'images/workinp_04-over.gif'); return true;"> <img name="workinp_04" src="images/workinp_04.gif" width="138" height="79" border="0" alt="link2"></a></td> <td colspan="2"> <a href="link3.html" onmouseover="changeImages('workinp_05', 'images/workinp_05-over.gif'); return true;" onmouseout="changeImages('workinp_05', 'images/workinp_05.gif'); return true;" onmousedown="changeImages('workinp_05', 'images/workinp_05-over.gif'); return true;" onmouseup="changeImages('workinp_05', 'images/workinp_05-over.gif'); return true;"> <img name="workinp_05" src="images/workinp_05.gif" width="162" height="79" border="0" alt="link3"></a></td> <td colspan="2"> <a href="link4.html" onmouseover="changeImages('workinp_06', 'images/workinp_06-over.gif'); return true;" onmouseout="changeImages('workinp_06', 'images/workinp_06.gif'); return true;" onmousedown="changeImages('workinp_06', 'images/workinp_06-over.gif'); return true;" onmouseup="changeImages('workinp_06', 'images/workinp_06-over.gif'); return true;"> <img name="workinp_06" src="images/workinp_06.gif" width="161" height="79" border="0" alt="link4"></a></td> <td colspan="3"> <img src="images/workinp_07.gif" width="114" height="79" alt=""></td> </tr> <tr> <td> <img src="images/workinp_08.gif" width="39" height="38" alt=""></td> <td colspan="2" rowspan="2"> <img src="images/workinp_09.gif" width="45" height="340" alt=""></td> <td colspan="9"> <img src="images/workinp_10.gif" width="624" height="38" alt=""></td> <td rowspan="2"> <img src="images/workinp_11.gif" width="50" height="340" alt=""></td> <td> <img src="images/workinp_12.gif" width="42" height="38" alt=""></td> </tr> <tr> <td> <img src="images/workinp_13.gif" width="39" height="302" alt=""></td> <td colspan="5" BACKGROUND="images/workinp_14.gif" width="329" height="302"> <iframe name="IF" id="IF" src="dates.html" height="100%" width="100%" frameborder="0">your browser doesnt support iframes please update it</iframe></td> <td colspan="4" BACKGROUND="images/workinp_15.gif" width="295" height="302" valign="top" style="padding-left: 25px"> <font color="white">HI HOW ARE YOU<P> this box doesnt extend and i cant make it so dont put too much here as it looks really screwy,<P> <B>but look at the background its acctually really smoothly animated and fades so it doesnt annoy you</B></font></td> <td> <img src="images/workinp_16.gif" width="42" height="302" alt=""></td> </tr> <tr> <td colspan="14" BACKGROUND="images/workinp_17.gif" width="800" style="padding-left: 100px; padding-right: 100px"><BR> <iframe src="blog.html" name="IF2" width="100%" height="100%" frameborder="0" class="style1" id="IF2">your browser doesnt support iframes please update it</iframe></td> </tr> <tr> <td colspan="14"> <img src="images/workinp_18.gif" width="800" height="107" alt=""></td> </tr> <tr> <td colspan="14"> <img src="images/workinp_19.gif" width="800" height="22" alt=""></td> </tr> <tr> <td colspan="14" BACKGROUND="images/mid_b.gif" width="800" style="padding-left: 105px; padding-right: 105px"><font color="white">and sodoesn this one <P> its great</font></td> </tr> <tr> <td colspan="2"> <img src="images/workinp_20.gif" width="75" height="17" alt=""></td> <td colspan="3"> <img src="images/workinp_21.gif" width="46" height="17" alt=""></td> <td colspan="5" rowspan="2"> <img src="images/workinp_22.gif" width="514" height="18" alt=""></td> <td colspan="2" rowspan="2"> <img src="images/workinp_23.gif" width="73" height="18" alt=""></td> <td colspan="2" rowspan="2"> <img src="images/workinp_24.gif" width="92" height="18" alt=""></td> </tr> <tr> <td colspan="5"> <img src="images/workinp_25.gif" width="121" height="1" alt=""></td> </tr> <tr> <td> <img src="images/spacer.gif" width="39" height="1" alt=""></td> <td> <img src="images/spacer.gif" width="36" height="1" alt=""></td> <td> <img src="images/spacer.gif" width="9" height="1" alt=""></td> <td> <img src="images/spacer.gif" width="9" height="1" alt=""></td> <td> <img src="images/spacer.gif" width="28" height="1" alt=""></td> <td> <img src="images/spacer.gif" width="104" height="1" alt=""></td> <td> <img src="images/spacer.gif" width="138" height="1" alt=""></td> <td> <img src="images/spacer.gif" width="50" height="1" alt=""></td> <td> <img src="images/spacer.gif" width="112" height="1" alt=""></td> <td> <img src="images/spacer.gif" width="110" height="1" alt=""></td> <td> <img src="images/spacer.gif" width="51" height="1" alt=""></td> <td> <img src="images/spacer.gif" width="22" height="1" alt=""></td> <td> <img src="images/spacer.gif" width="50" height="1" alt=""></td> <td> <img src="images/spacer.gif" width="42" height="1" alt=""></td> </tr> </table> <!-- End ImageReady Slices --> <br> </body> </html> DATES: <html> <head> <title>doesnt matter</title> </head> <body bgcolor="black"> click a date to go to that date <a href"blog.html#10807 target="IF2">August 10th 2007</a></center> </font></body> </html> BLOG: <html> <head> <title>doesnt matter</title> <link href="blog.css" rel="stylesheet" type="text/css"> </head> <body bgcolor="black"> <table width="100%" border="3" align="center" cellpadding="5" cellspacing="5" bordercolor="#999999"> <tr> <td class="date" width="30%"><a name="10807">10th august 2007</a></td> <td class="main" width="100%">Hi my name is Matthew Hailwood and i decided to start a blog to keep track of my life, i dont know how often i will update this however I will try my best </td> </tr> <tr class="main"> <td class="date">10th august 2007 </td> <td>this is the second post </td> </tr> <tr class="main"> <td class="date">10th august 2007 </td> <td>this is the third post </td> </tr> </table> </body> </html> I would like to add a text link to a page that would go to our search page. The pull down menu on the page would then be pre-populated with the search they are looking for. For instance it would say, "Click HERE to find retailers that has this color" (The word "HERE" is the link.) The link would go to the SEARCH page and the drop down menu on the page would have the (already existing) drop down menu showing "SILK COLORS." No need for the user to look for it on the drop down menu. Thanks for your help. Let me know if you need clarification. Simone Hey Guys, I am getting a website built for my company to use for internal use, and I have a web builder that is saying some of the things i want done, are not in the world of code, and they cannot do it, so of course, thinking you can want to prove him wrong. My question is... the website i will have, will have a frame, 25% of the screen with miniature windows in the frames, of different websites (help page, info page etc) when you click the miniature window IN the frame, can you make is to that whatever happens in the 75% of the main body of the screen, mimics IN the minature window, in the frame? So if have a blue screen with a plane on the main body of the website, (75% portion of the screen), can that same blue screen with the plane be showing LIVE in the miniature window, so now, what happens in the larger main body, say it be a red background, and a green car, the miniature window will copy its movement of images/background, and display as it does in the main window... i want a mirror image of a mini window following a larger window.. is there a code for this? can this be coded? HOPE THIS MAKES SENSE! Thanks! hope to hear from you!! I want to use my images as links, but I also want them absolutely positioned relative to their parent div. However I have come across a problem, to make them links I need to wrap <a>s around them which then means their positioning becomes relative to the anchor tag. Can anyone suggest anything to counteract this problem? I do need them absolutely positioned. The only alternative is an image map, but I'm reluctant to do that because of the slow load time for the whole image, plus all the extra co-ordinate coding I'd have to do. Hi Guys, I have been approached by a company for a job which im not 100% sure of a solution on. There is a company already set up in Greece and they have a site up and running already. A new comapny is partnering with them in the UK and they want to set up a UK version of the site. The problem i have is the UK company need to have there contact details and other information on the main nav links and the greece site needs there information. before i go any further here is the site and i have split it into 2 frames on the image to help you understnad what i need to try and acheive. http://www.renttheweb.com/med/index.html Frame 1 at the top has a static navigation so this can be edited on teh UK version. Frame 2 at teh bottom is run through a CMS so teh links are not static. What i need to try and acheive for the UK site is the following. The information and links in frame one needs to be controlled by the UK comapny. The information in frame 2 needs to be controlled by the Greece comapny. Is there anyway to set up 2 frames on the UK site. Frame 1 will be set up so the UK company can control teh links and information. Frame 2 would need to display wants stored on the Greece version. I've been looking at this for a few days now with both the UK comapny and Greece company and were trying to come up with a solution so that the UK site has all UK information from the top navigation and the Greece version has all the information relevent to them. The idea with breaking the site up this way is so that the UK site get the contacts about the properties if people find the UK site. Any ideas or other suggestions or if anyone knows straight away this would not be possible for any reason please let me know. CC_DESIGN Is there anyway to disable hotlinking on a windows based server? Ok I need to dis-able a sign up button for right now, what can I do to it to just disable/remove from everyones view? </tr> <tr class="button"> <td style="text-align: center;" colspan="2"> <div class="buttons" style="font-size: 18px; padding: 15px 10px; margin-left: 10px;"><a href="/sign_up.html" title="Click here to Sign Up Now!">Click here to Sign Up Now!</a></div> </td> hello I have the following code in the same html Code: <script language="JavaScript" src="..........111........."></script> <script language="JavaScript" src="...........222.........."></script> they bot have onclick links, i would like to disable only the first one link. How can i do that ? Thank you 1. I am having the JSP page which uses some css files . 2. i just want to avoid the scroll bar if content of my page is more . 3. How can i do that? this might be a stupid question, but what would the coding be to disable right click on my page? thanks. There has to be like a 1-line-of-code process for this...anyone know how to do it? watz wrong i want to choose the radio box and enable the text box otherwise it should be disabled Code:
<html>
<head>
<script>
function ena(){
if (document.yes.base[0].checked)
{document.yes.one.disabled=false;}
if (document.yes.base[1].checked)
{document.yes.two.disabled=false;}
}
</script>
<form name="yes">
<INPUT TYPE="radio" name="base" ><font color="red" onclick=ena();> *SUPREME* Pepperoni, spicy beef, mushrooms, green peppers and red onions. </font>
<p>
<INPUT TYPE="radio" name="base" ><font color="Green" onclick=ena();> *Vegetarian Hot One*
Double green chillies, green peppers, red onions and tomato chunks. </font>
<p>
<input type=text name="one " disabled>
<p>
<input type=text name="two" disabled>
</form>
</html>
</head>
is there a way that i can disable view source? Hi, I want to disable images from my web page.So people can not download from my website. Wat should i do please advice me i am novice I have a form that has 3 search fields. If the user types in a value in the 3rd field and hits the Enter key the first submit button is highlighted for the first search field. How do I disable the Enter key and force the user to press the Search button after typing a value in each filed. Also the user only has to pick one field to search by and can leave the other two blank. HTML Code: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <title>Untitled</title> </head> <body> <form name="search" action="Index.cfm" method="post"> <p>Enter Product Owner's CWS ID:</p> <input type="text" name="productOwner" value="productOwner" size=30> <input name="productOwnerSubmit" type="submit" value="Search"> <p>Enter GPO's CWS ID:</p> <input type="text" name="gpo" value="gpo" size=30> <input name="gpoSubmit" type="submit" value="Search"> <p>Enter Partial or Complete Application Name:</p> <input type="text" name="application" value="application" size=30> <input name="applicationSubmit" type="submit" value="Search"> </form> Angel </body> </html> hi how can i disable image from my web page. I dont want someone to download my pictures. please advice me Hello everyone! I want to make a page that is split into two parts (left and right) each having its independent scrollbars. The following code shows the partial solution. The two key elements are <div style="width: 100%; height: 300; overflow: auto; font-size: 60">. But when I'm trying to put something more flexible like <div style="width: 100%; height: 100%; overflow: auto; font-size: 60"> the page is expanded to fit its content and I get only one scrollbar on the entire page. Can anybody help me to tweak this solution or propose some alternate way to accomplish the task? Code: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html xmlns:wicket="http://wicket.sourceforge.net/"> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251"> <link href="css/font.css" rel="stylesheet" type="text/css"> </head> <body bgcolor="#ffffff" text="#000000" leftmargin="0" topmargin="0" bottommargin="0" marginwidth="0" marginheight="0" style="overflow: auto"> <table width="100%" height="100%" border="0" cellspacing="0" cellpadding="0"> <tr valign="top"> <td background="gif/fon_left.gif" width="25%" valign="top"> <table cellspacing="0" cellpadding="0" border="0" width="100%"> <tr><td> <!-- * --> <div style="width: 100%; height: 300; overflow: auto; font-size: 60"> a lot of text here<br> a lot of text here<br> a lot of text here<br> a lot of text here<br> a lot of text here<br> a lot of text here<br> a lot of text here<br> </div> </td></tr> </table> </td> <td width="2" background="gif/b_w.gif"> <img src="gif/no.gif" width="2" height="1"> </td> <td width="75%" valign="top"> <!-- * --> <div style="width: 100%; height: 300; overflow: auto; font-size: 80"> a lot of text here<br> a lot of text here<br> a lot of text here<br> a lot of text here<br> a lot of text here<br> a lot of text here<br> a lot of text here<br> </div> </td> </tr> </table> </body> </html> |
|||||||