|
HTML - Can't Get Image Flush Top In Dreamweaver
Hey Guys,
This is probably a huge nub mistake, but I cannot get the top banner at the top of my website. It gives a little room at the top. I changed the css so the top margins are at 0. It fixed it on dreamweaver, but when i go to preview, it isn't changed. The website is at http://s278499115.onlinehome.us/bp/ Here is the code. 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>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>brian pensinger / graphic designer</title>
<style type="text/css">
<!--
body {
background: url(images/background.png) top center no-repeat;
background-color: #000000;
margin-top: 0px;
}
-->
</style>
</head>
<body>
<p align="center"><img src="images/header.gif" width="800" height="149"/></p>
<table width="716" height="339" border="0" align="center" cellspacing="7">
<tr>
<td width="137" height="76"><img src="images/placebox.gif" width="137" height="76" /></td>
<td width="137"><img src="images/placebox.gif" width="137" height="76" /></td>
<td width="137"><img src="images/placebox.gif" width="137" height="76" /></td>
<td width="137"><img src="images/head.gif" width="137" height="76" /></td>
<td width="116"><img src="images/placebox.gif" width="137" height="76" /></td>
</tr>
<tr>
<td height="76"><img src="images/placebox.gif" width="137" height="76" /></td>
<td><img src="images/placebox.gif" width="137" height="76" /></td>
<td><img src="images/placebox.gif" width="137" height="76" /></td>
<td><img src="images/top-left.gif" width="137" height="76" /></td>
<td><img src="images/top-right.gif" width="137" height="76" /></td>
</tr>
<tr>
<td height="76"><img src="images/placebox.gif" width="137" height="76" /></td>
<td><img src="images/placebox.gif" width="137" height="76" /></td>
<td><img src="images/placebox.gif" width="137" height="76" /></td>
<td><img src="images/mid-left.gif" width="137" height="76" /></td>
<td><img src="images/mid-right.gif" width="137" height="76" /></td>
</tr>
<tr>
<td height="76"><img src="images/placebox.gif" width="137" height="76" /></td>
<td><img src="images/placebox.gif" width="137" height="76" /></td>
<td><img src="images/placebox.gif" width="137" height="76" /></td>
<td><img src="images/lower-left.gif" width="137" height="76" /></td>
<td><img src="images/lower-right.gif" width="137" height="76" /></td>
</tr>
</table>
</body>
</html>
Similar TutorialsI have been asked to redesign a site. The basic elements will stay the same, but the folder structure is crazy! The current site is http://www.npsign.com Please don't pay attention to the current code on the site. I'm doing a complete makeover, so the fact that it is currently not W3C standard will change. However, the index.html file or home page has pictures that rotate in a frame. I don't mind changing any code at all. In fact I think that I'm going to have to redesign the entire site!! On the home page you will notice that the pictures rotate and or change every 3 seconds or so. What I'm looking for is an answer to how to create this change in Dreamweaver CS5.5. The index.html file is the only file that this takes place on. I guess to give it a more dynamic look. However, is my best option to use adobe flash to change the images, or is there more simplified code to change the images in the block? Any feedback on this would be appreciated, even if there are multiple example for me to create the effect of different images changing. This could be a fade effect, or a simple picture to picture swap. This particular subject is beyond my knowledge, as well as a few more questions I may have. Basically, they are looking for a way to get this done on the cheap. I don't mind doing it because it is a learning experience for me!! Thank you for all responses!! Edit: This may be what I'm looking for! http://help.adobe.com/en_US/Dreamwea...f21-7ae8a.html Any response is appreciated! aaaaaaaaaaaaaaaaaaaaaa 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 hello, i just started a redesign of my site. i was wondering if there was a way to make the buttons line up with a tables collapsed border. there always seems to be a space no matter what i do. any suggestions? youll see what i mean...... http://mightycleancarpets.net/newdesign/index.htm does anyone know how to align a table to sit flush up against a frame border thx http://www.users.on.net/~bmccowan/ex.JPG Hi, How do I get my table to be flush with the top and sides of the screen? Currently there is a spacing in automatic between. Thanks Hello I am designing a MS Outlook email template using Dreamweaver. All I want to do is string together 3 images on the same line, but it's proving to be much more difficult than I thought! Each image is a button, with a hyperlink to a web page. I'm quite a perfectionist and it's important that the images sit flush together, and when viewed in Firefox or IE, they do! Here's a snippet of the code. <img src="corporate.png" width="134" height="36" /><img src="visitus.png" width="134" height="36" /><img src="aboutus.png" width="134" height="36" /> It is very very basic, but for some reason, when I load the code into MS Outlook, guess what happens? A small white space appears between each image and I don't know what's causing it. It's important that I remove this white space because I've got a banner sitting above these buttons which is of fixed length. I need the end of the 3rd button to sit below, but in line with the end of the banner, but when the white spaces are added, it overshoots I've tried playing around with 'hspace' and 'vspace' tags, but MS Outlook 2007 does not recognise these tags. I thought I could get around this by stringing the buttons together as one image and then use the hotspot tool to break the image up, but MS Outlook doesn't recognise hotspots either! I think I've explained this fully and I really hope somebody can help me. I've been googling solutions to this for hours but to no avail. Thank you all. David I have a site and the spry menu bar won't go all the way across the screen. anyone know why? 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... 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? I have been following this incomplete tutorial series http://www.youtube.com/user/EdzJohnson and have a finished product of what was done in Photoshop Website Design Tutorial 2. As of right now there is no third tutorial but I would still like continue developing my website. Currently the code represents the lay out of sliced up images for the web banner and some map tags surrounding the locations of where a button would link you to something else. However, I do not know where to place the link tags so the map locations actually link you to something else. does anyone know where to place the link tags? Code: <html>
<head>
<title>dobbs and bishop cheese de sliced10152010</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">
<!-- Save for Web Slices (dobbs and bishop cheese de sliced10152010.psd) -->
<table id="Table_01" width="1153" height="168" border="0" cellpadding="0" cellspacing="0">
<tr>
<td colspan="11">
<img src="images/dobbs-and-bishop-cheese-de-sliced10152010_01.gif" width="1152" height="16" alt=""></td>
<td>
<img src="images/spacer.gif" width="1" height="16" alt=""></td>
</tr>
<tr>
<td rowspan="7">
<img src="images/dobbs-and-bishop-cheese-de-sliced10152010_02.gif" width="85" height="152" alt=""></td>
<td rowspan="6">
<img src="images/dobbs-and-bishop-cheese-de-sliced10152010_03.jpg" width="148" height="151" alt=""></td>
<td colspan="9">
<img src="images/dobbs-and-bishop-cheese-de-sliced10152010_04.gif" width="919" height="50" alt=""></td>
<td>
<img src="images/spacer.gif" width="1" height="50" alt=""></td>
</tr>
<tr>
<td colspan="3">
<img src="images/dobbs-and-bishop-cheese-de-sliced10152010_05.gif" width="260" height="1" alt=""></td>
<td rowspan="3">
<img src="images/dobbs-and-bishop-cheese-de-sliced10152010_06.gif" alt="" width="176" height="54" border="0" usemap="#Map2"></td>
<td colspan="5">
<img src="images/dobbs-and-bishop-cheese-de-sliced10152010_07.gif" width="483" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="1" height="1" alt=""></td>
</tr>
<tr>
<td rowspan="5">
<img src="images/dobbs-and-bishop-cheese-de-sliced10152010_08.gif" width="59" height="101" alt=""></td>
<td>
<img src="images/dobbs-and-bishop-cheese-de-sliced10152010_09.gif" alt="" width="191" height="52" border="0" usemap="#Map"></td>
<td rowspan="5">
<img src="images/dobbs-and-bishop-cheese-de-sliced10152010_10.gif" width="10" height="101" alt=""></td>
<td rowspan="5">
<img src="images/dobbs-and-bishop-cheese-de-sliced10152010_11.gif" width="41" height="101" alt=""></td>
<td>
<img src="images/dobbs-and-bishop-cheese-de-sliced10152010_12.gif" alt="" width="155" height="52" border="0" usemap="#Map3"></td>
<td rowspan="5">
<img src="images/dobbs-and-bishop-cheese-de-sliced10152010_13.gif" width="39" height="101" alt=""></td>
<td rowspan="3">
<img src="images/dobbs-and-bishop-cheese-de-sliced10152010_14.gif" alt="" width="190" height="64" border="0" usemap="#Map4"></td>
<td rowspan="5">
<img src="images/dobbs-and-bishop-cheese-de-sliced10152010_15.gif" width="58" height="101" alt=""></td>
<td>
<img src="images/spacer.gif" width="1" height="52" alt=""></td>
</tr>
<tr>
<td rowspan="4">
<img src="images/dobbs-and-bishop-cheese-de-sliced10152010_16.gif" width="191" height="49" alt=""></td>
<td rowspan="4">
<img src="images/dobbs-and-bishop-cheese-de-sliced10152010_17.gif" width="155" height="49" alt=""></td>
<td>
<img src="images/spacer.gif" width="1" height="1" alt=""></td>
</tr>
<tr>
<td rowspan="3">
<img src="images/dobbs-and-bishop-cheese-de-sliced10152010_18.gif" width="176" height="48" alt=""></td>
<td>
<img src="images/spacer.gif" width="1" height="11" alt=""></td>
</tr>
<tr>
<td rowspan="2">
<img src="images/dobbs-and-bishop-cheese-de-sliced10152010_19.gif" width="190" height="37" alt=""></td>
<td>
<img src="images/spacer.gif" width="1" height="36" alt=""></td>
</tr>
<tr>
<td>
<img src="images/dobbs-and-bishop-cheese-de-sliced10152010_20.gif" width="148" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="1" height="1" alt=""></td>
</tr>
</table>
<!-- End Save for Web Slices -->
<map name="Map">
<area shape="rect" coords="4,8,191,45" a href="C:Users/blood muffin/Desktop/dobbs and bishop website/croppedheaser/www.dobbsandbishop.comcheese.html">
</map>
<map name="Map2">
<area shape="rect" coords="13,13,176,47" href="www.dobbsandbishop.comother">
</map>
<map name="Map3">
<area shape="rect" coords="5,9,153,48" href="www.dobbsandbishop.comphoto">
</map>
<map name="Map4">
<area shape="rect" coords="11,-5,188,55" href="www.dobbsandbishop.comglossary">
</map>
</body>
</html>
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 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. 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? 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). can you please give a site or link where can I download dreamweaver? I have heard is good to build web pages and learn html. Thanks! Ok, so I just got Dreamweaver, how do get started in designing webpages? I heard that it makes webdesigning a lot easier. I know it's important to understand codes but at the same time I wanted to learn Dreamweaver because I know I'll be using it soon. Any help is greatly appreciated. OK, i've got a comments box for my website, but I want it to be posistioned to where I want, not just above everything else on the page. Is there anyway to do this, like type co-ordinates or something in code ? Sorry if thishas been asked before Cheers Hi, I'm trying to create a website with photoshop and dreamweaver. And I want to create 2-3 frames. 1 left side navigation bar and mayber a banner frame at the top, and the middle frame where the text comes. Now my problem was that when I tried to create something like this with dreamweaver it made those ugly looking draggable things. Id want them not to be visible and apply my 1337 design made with photoshop (and cut with the slice tool). If anybody has any idea or any specific site that could help me further please help me! My current site is http://squeezingavocados.urli.net/ But whenever I write something to the iframe and it expands the navigation bar also does, making it look like ****... Which to choose? DreamWeaver or FrontPage? |
|||||||