|
HTML - Dreamweaver Problem - Cannot See Images
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 Similar Tutorialshttp://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> 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 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. 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 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, I am very new to HTML/CSS so you will have to excuse my uselessness! Please see this webpage http://www.militarystar.co.uk/pages/products.html I set up a UL image in my stylesheet but for some reason this isnt aligning with the text. The star should be next to the text "Available in M/L etc...." but it appears at the left hand side of the page. This is the Stylesheet I am using... body { font-size: 10pt; font-weight: bold; background-color: #336600; color: white; line-height: 14pt; line-left: 5pt; line-right: 5pt; padding-top:5pt; text-align:center; text-indent:24px; } h1 { font: 14pt Verdana; color: white; font-weight: bold; line-height: 20pt; text-align:center; } h2 { font: 10pt Verdana; color: white; font-weight: bold; line-height: 10pt; } h3 { font: 8pt Helvetica; color: white; font-weight: bold; line-height: 10pt; } p { font: 8pt Helvetica; color: white; font-weight: bold; line-height: 10pt; } div.imageleft { float:left; clear:all; text-align:center; font-size:9px; font-style:italic; } img { padding:6px; border:none; } ul{ list-style-image: url(/images/bulletpoint.jpg); } and this is the html <?xml version="1.0" encoding="UTF-8"?> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org.TR/xhtml11/DTD/xhtml11/dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en"> <head> <title>Products</title> <link rel="stylesheet" type="text/css" href="productpagestyles.css" /> </head> <body> <img src="/images/military star logo.jpg" alt="Military Star Logo" /> <h1> Products </h1> <hr /> <p><div class="imageleft"> <a href="http://www.militarystar.co.uk/images/ghillie%20suit.jpg"> <img src="/images/ghillie suit.jpg" alt= "Ghillie Suits" width="200" height="200"/></a> <br/>Click image to enlarge</div> </p> <h1>Great Value Ghillie Suits.</h1> <ul> <li>Available in M/L and XL/XXL.</li> </ul> <a href="http://www.militarystar.co.uk/">Back to the homepage</a> </body> </html> Can anyone advise how to overcome this? Thanks OK well This workse perfectly with a .html document, but when I use .php it all goes bad, http://rapid-hook.com/script-2/index.php The arrows ar suppose to be aligned with each other, but theres a gap between the table, for the bottom only, not sure how to fix this. I have just started to learn HTML and was trying to get images on my exparimental web page. I haven't published the page and I have tried everything to get it to work. I can get images to work on my backround but not on the page itself. i.e.<img src="/pics/mf.gif" width="100" height="100">. I have used the full path name and all pics are in the same folder as my page. All I get is a box on the top left of where the pic should be, its like the image isn't loading. Please help This code is taken from here (select gallery). I have been asked to add extra images to the gallery and the idea is to have a more button and replicate the same page but with new images - but I can't get it to work. I've tried editing the original image names with the new ones I;ve created. The image on the right shows but not on the left. Also the images don't seem to have the border The code: <div style=" margin:16 0 0 22px; line-height:13px " class="w2"><img src="images/4_p1.jpg" alt="" border="0" align="left" style="margin-right:30px "><a href="gallery.html" target="cont"><img src="images/4_p2.jpg" alt="" border="0"></a><a href="gallery2.html" target="cont"><img src="images/4_p3.jpg" alt="" border="0" style="margin-left:19px "></a><br> <br style="line-height:19px "><a href="gallery3.html" target="cont"><img src="images/4_p4.jpg" alt="" border="0"></a><a href="gallery4.html" target="cont"><img src="images/4_p5.jpg" alt="" border="0" style="margin-left:19px "></a><br> <br style="line-height:19px "><a href="gallery5.html" target="cont"><img src="images/4_p6.jpg" alt="" border="0"></a><a href="gallery6.html" target="cont"><img src="images/4_p7.jpg" alt="" border="0" style="margin-left:19px "></a></div> <div style=" margin:15 0 0 167px; line-height:13px " class="w2"><strong>Dream Catcher Hi, I was trying to develop a page in HTML/CSS but having some difficulties. I have created many pages before but this one is giving me a hard time. What I have done differently this time it, i have used Positioning tags. The problem i am having is I can not set any two divs or images side by side. If i set 1 image and 1 div side by side they are being placed on top of each other. But, i may be going crazy here, i was able to place the top two divs side by side (logo and privacy_protected). Can any one please tell me what i am doing wrong or what i should do? Here is the code that i am using: Code: <body>
<div id="wrapper">
<div id="bodypic">
<div id="logo"><a href="index.html"><img src="images/transparent.png" width="319" height="100" border="0" /></a></div><!--logo -->
<div id="privacy_protected"></div><!--privacy_protected -->
<img src="images/transparent.png" height="29" width="1020"/>
<div id="728block">
<img src="images/transparent.png" height="89" width="18" style="float:left"/>
<div id="728adunit"><img src="images/728x90.jpg" width="728" height="90" /></div><!--728adunit -->
<a href="#"><img src="images/transparent.png" height="89" width="23" style="float:left"/></a>
<a href="#"><img src="images/transparent.png" height="45" width="219" style="float:left"/></a>
<a href="#"><img src="images/transparent.png" height="43" width="202" style="float:left"/></a></div><!--728adblock -->
</div><!--bodypic -->
</div><!--wrapper -->
</body>
And the CSS Code: #wrapper {
height: 1174px;
width: 1024px;
margin-right: auto;
margin-left: auto;
}
#bodypic {
background-image: url(images/wrapper.jpg);
float: left;
height: 1174px;
width: 1024px;
}
body {
background:#FFF;
font-family:Arial, Helvetica, sans-serif;
text-align:justify;
font-size:14px;
}
a:link {
color: #06F;
text-decoration: none;
}
a:visited {
text-decoration: none;
color: #06F;
}
#logo {
background-image: url(images/Editorial_v3-1_01.gif);
float: left;
height: 103px;
width: 498px;
}
#privacy_protected {
background-image: url(images/Editorial_v3-1_02.jpg);
float: left;
height: 103px;
width: 526px;
}
#728block {
float: left;
height: 91px;
width: 1024px;
}
#728adunit {
float: left;
height: 90px;
width: 728px;
}
a:hover {
text-decoration: underline;
color: #06F;
}
a:active {
text-decoration: none;
}
Please help! Hello All, Wondered if anyone could help. Have designed a website at www.kerrsminaturerailway.co.uk. The first problem is the JQuery slide menu nav bar does not match the width of the body. I've set the width of the nav bar as 100% on the CSS, and with both Firefox and Internet Explorer, there is a white gap on the right hand side. Any ideas how to fill this in and have a nav bar the width of the body? The second problem is I have two links on the banner area, to a Facebook and Twitter group, but both images appear to be hidden by the banner. How do I get them to overlap the banner? Many thanks in advance, we'd be grateful of any help on both, to smarten up the website. Peter Hey guys, I'm managing this website that my boss created. I'm a devoted Dreamweaver user and she created it HTML style. I need help because I can't figure out why it's not showing up in Internet Explorer, Firefox, and Netscape. It shows up in Safari, but that's not going to satisfy our client. Here's the url: http://www.kwph.com it's the logo under the About Us section. Thank you for any help Jordan I'm about to rip my hair out on this one. I'm using Dreamweaver 8. I have navigation that is using image rollovers to swap. My images that are needed for the rollover to work are in my "assets" folder in the "root" directory. However, when I create the actual html page off the template it is looking for the image in "templates/assets" and therefore does not find the image to swap. I have a number of different navigation buttons and I inserted them all the exact same way. This is the only one that is having this issue, the rest work properly. This is the code that resides on the templates page. Code: <p class="navimage">
<a href="../logset.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Log & Grate Set','','..assets/menu/log_over.jpg'',1)"><img src="../assets/menu/log_default.jpg" alt="Log & Grate Set" name="Log & Grate Set" width="158" height="34" border="0" id="Log & Grate Set" /></a></p>
Notice the Set','','..assets/menu/log_over.jpg. This is the code that is produced when you create an html page from the template. Code:
<a href="logset.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Log & Grate Set',Templates/'','..assets/menu/log_over.jpg'',1
For some reason it is adding the directory templates, and therefore does not find the image. Does anyone know how I can fix this? Thanks, braves07 ok, so since i've switched over to Div i felt like there was no more needs for Dreamweaver anymore. Does anyone feel like this? I mean, maybe i just don't know how to use DIV in Dreamweaver, becuase i've been doing it all by hardcoding by hands. becuase when i try to align a div to the right or left, there is no button in the property that lefts me do it, so i have to get into the code and change it. and when i do use it, seems like the only feature to use is "layers" ( i think this "is" div ). so currently i'm thinking that dreamweaver is built for tables. is this correct? Shoot, now i feel like i've spent so much money and now is barely using the program anymore( execpt for the typing tool tip). Hello every1, I'm using adobe cs3 now, but i seem to be having a little bit of a problem. When i come to type in the html code: <param name="wmode" value="transparent" /> wmode="transparent" The code does not seem to work now. What is the new code that i will need to enter? Or do you have to do something in flash? Thanks for the info? In the site: www.eldon.com see those little dotted lines in the page? I couldn't figure out how they did this to save my life... Thanks... I have a site and the spry menu bar won't go all the way across the screen. anyone know why? Dear Members, When I type more text, it gets scroll but it disturbs all of my bars which is above. How do I rectify them? Please see the link which is mentioned below http://www.sahiwala.com/christian/index.html Please give me a solution at the best Best Regards I'm starting a new website on Dreamweaver. Can't remember how I did this the first time: I need some jpg images to go into my images folder. I created a folder for my website on my hard disk (local root folder)...and I defined my site on Dreamweaver, with an image folder....but when I try to add images to the folder, it won't accept them on Dreamweaver. Does anybody know what I'm doing wrong? When you are using dream weaver for a website, do you have to install it onto the server I was going to use it because I think it's a nice layout for HTML coding. |
|||||||