HTML - Dreamweaver Design Preview Problem...files Included
I am working on an index page with menu for a friend and originally did the page an menu separately....I was able to get them to work together but when i do the In-Dreamweaver preview does not work...This is very important because she will need the preview to make her changes...
Everything looks fine upon viewing in browser but no preview.... I think it probably has something to do with me using two different body tages with two different csses....Can somebody take a look and see if they can find my problem? Any help would be greatly appreciated! You can view an online version at: http://www.firstpresgreenville.org/NEWFPATEST/menu.html Similar TutorialsHi guys, I have a problem with HTML I've not experienced before relating to include files. I'm running IIS on Windows XP Pro and have an HTML file with a single include (this isn't the actual project I'm working on but a test I picked up off the web to demonstrate the problem) Test.html: - <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 strict//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"> <title>Untitled Document</title> </head> <body> <!--#include file="testinc.htm"--> <br>To see this work. </body> </html> Testinc.htm: - ************************************************** ***** This is a test ************************************************** ***** When I open, in IE, http://localhost/test.html all I see is the text "to see this work". If I view the source, it is identical to test.html (ie, the include is in the source which would signify to me that it's been picked up as a comment). I've tried replacing Include File with Include Virtual (not that it should make any difference in this case as they're both located in wwwroot) but to no avail. Any ideas what's missing? Cheers in advance. Hello i have 2 files file 1 and file 2 they are both being included in a cfm file by cfinclude. however when they are viewed on the browser they are not aligned together. file 2 is perfect. it goes on the center of the page but file 1 is on the far left. my level is beginner level so please have patience. i wish to have file 1 on the same center as file 2. (other words, file 1 needs to be inline with file2) thanks once again file 2 is correct. help I have lost the code / split / design buttons in my dreamweaver. Please can someone tell me how to get this back? This what my dreamweaver currently looks like: This is a pic that has the buttons I want to get back in place! http://www.softwareinreview.com/imag...weaver_cs3.png Please can someone help I there. I'm trying to buid a page that once selected an item from a list, auto-reads files in a folder and and sort them in a table, with a calendar look. The files are being feed to the folder with the name "ZON YY-MM-DD.gif" "PSI20 YY-MM-DD.gif" "JMAR YY-MM-DD.gif" i.e. "MONDAY" | "TUESDAY" | "WEDNESDAY" | "THURSDAY" | "FRIDAY" | -------------------------------------------------------------------- YY-MM-DD | YY-MM-DD | YY-MM-DD | YY-MM-DD | YY-MM-DD | .... .... .... -------------------------------------------------------------------- 08-10-20 | 08-10-21 | 08-10-22 | 08-10-23 | 08-10-24 | -------------------------------------------------------------------- 08-10-13 | 08-10-14 | 08-10-15 | 08-10-15 | 08-10-16 | -------------------------------------------------------------------- Until now for each week I was coding in manually the new row for each item, but it's a pain changing the date and item. <tr> <td><div align="center">07-07-2008</div></td> <td><div align="center">08-07-2008</div></td> <td><div align="center">09-07-2008</div></td> <td><div align="center">10-07-2008</div></td> <td><div align="center">11-07-2008</div></td> </tr> <tr> <td><div align="center"> <p><img src="ZON 08-07-08.gif" width="220" height="129" /></p> </div></td> <td><div align="center"> <p><img src="ZON 08-07-08.gif" width="220" height="129" /></p> </div></td> <td><div align="center"> <p><img src="ZON 09-07-08.gif" width="220" height="129" /></p> </div></td> <td><div align="center"> <p><img src="ZON 10-07-08.gif" width="220" height="129" /></p> </div></td> <td><div align="center"> <p><img src="ZON 11-07-08.gif" width="220" height="129" /></p> </div></td> </tr> How can I do this automatically? Doing it with FOR's WHILE's and IF's seems very troublesome. Any code or pointers are welcome. BLopes THIS PROBLEM IS WITH --IE-- ONLY I have this piece of code that I simplified as much as I could to show a simple example: PHP Code: <table width="50%"> <tr><td colspan="2">short</td></tr> <tr> <td width="128"><img src="" width="110"></td> <td>a<br>a<br>a</td> </tr> </table> <table width="50%"> <tr><td colspan="2">long long long long long long long</td></tr> <tr> <td width="128"><img src="" width="110"></td> <td>a<br>a<br>a</td> </tr> </table> For some reason when long-long-long text is long enough, it pushes a-a-a-a to the right even through one of the cells is limited to 128 pixels.. If I color the backgrounds of the cells in different colors, it is evident that it is the cell pushing, not text-alignment problem Question, why the cell is affected but the upper cell text length even through it is properly col-spanned..? hi, for some reason i cannot see the images i am interting in the dreamweaver split funbction, however when i preview it, all is ok in internet explorer hmmm http://img148.imageshack.us/my.php?i...titled3pd9.jpg I would like the image at the very bottom of that pic to go underneath my iframe, how would i do this? Thanks in advance.All help is appreciated! Code: <html> <head> <title>Untitled-2</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"> <p> <!-- ImageReady Slices (Untitled-2.psd) --> </p> <table id="Table_01" width="750" height="801" border="0" cellpadding="0" cellspacing="0"> <tr> <td colspan="9"> <img src="images/Untitled-2_01.gif" width="750" height="131" alt=""></td> </tr> <tr> <td colspan="2"> <img src="images/Untitled-2_02.gif" width="206" height="35" alt=""></td> <td> <img src="images/Untitled-2_03.gif" width="103" height="35" alt=""></td> <td> <img src="images/Untitled-2_04.gif" width="68" height="35" alt=""></td> <td> <img src="images/Untitled-2_05.gif" width="70" height="35" alt=""></td> <td> <img src="images/Untitled-2_06.gif" width="66" height="35" alt=""></td> <td> <img src="images/Untitled-2_07.gif" width="82" height="35" alt=""></td> <td colspan="2"> <img src="images/Untitled-2_08.gif" width="155" height="35" alt=""></td> </tr> <tr> <td colspan="9"> <img src="images/Untitled-2_09.gif" width="750" height="32" alt=""></td> </tr> <tr> <td rowspan="0"> <img src="images/Untitled-2_10.gif" width="95" height="602" alt=""></td> <td colspan="7"><iframe src="page.html" width="576" height="500"></iframe> </td> <td rowspan="0"> <img src="images/Untitled-2_12.gif" width="79" height="602" alt=""></td> </tr> <tr> <td colspan="7"> <img src="images/Untitled-2_13.gif" width="576" height="102" alt=""></td> </tr> <tr> <td> <img src="images/spacer.gif" width="95" height="1" alt=""></td> <td> <img src="images/spacer.gif" width="111" height="1" alt=""></td> <td> <img src="images/spacer.gif" width="103" height="1" alt=""></td> <td> <img src="images/spacer.gif" width="68" height="1" alt=""></td> <td> <img src="images/spacer.gif" width="70" height="1" alt=""></td> <td> <img src="images/spacer.gif" width="66" height="1" alt=""></td> <td> <img src="images/spacer.gif" width="82" height="1" alt=""></td> <td> <img src="images/spacer.gif" width="76" height="1" alt=""></td> <td> <img src="images/spacer.gif" width="79" height="1" alt=""></td> </tr> </table> <!-- End ImageReady Slices --> </body> </html> I'm not sure this is the correct place to post this question. Please redirect me if it is not. I am trying to use a template for all the pages on my site. I am using Dreamweaver. When I apply the template to a new page, it appends the path of the template directory to all my links, and won't let me edit them. I'm not sure in general how templates are supposed to work. Can I do this without Dreamweaver? Is there a good FAQ on templates somewhere that I can read? Thanks. Hey everyone, Hopefully someone can help me. One of the pages on my website goes all wonky when I view it in a browser, but it looks fine in Dreamweaver. I know the code is correct, and what's weird is that when I right click an image and view its properties, the page straightens out. I think it may be because I'm aligning a lot of the pics left or right as opposed to default, but I really don't want to change the look of the page. If you look he www.lovefresh.com/bath.html you'll see what I mean. I can also post the code if that helps...thanks for any help!! Tara Dear I made an html newsletter with dreamweaver and I used the swap image behavior. I can view the result perfectly in explorer. Now I mailed it to my own mailbox (via explorer) and in outlook (and also in hotmail) the swap image effect doesn't appear.(the second photo is not shown) Is there a possibility to see this in my mailbox? I tried to paste the code into my outlook, but that doesn't work with the regular outlook, I only can view the source, not edit it. Thank you very much in advance! Kind regards Sandra Hi everyone. I am trying hard to use liquid design in my websites, so when I have a gallery of thumbnails, I want the number of rows of thumbnails to adjust according to the window size, avoiding horizontal scrolling. If you go to this url: http://www.surecarehomehealth.com/pa...ttheteam.shtml, you will see that resizing the window will do what I want it to. However, if you click on the first thumbnail, after opening that page, the thumbnails no longer adjust as desired. It seems that having that large image on top prevents this, but why? I can't figure it out. I can't see what would be preventing the thumbnails from collapsing to fit inside the window. Can anyone tell me why this is? Thanks. Ok I need to take things like this forum: http://lmiinc.com/forum/ http://lmiinc.com/forum/calendar.php And make it active on the new site I'm building for LMI. So what files exactly do I need to copy to the new directory & then reference as a link in my navigation bar in all of my .html files? http://ebay.110mb.com/test/ I made some changes to the design and ended up mashing it! I just can't see where I have gone wrong .... anyone any ideas? I have iframes on my site that link to text files. The problem is when members go to these pages they dont see the latest version without having to frantically press F5, must be a cookies thing? What can i do to ensure the txt file is always the most up to date. Hi, I used the following code below to straighten out a problem with transparent png files in IE5.5/6. The title png file that floats with the text over the background image is fixed but the google banner at the base of the page is still filling in the transparent area with white. Code fix: http://homepage.ntlworld.com/bobosola/index.htm My page: http://www.muskmagazine.com/wintertrends.html Any suggestions would be much appreciated. Thanks Justin Firstly I am new to web development so forgive me for using any incorrect terminology... I am working on dreamweaver cs5 translating an affiliate site. The directory that contains all my website folders and subfolders has many identical pages, in html and in php script. For example I have the same page in the aboutus folder named as index.htm and.......the same page exists in a folder called templates with a different name as 4v4567opjfh.php. Now...yesterday i did synchronization in dreamweaver (ticked the delete remote files not on local drive) and suddenly my website was completely ****ed-up…. I then deleted all the ftp content and re-uploaded using a back up copy BUT the browser now only reads the 4v4567opjfh.php file and not the index.htm….. Any suggestions on what I should do in order to make my browser read the index.htm and not the php script? Many thanks! Anton Hello everyone. =) There's a video I want to put on my website; it's about 20 MB. The problem is, whenever I try to use either of my FTP programs (FileZilla and CoreFTP), the file always gets interrupted at around 12 MB. I've tried uploading the file about 10 times, and I keep having this problem. So...I was wondering if there's a way I can break the file up (into, say, twenty 1 MB files), upload those segmented files, and then merge them together online? I don't want my friends to download 20 individual files (that's a bit much, don't you think?); I'd like for them to just download that one, full size video. Plus, I won't be too pissed if a 1 MB file messes up. =) Do you know of any software (or websites) that can do this? (I found one website today called Wobzip, but I'm not 100% certain it'll do what I want. I'm kinda confused with some of the terminology...) Please help. =(Thanks in advance!) Hi there, I'm curious of how to code a fix display size of html files. If I were to set the size (when launching) as a monitor size 1024 x 768, which means users don't need to scroll up and down anymore. It will exactly fit into the screen. How should I go about doing it? Thanks and cheers........... Ok so i have the hover box working i see the pictures I see the text. However I cant figure out how to change the font style please help.
HTML Code: <html> <head> <title>MARK-10 Force Gauge Series BG</title> <link rel=stylesheet href="../../stylesheet2004.css" type="text/css"> <script src="../../jquery.js" type="text/javascript"></script> <script src="../../main.js" type="text/javascript"></script> <style type="text/css"> <!-- p{ clear:both; margin:0; padding:.5em 0; font:Arial, Helvetica, sans-serif; } pre{ display:compact; font: 100%, Arial, Helvetica, sans-serif, monospace; padding:10px; border:1px solid #bae2f0; background:#e3f4f9; margin:.5em 0; overflow:auto; width:800px; } img{border:none;} ul,li2{ margin:0; padding:0; } li2{ list-style:none; float:bottom; display:inline; margin-right:10px; font-family:"Arial Black", Gadget, sans-serif; } /* */ #preview{ position:absolute; border:1px solid #ccc; background:#333; padding:5px; display:inline-table; color:#fff; } title{ font:Arial, Helvetica, sans-serif; } --> </style></head> <td width="8" class="divid" id="spacer"> </td> <td width="671" id="content_table"> <h1><strong>QUICK-CHANGE GRIP ADAPTERS</strong></h1> <p>These unique adapters mount between a force gauge loading shaft and a grip, providing several useful benefits:</p> <ol> <li>Simply and quickly change grips, ideal for laboratory and other environments with multiple test applications. </li> <li>Prevent grip rotation about the loading shaft, eliminating the need to manually adjust grips. </li> <li>Align grips with respect to the force gauge, ensuring that samples are tested in a consistent manner.</li> </ol> <p>Models AC1033-1 and AC1033-2 include all the attachments and hardware necessary to mount one grip to a force gauge loading shaft. Attachments for grips only are also available. </p> <p><strong style="color: #F00">Note:</strong> These attachments are compatible only with Mark-10 Series 5 digital force gauges.</p> <h2> </h2> <table width="658" border="0" cellpadding="0" cellspacing="0"> <tr> <td width="38%"><img src="../accessories/quick-change-3-closeup.jpg" width="250" height="250"></td> <td width="62%"><p class="menuheader" style="font-weight: bold; color: #0E4AB1;">Photo Gallery (Mouse Over Pictures)</p> <ul> <li2><a href="../accessories/quick-change-3lg.jpg" class="preview" title="Shown mounted between a Series 5 force gauge and <br> a G1021 curved padded attachment." ><img src="../accessories/quick-change-3sm.jpg" alt="gallery thumbnail" /></a></li2> <li2><a href="2.jpg" class="preview"><img src="2s.jpg" alt="gallery thumbnail" /></a></li2> <li2><a href="3.jpg" class="preview"><img src="3s.jpg" alt="gallery thumbnail" /></a></li2> <li2><a href="4.jpg" class="preview" title="Lake and a mountain"><img src="4s.jpg" alt="gallery thumbnail" /></a></li2> </ul></td> </tr> <tr> <td height="195" colspan="2"><p><img src="../../images/hd-ordering.gif" width="280" height="15"></p> <hr size="1"> <table width="658" > <tr> <td width="82" class="tableheader1">Model No.</td> <td width="480" class="tableheader1">Description </td> <td width="80" class="tableheader1">US Price</td> </tr> <tr> <td class="model_c">AC1033-1</td> <td class="data_c">Quick-change adapter, complete kit, #10-32</td> <td class="price_c">$125.00</td> </tr> <tr> <td class="model_c">AC1033-2</td> <td class="data_c">Quick-change adapter, complete kit, 5/16-18</td> <td class="price_c">$125.00</td> </tr> <tr> <td class="model_c">AC1034-1</td> <td class="data_c">Quick-change adapter, grip attachments only, #10-32</td> <td class="price_c">$75.00</td> </tr> <tr> <td class="model_c">AC1034-2</td> <td class="data_c">Quick-change adapter, grip attachments only, 5/16-18</td> <td class="price_c">$75.00</td> </tr> </table></td> </tr> </table> <p> <p><br> </p></td> </tr> </table> <table border="0" width="98%" cellspacing="0" cellpadding="0"> <tr> <td> </td> </tr> </table> <br><br> <script language="javascript" src="../../bottomnav.js" type="text/javascript"></script> <!-- Start SuperStats code version 2.0f. Do not alter this code! http://www.superstats.com --> <script language="JavaScript"> var code = " "; </script> <script src="http://code.superstats.com/code?u=bfridman"> </script><script language="JavaScript"> document.write(code); </script><noscript> <a href="http://stats.superstats.com/c.cgi?u=bfridman" target="_top"><img src="http://stats.superstats.com/b.cgi?u=bfridman&z=1" border=0></a></noscript> <!-- End SuperStats tracking code. --> </body> </html> |