HTML - Html/css Issue..
Hey, just getting back into web dev (after a long time and little time spent)
My page has a container DIV, inside is a header DIV "idHeader", a main DIV "idBody", and a footer DIV "idFooter". I want the the height of both the header and the footer to be static, but the main DIV to stretch dynamically based on content (I have the footer DIV set to relative positioning, so it should move.. right?) I don't know what I've left out though, because my text overflows from the main under the footer and down the page. I imagine I've just missed something key. Here's the code, the colors are funny for observation. Code: <head> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> <title>Untitled Document</title> <style type="text/css"> *{ font:Arial, Helvetica, sans-serif; font-family:Arial, Helvetica, sans-serif; font-size:12px; margin:0px; } body{ background-color:#000000; } #idContainer{ background-color:#FFFFFF; position:absolute; left:50px; width:800px; height:100%; } #idHeader{ position:relative; width:800px; height:100px; background-color:#FF0000; } #idBody{ position:relative; overflow:visible; width:800px; height:100%; background-color:#0000FF; } #idFooter{ position:relative; width:800px; height:200px; background-color:#00FF00; } </style> </head> <body> <div id="idContainer"> <div id="idHeader"> </div> <div id="idBody"> <p>This is a paragraph. What a nice paragraph.</p> <p>This is a paragraph. What a nice paragraph.</p> <p>This is a paragraph. What a nice paragraph.</p> <p>This is a paragraph. What a nice paragraph.</p> <p>This is a paragraph. What a nice paragraph.</p> <p>This is a paragraph. What a nice paragraph.</p> <p>This is a paragraph. What a nice paragraph.</p> <p>This is a paragraph. What a nice paragraph.</p> <p>This is a paragraph. What a nice paragraph.</p> <p>This is a paragraph. What a nice paragraph.</p> <p>This is a paragraph. What a nice paragraph.</p> <p>This is a paragraph. What a nice paragraph.</p> <p>This is a paragraph. What a nice paragraph.</p> <p>This is a paragraph. What a nice paragraph.</p> <p>This is a paragraph. What a nice paragraph.</p> <p>This is a paragraph. What a nice paragraph.</p> <p>This is a paragraph. What a nice paragraph.</p> <p>This is a paragraph. What a nice paragraph.</p> <p>This is a paragraph. What a nice paragraph.</p> <p>This is a paragraph. What a nice paragraph.</p> <p>This is a paragraph. What a nice paragraph.</p> <p>This is a paragraph. What a nice paragraph.</p> <p>This is a paragraph. What a nice paragraph.</p> <p>This is a paragraph. What a nice paragraph.</p> <p>This is a paragraph. What a nice paragraph.</p> <p>This is a paragraph. What a nice paragraph.</p> <p>This is a paragraph. What a nice paragraph.</p> <p>This is a paragraph. What a nice paragraph.</p> <p>This is a paragraph. What a nice paragraph.</p> <p>This is a paragraph. What a nice paragraph.</p> <p>This is a paragraph. What a nice paragraph.</p> <p>This is a paragraph. What a nice paragraph.</p> <p>This is a paragraph. What a nice paragraph.</p> <p>This is a paragraph. What a nice paragraph.</p> <p>This is a paragraph. What a nice paragraph.</p> <p>This is a paragraph. What a nice paragraph.</p> <p>This is a paragraph. What a nice paragraph.</p> <p>This is a paragraph. What a nice paragraph.</p> <p>This is a paragraph. What a nice paragraph.</p> <p>This is a paragraph. What a nice paragraph.</p> <p>This is a paragraph. What a nice paragraph.</p> <p>This is a paragraph. What a nice paragraph.</p> <p>This is a paragraph. What a nice paragraph.</p> <p>This is a paragraph. What a nice paragraph.</p> <p>This is a paragraph. What a nice paragraph.</p> <p>This is a paragraph. What a nice paragraph.</p> <p>This is a paragraph. What a nice paragraph.</p> <p>This is a paragraph. What a nice paragraph.</p> <p>This is a paragraph. What a nice paragraph.</p> <p>This is a paragraph. What a nice paragraph.</p> <p>This is a paragraph. What a nice paragraph.</p> <p>This is a paragraph. What a nice paragraph.</p> <p>This is a paragraph. What a nice paragraph.</p> <p>This is a paragraph. What a nice paragraph.</p> <p>This is a paragraph. What a nice paragraph.</p> <p>This is a paragraph. What a nice paragraph.</p> <p>This is a paragraph. What a nice paragraph.</p> <p>This is a paragraph. What a nice paragraph.</p> <p>This is a paragraph. What a nice paragraph.</p> <p>This is a paragraph. What a nice paragraph.</p> <p>This is a paragraph. What a nice paragraph.</p> <p>This is a paragraph. What a nice paragraph.</p> <p>This is a paragraph. What a nice paragraph.</p> <p>This is a paragraph. What a nice paragraph.</p> <p>This is a paragraph. What a nice paragraph.</p> <p>This is a paragraph. What a nice paragraph.</p> <p>This is a paragraph. What a nice paragraph.</p> <p>This is a paragraph. What a nice paragraph.</p> <p>This is a paragraph. What a nice paragraph.</p> <p>This is a paragraph. What a nice paragraph.</p> <p>This is a paragraph. What a nice paragraph.</p> <p>This is a paragraph. What a nice paragraph.</p> <p>This is a paragraph. What a nice paragraph.</p> <p>This is a paragraph. What a nice paragraph.</p> <p>This is a paragraph. What a nice paragraph.</p> <p>This is a paragraph. What a nice paragraph.</p> <p>This is a paragraph. What a nice paragraph.</p> </div> <div id="idFooter"> </div> </div> </body> </html> Similar TutorialsHello all! I'm getting this really weird HTML issue when opening my webpage on IE 9. You can visualize it he www.brancodemiranda.adv.br On Chrome it has no problems, but on IE I get two weird things: - I get another "main box" right below the correct one - The idiom bar div is messed up aswell Both showed up after I inserted the DOCTYPE tag (which I did to solve the IE-ignoring-hover problem), I've corrected a few compatibility errors already, but I'm kinda stuck on these. And since I don't have much time to go deep on solving it, I guess that someone here could give me some pointers on how to solve this. Any help is greatly appreciated! Thanks! hi: this sort of fits in the php forum, but seems to fit better here. I am using php includes on a customers website. For some reason, the pictures are not aligning as they should. If i open the php file by itself, everything is aligned. When it loads in the index.php file as an include, it all goes astray... I've tried div align=left, aligns everthing to the left if i open the page by itself, but included in index.php it's all unorganized. check it out here and let me know what to do, i am in a real pickle here!!! http://www.tegbs.com Alright you know how you could make 1 css different for IE then FF. well thats what i want to know is it possible to have a different HTML for IE and FF? Ive been searching all day.. hi, i tried looking through forums but couldnt find an answer. i hope u can please help! i have a photography ad up on a site that i use html for, its simply a block of code hosting a list/tall page of pics, one line/pic goes like this... <img src="http://img715.imageshack.us/img715/3126/img7899small.jpg"><br> the other lines in the text are the same code. problem is they all try to load up simultaneously causing a slow ad to see anything, potentially losing observers attention span. do u know if theres some code i can add to each line so each pic loads up fully before the next one begins to load and this starts at the top? this will help keep attention due to somin at the top loading straight away, thanks! For some reason, using <table align="center" width="85%"> at the following http://amazingfreegraphics.com/webfetti.html correctly shows the content in 85% of the browser in Internet Explorer, but still covers 100% in Mozilla. How do I fix in Mozilla? Hi All, Here is a small html file I have written. This is not formatting correctly in browser. Width is not recognised by browser. Thanks in advance for your help. Regards, Pratap Tripathy ---------------------------------- <html> <head> <TITLE>Analytical Method Report</TITLE> </head> <body> <center><p><b><u>Analytical Method Report</u></b></p></center> <table border=1 width="700px"> <tr> <td width="10px"> </td> <td width="80px">Method</td> <td width="10px">:</td> <td width="500px">11111111111111111111111111111111111111111111111111111111111111111111111111111111111111 1111111111111111111111111111111111111111222222222222222222222222222222222222222222222222222222222222 2222222222222222222222222222222222222222222222222222223333333333333333333333333333333333333333333333 3333333333334444444444444444444444444444444444444444444444444444444455555555555555555555555555555555 55555555555555<</td> </tr> </table> </html> ---------------------------------- Hey everyone. I've sliced this psd, and uploaded all the images to a server, used border="0". When I view the html file standalone in a browser, it appears fine. When I go to insert it into my email program, the different slices at the bottom are all spaced out in weird configurations, and I cannot for the life of me figure out how to change this. I'm only a couple months in to html, so please excuse my ignorance if this is a simple fix. It's images 4-10 that are giving me problems. HTML Code: <html> <head> <title>Final Emailer</title> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"> </head> <body bgcolor="#FFFFFF" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0"> <!-- ImageReady Slices (Final Emailer.psd) --> <table id="Table_01" width="600" height="801" border="0" cellpadding="0" cellspacing="0"> <tr> <td colspan="5"> <img src="http://i1190.photobucket.com/albums/z451/LynchPrinting1/hig%20final%20sliced%20222/Final-Emailer_01.png"></td> </tr> <tr> <td colspan="5"> <img src="http://i1190.photobucket.com/albums/z451/LynchPrinting1/hig%20final%20sliced%20222/Final-Emailer_02.png"></td> </tr> <tr> <td rowspan="4"> <img src="http://i1190.photobucket.com/albums/z451/LynchPrinting1/hig%20final%20sliced%20222/Final-Emailer_03.png"></td> <td colspan="2"> <a href="mailto:info@shorehomeguide.com"><img src="http://i1190.photobucket.com/albums/z451/LynchPrinting1/hig%20final%20sliced%20222/Final-Emailer_04.png" border="0"></a></td> <td colspan="2" rowspan="2"> <img src="http://i1190.photobucket.com/albums/z451/LynchPrinting1/hig%20final%20sliced%20222/Final-Emailer_05.png"></td> </tr> <tr> <td colspan="2"> <img src="http://i1190.photobucket.com/albums/z451/LynchPrinting1/hig%20final%20sliced%20222/Final-Emailer_06.png"></td> </tr> <tr> <td rowspan="2"> <img src="http://i1190.photobucket.com/albums/z451/LynchPrinting1/hig%20final%20sliced%20222/Final-Emailer_07.png"></td> <td colspan="2"> <a href="http://lynchprintingllc.wordpress.com/publications/home-improvement-guide/" target="blank"><img src="http://i1190.photobucket.com/albums/z451/LynchPrinting1/hig%20final%20sliced%20222/Final-Emailer_08.png" border="0"></a></td> <td rowspan="2"> <img src="http://i1190.photobucket.com/albums/z451/LynchPrinting1/hig%20final%20sliced%20222/Final-Emailer_09.png"></td> </tr> <tr> <td colspan="2"> <img src="http://i1190.photobucket.com/albums/z451/LynchPrinting1/hig%20final%20sliced%20222/Final-Emailer_10.png"></td> </tr> <tr> </table> <!-- End ImageReady Slices --> </body> Below is my simple table from a more complex table. The issue I am having is the first <td></td> is variable height. In my second <td></td>, "abc" should be at the top in that <td> and "def" should be at the bottom in that <td>, leaving some <void> space in the middle which will shrink or grow based on the first <td> height. Any tag(s) can be used inside is the second <td></td> Any suggestions? Thanks Code: <table> <tr> <td><br><br><br><br><br><br><br><br></td> </tr> <tr> <td> abc def </td> </tr> </table> I have built a site for a friend using squarespace. They asked me to add this code to the site but it won't display correctly. Can anyone help? Thanks! http://www.thegalleryevents.com/about/ - here is the page I am trying to add it to. You can clearly see the purple line through it is wrong. <link href="http://assets1.onewed.com/edgy/themes/onewed/banner.v3.css" rel="stylesheet" type="text/css" /> <div class="onewed"><div id="banner1"><div class="vendortxt"><h2> The Gallery - An Event Boutique</h2><p> Desire Wedding Planners / Consultants? The Gallery - An Event Boutique is the best choice. Visit The Gallery - An Event Boutique at OneWed.com & create a <a href="http://www.onewed.com/reviews/wedding-planners-wedding-consultants/texas/tx/dallas/the-gallery---an-event-boutique/1927387/">wedding vendor review</a>. </p><p>Keeping track of all your wedding is fun with OneWed's <a href="http://www.onewed.com/apps/wedding-checklist/">wedding timeline</a>. Devise, edit and delegate tasks from picking a caterer to buying wedding lingerie. </p></div><div class="footer"> </div></div></div> Hello, I've been working on a very simple website for a friend, and run into an issue with text alignment when I print from IE (works fine in Firefox). The problem can be seen he While being displayed correctly on the screen, a big gap appears between the image an the body text during printing. As I am not even nearly an expert, I cannot figure out what causes the problem. Any help would be appreciated! Thank you! Hi, I am trying to create a form that emails me a copy of the form results (if possible in a pretty format) and then redirects the user to another page. I don't want the user to use a .php or .asp page if possible, I would prefer to keep the user on a .html page. If its possible for the form to use an external page or code that the user never sees then this is fine. Cheers! Sam So 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 Is it possible to a background as a layer(that is the background is a centered layer no matter how big a monitor's screen is)? A simple javascript won't be bad, i'm still a html beginner, i've done the first part of a university course on html but i'm designing a website that may need some features more advanced than i've gotten in the course. Also, can someone explain to me how forums work or how they are written in html. I don't understand how to make a forum that can accept posts immediately (kinda like this one). Is a javascript necessary for forums? Thanks a lot ____________ conservatories Fruit Machines Hi, I have a website built in HTML and CSS in DW CS4. I have a horizontal top navigational menu and wish to add a drop down menu. When I select the entire menu and click on properties I can add a vertical menu item, but it is not an actual drop down. when I copy the html from another site that does have a functioning drop down, it does not work. So this is what it looks like: <div id="runner"> <ul id="MenuBar1" class="MenuBarHorizontal"> <li><a href="page1.html">page 1</a></li> <li><a href="page2.html">page 2</a></li> what shoudl the code look like to add a drop down menu to each of these pages? Or should I do something in my spry menu? Can anyone help me with this? Hi everybody. Can anyone out there help me figure out why the "sign up" button lines up to the right of the email form here... http://stuffjimthinks.com/test/ But it lines up below it here... http://www.kicksandsnares.com/ Both of these sign up forms/pics contained the same code, but they still lined up like that. I really want it to line up like it does in the first site (to the right of the form). I was trying to fix it all last night, but I can't seem to. I'm not sure if its a CSS issue or an html issue... Hope you guys can help out! I just finished writting an HTML email. All looked fine when it was in the browser then I tested it in my email client and all the layout is wrong. my </BR> dont seem to have any affect also im not sure why only some of the   are being shown and not displayed as spaces (??) Heres the code : Code: Content-Type: text/html; charset=us-ascii Content-Transfer-Encoding: 7bit MIME-Version: 1.0 <html> <style type="text/css"> body { font-family:verdana; font-size:90%; line-height:160%; } table.mainsection { background-color:#838B8B; width:50%; color:white; text-align:left; font-size:99%; padding:1px; margin-top:5px; } table.subsection { background-color:#B7C3D0; color:white; width:49%; color:white; text-align:left; font-size:88%; margin-left:14px; margin-top:5px; padding:1px; } </style> <body> <img src="http://graphics.adaptec.com/us/templates/head_logo.gif" /> <p> <table class=mainsection > </tr> <th>Logical device information</th> <tr> </table> Logical device number 0</br>    Logical device name : RAID1Mirror</br>    RAID level : 1</br>    Status of logical device : Optimal</br>    Size : 476150 MB</br>    Read-cache mode : Enabled</br>    Write-cache mode : Enabled (write-back)</br>    Write-cache setting : Enabled (write-back)</br>    Partitioned : No</br>    Protected by Hot-Spare : No</br>    Bootable : Yes</br>    Failed stripes : No</br> <table class=subsection > </tr> <th>Logical device segment information</th> <tr> </table>    Segment 0 : Present (0,0) </br>    Segment 1 : Present (0,1) </br> <table class=mainsection > </tr> <th>Physical Device information</th> <tr> </table>    Channel #0:</br>       Transfer Speed : SATA 3.0 Gb/s</br>       Device #0</br>          Device is a Hard drive</br>          State : Online</br>          Supported : Yes</br>          Transfer Speed : SATA 3.0 Gb/s</br>          Reported Channel,Device : 0,0</br>          Vendor : ST350032</br>          Model : 0A</br>          Firmware : SD15</br>          Size : 476940 MB</br>          Write Cache : Enabled (write-back)</br>          FRU : None</br>          S.M.A.R.T. : No</br>       Device #1</br>          Device is a Hard drive</br>          State : Online</br>          Supported : Yes</br>          Transfer Speed : SATA 3.0 Gb/s</br>          Reported Channel,Device : 0,1</br>          Vendor : ST350032</br>          Model : 0A</br>          Firmware : SD15</br>          Size : 476940 MB</br>          Write Cache : Enabled (write-back)</br>          FRU : None</br>          S.M.A.R.T. : No</br> <table class=mainsection > </tr> <th>Controller information</th> <tr> </table>    Controller Status : Optimal</br>    Channel description : SATA</br>    Controller Model : Adaptec 2420SA</br>    Controller Serial Number : CCEE20</br>    Physical Slot : 2</br>    Installed memory : 128 MB</br>    Copyback : Disabled</br>    Background consistency check : Disabled</br>    Automatic Failover : Enabled</br>    Defunct disk drive count : 0</br>    Logical devices/Failed/Degraded : 1/0/0</br> <table class=subsection > </tr> <th>Controller Version Information</th> <tr> </table>    BIOS : 5.2-0 (15611)</br>    Firmware : 5.2-0 (15611)</br>    Driver : 1.1-5 (2459)</br>    Boot Flash : 5.2-0 (15611)</br> <table class=subsection > </tr> <th>Controller Battery Information</th> <tr> </table>    Status : Not Installed</br> </p> </html> Thanks, Hi, I'm rather new to website building and this site so my apologies if I'm posting in the wrong area. I've built my first website and have obtained html code for a simple quantity X price calculator to put on my website. The problem is with some quantities entered the prices shows out to 7 or so decimal places. This should be a dollar amount so only 2 decimal places are needed. The website link is http://www.essaycorrect.com/index.php/prices/ and for example 789 words entered in top box comes back with price of 23.6699999. The coding is below. Any help would be very, very appreciated. Thanks, Tim. <script language="JavaScript"> <!-- function CalculateTotals(){ f=document.orderform; f.total1.value=parseInt(f.qty1.value)*.03; f.total2.value=parseInt(f.qty2.value)*.05; f.total3.value=parseInt(f.qty3.value)*.03; f.total4.value=parseInt(f.qty4.value)*.05; f.grandtotal.value=parseInt(f.total1.value) +parseInt(f.total2.value) +parseInt(f.total3.value) +parseInt(f.total4.value) +parseInt(f.sh.value);} //--> </script></head> <body> <form name="orderform" method="post" action="formprocessor"> <table border="3"><tr> <th>Word count</th><th>Service</th><th>Time</th> <th>Price per word</th><th>Price(A$)</th></tr> <tr><td> <input name="qty1" size="10" OnBlur="CalculateTotals()" /></td> <td>Standard</td><td>Below 5000 words=3days / Above 5000 words=7days </td> <td align="right">3 cents </td> <td><input name="total1" size="6" OnFocus="document.orderform.qty2.select(); document.orderform.qty2.focus();" /></td></tr> <tr><td> <input name="qty2" size="10" OnBlur="CalculateTotals()" /></td> <td>Express</td><td>Below 5000 words=1day / Above 5000 words=3days </td> <td align="right">5 cents </td> <td><input name="total2" size="6" OnFocus="document.orderform.qty3.select(); document.orderform.qty3.focus();" /></td></tr> </table> <input type="hidden" value="0" name="sh" /> </form> <script language="JavaScript"> <!-- f=document.orderform; f.qty1.value=0; f.qty2.value=0; f.qty3.value=0; f.qty4.value=0; f.total1.value=0; f.total2.value=0; f.total3.value=0; f.total4.value=0; f.sh.value=0; f.grandtotal.value=0; f.grandtotal.value=0; //--> </script> </body></html> Hi there, I am creating a website using dreamweaver html and css. I am having issues embedding a .swf file to the code, it does not show in ie. I have the latest version of ie installed on my pc and I have the activeX flash player installed also. When I preview the file a banner appears saying blocked content and when you allow it nothing happens. If I am having this issue others are bound to hence I would like it resolved before the site goes live. Can any one help me please??? CODE:- HTML 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> <!--[if lt IE 6.]> <script defer type="text/javascript" src="pngfix.js"></script> <![endif]--> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Future Limo Buses</title> <style type="text/css"> <!-- body { font-family:Verdana, Geneva, sans-serif; border:none; background-color:#000; } #Wrapper { width:800px; margin:0 auto; } #Background { height:600px; width:800px; background-image:url(../future_root/Images/Background%20images/gallery.png); background-repeat:no-repeat; background-position:center; } #Logo { border:none; background-image:url(../future_root/Images/Misc/gold%20logo.png); background-repeat:no-repeat; height:89px; width:281px; margin-top:-570px; margin-left:480px; } #PageHeader { border:none; background-image:url(../future_root/Images/Page%20Headers/gallery.png); background-repeat:no-repeat; height:26px; width:215px; margin-top:-50px; margin-left:40px; } #Navigation { border:none; height:350px; width:153px; margin-top:103px; margin-left:30px; } #Seperator { border:none; height:350px; width:3px; background-image:url(../future_root/Images/Misc/seperator.png); background-repeat:no-repeat; margin-top:-343px; margin-left:190px; } #Links { height:22px; width:221px; margin-top:-10px; margin-left:540px; } #PageInfo { border:none; text-align:center; height:350px; width:550px; margin-top:-450px; margin-left:210px; } #Navigation a { background-repeat:no-repeat; display:block; } a.home, a.contact, a.links, a.testimonials, a.gallery, a.about { margin-top:30px; height:18px; } a.future { margin-top:20px; width:107px; height:35px; } a.home { width:49px; } a.links { width:44px; } a.testimonials { width:107px; } a.about { width:76px; } a.contact { width:90px; } a.gallery { width:60px; } a.home:link, a.home:visited { background-image:url(../future_root/Images/Navigation%20Bar/homewhite.png); } a.home:hover, a.home:active { background-image:url(../future_root/Images/Navigation%20Bar/homegrey.png); } a.about:link, a.about:visited { background-image:url(../future_root/Images/Navigation%20Bar/aboutuswhite.png); } a.about:hover, a.about:active { background-image:url(../future_root/Images/Navigation%20Bar/aboutusgrey.png); } a.futu link, a.futu visited { background-image:url(../future_root/Images/Navigation%20Bar/thefutureexperiencewhite.png); } a.futu hover, a.futu active { background-image:url(../future_root/Images/Navigation%20Bar/thefutureexperiencegrey.png); } a.gallery:link, a.gallery:visited, a.gallery:hover, a.gallery:active { background-image:url(../future_root/Images/Navigation%20Bar/gallerygrey.png); } a.testimonials:link, a.testimonials:visited { background-image:url(../future_root/Images/Navigation%20Bar/testimonialswhite.png); } a.testimonials:hover, a.testimonials:active { background-image:url(../future_root/Images/Navigation%20Bar/testimonialsgrey.png); } a.links:link, a.links:visited { background-image:url(../future_root/Images/Navigation%20Bar/linkswhite.png); } a.links:hover, a.links:active { background-image:url(../future_root/Images/Navigation%20Bar/linksgrey.png); } a.contact:link, a.contact:visited { background-image:url(../future_root/Images/Navigation%20Bar/contactuswhite.png); } a.contact:hover, a.contact:active { background-image:url(../future_root/Images/Navigation%20Bar/contactusgrey.png); } --> </style> </head> <body> <div id="Wrapper"> <div id="Background"></div> <div id="Logo"></div> <div id="PageHeader"></div> <div id="Navigation"> <a class="home" href="../future_root/index.html"></a> <a class="about" href="../future_root/aboutus.html"></a> <a class="future" href="../future_root/future.html"></a> <a class="gallery" href="../future_root/gallery.html"></a> <a class="testimonials" href="../future_root/testimonials.html"></a> <a class="links" href="../future_root/links.html"></a> <a class="contact" href="../future_root/contactus.html"></a> </div> <div id="Seperator"></div> <div id="Links"> <a href="http://www.facebook.com/pages/Future-Limo-Buses/113455505345741"> <img src="../future_root/Images/Misc/facebook.png" border="0" height="22" width="89" align="right"/> </a> <a href="http://www.got-the-concept.co.uk" > <img src="../future_root/Images/Misc/copyright.png" border="0" height="22" width="121" align="left" /> </a> </div> <div id="PageInfo"> <object classid="clsid27CDB6E-AE6D-11cf-96B8-44455350000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0" width="550" height="400" id="myMovieName"> <param name="movie" value="../future_root/Images/Gallery/gallery.swf"> <param name="quality" value="high"> <param name="bgcolor" value="#FFFFFF"> <param name="wmode" value="transparent"> <embed src="../future_root/Images/Gallery/gallery.swf" quality="high" bgcolor="#FFFFFF" width="550" height="400" name="gallery" align="" type="application/x-shockwave-flash" pluginspace="http://www.macromedia.com/go/getflashplayer" wmode="transparent"> </embed> </object> </div> </div> </body> </html> Hello Gurus, I have a webpage with two tables in it. I need to have both table of same identical height(65px) however the issue is, that one table ends up being larger than other one. no matter what I try it does not stay at 65px height. Pleaes help. Below is the code snippet Thanks, Ruchir --------- <html xmlns="http://www.w3.org/1999/xhtml"> <!-- start page --> <div id="page"> <div id="pagebg"> <div id="content"> <div class="post"> <br></br> </div> <!-- start content --> <!-- DIV CONTENT --> <head> <style type="text/css"> /* Design by Free CSS Templates http://www.freecsstemplates.org Released for free under a Creative Commons Attribution 2.5 License */ body { /*background: #A17461 url(images/img01.jpg) repeat-x;*/ font-family: Arial, Helvetica, sans-serif; font-size: 13px; color: #B1C0C7; } /*ol { list-style-position: inside; }*/ blockquote { border-left: 1px solid #9E9D89; } a { color: #FFFFFF; } a:hover { text-decoration: none; } /* Content */ .link:visited { font-family: Georgia,Arial,Verdana; vertical-align:top; color:rgb(0,82,82); text-align:auto; text-decoration:none; vertical-align: top; } .link:hover { font-family: Georgia, Arial,Verdana; vertical-align:top; color:rgb(0,148,231); text-align:auto; text-decoration:underline; vertical-align: top; } .link { font-family: Georgia, Arial,Verdana; vertical-align:top; color:Gray; text-align:auto; text-decoration:none; </style> <body> <div style="margin-left:0%"> <table style="margin-left:0%"> <tr> <td> <!--First Panel --> <div style="font-size:9pt;font-family:Georgia; color:Navy; width:290px; background-image:url(images/gray-gradient.gif); background-repeat:repeat;">label</div> <div> <table cellspacing="0" cellpadding="0" width="290px" height="65px" bgcolor="#fgfgfg" align="left"> <tr align ="left" width="290px" > <td align ="left"> <ul class="link" type="none" style="font-size:8pt;font-family:Arial;"> <li class="link"> <a style="font-size:8pt;font-family:Arial;" class="link" href="http://www.coexsys.com/erpoffering.html" id="l16">Offerings</a> </li> <li class="link"> <a style="font-size:8pt;font-family:Arial;" class="link" href="http://www.coexsys.com/id145.html" id="l18">Request More Information</a> </li> </ul> </ul> </td> <td align ="left"> <ul class="link" type="none" style="font-size:8pt;font-family:Arial;"> <li class="link"> <a style="font-size:8pt;font-family:Arial;" class="link" href="mailto:sales@coexsys.com" id="l17">Email us</a> </li> <li class="link"> <a style="font-size:8pt;font-family:Arial;" class="link" href="http://www.coexsys.com/id144.html" id="l18">Contact us</a> </li> </ul> </td> </tr> </table> </div> </td> <td> <!--2--> <div style="font-size:9pt;font-family:Georgia; color:Navy; width:290px; background-image:url(images/gray-gradient.gif); background-repeat:repeat;">label2</div> <div> <table cellspacing="0" cellpadding="15" width="290px" height="65px" bgcolor="#fgfgfg" align="left"> <tr align ="left" width="290px" > <td align ="left"> <ul class="link" type="none" style="font-size:8pt;font-family:Arial;"> <li class="link"> <a style="font-size:8pt;font-family:Arial;" class="link" href="http://www.coexsys.com/managedservices.html" id="l16">Offerings</a> </li> <li class="link"> <a style="font-size:8pt;font-family:Arial;" class="link" href="http://www.coexsys.com/rfims.html" id="l18">Request More Information</a> </li> </ul> </ul> </td> <td align ="left"> <ul class="link" type="none" style="font-size:8pt;font-family:Arial;"> <li class="link"> <a style="font-size:8pt;font-family:Arial;" class="link" href="mailto:sales@coexsys.com" id="l17">Email us</a> </li> <li class="link"> <a style="font-size:8pt;font-family:Arial;" class="link" href="http://www.coexsys.com/id144.html" id="l18">Contact us</a> </li> </ul> </td> </tr> </table> </div> </td> </tr> </table> <!--aaa--> </div> </head> </div> <!--content--> <!-- end content --> <!-- start sidebar --> <div style="clear: both;"> </div> </div> </div> <!-- end page --> <!-- start footer <!-- end footer --> </body> </html> i'm devloping a sharepoint website and I want to include 2 asp.ne listpages from our company's CRM webapp. sharepoint provide a way to use the <iframe> tag in a webpart. so i could say <iframe src="http://columbus.cereusace.be:######/Cereus/_root/homepage.aspx?etc=2&viewid={####################}" , and this gives me my list, but thje normal popups that are created when clicking a listItem are not working, so instead of putting the 2 lists I want to show in webparts, i made this simple html page. <html> <frameset cols="50%,50%"> <frame src="http://columbus.cereusace.be:######/Cereus/_root/homepage.aspx?etc=2&viewid={####################}"> <frame src="http://columbus.cereusace.be:######/Cereus/_root/homepage.aspx?etc=2&viewid={####################}"> </html> this gives me the page i want to show my users, the contactslist, with out IT workers, next to the joboppurtunities list. But again, i cant open the detail vieuw of a worker from the list, when you open the page that are in 'src' this works fine. so the frames are the problem. is there a way to resolve this? |