HTML - Slicing A Psd File
Hi,
I want to use this website layout http://devisefunction.com/2010/01/12...-in-photoshop/ and have downloaded the PSD file. But when I open it, its got lots of guidelines on it and I'm not sure what these are for. Do they mean that I should slice the website in vertical slices from left to right? I've always done it using horizontal slices from top to bottom but I've never downloaded someone else's PSD like this before. Thanks. Similar Tutorialscould someone explain to me what exactly slicing is, in making a website? Is it used in alot of sites? Is it a good practice? Im using this template and completely rebuilt it and the psd file i posted the link for is the index/home page, the thing is I want the navigation bar and foot navigation to be text and linked but i dont know how to do that. everything is so confusing when I slice it up in photoshop and save it to html and open it in dreamweaver and its a disaster. can someone help or possibly downloaded the psd file i provided and do it for me? please i need help! thank you in advance! [PSD Index file] http://rapidshare.com/files/232258440/index.psd.html I am designing my first web site with a PSD file. I have sliced it and there are no issues there. Except that around each image that was sliced and is now a hyperlink to another page, there is a border. I do not want this border there. Is there anyway to get rid of it? By the way, I am using XHTML transitional and CSS. If I need to use something else then please let me know. Thanks Ok, I am trying to make a newsletter for my company, and I was given a psd file to work with. I am supposed to slice it up and make it into an html document, and upload the sliced images onto website to host them. So far this has not been a problem. I sliced the psd file accordingly, and converted it into an html file with images using a photoshop function. Next I hosted all of the files and when I used a html text bed generator to test out the index file everything went well and the image came up fine. However heres my problem: I am suppsoed to use this newsletter client to send out the newsletters called joomla! This program only allows you to paste html or xhtml or css. So I take the index file and copy and paste. It brings up the image, however the image is not well connected and the images are not lined up properly. What should I do to fix this? I have to have this finished today, so any help would be awesome! (Here is my index.html code) Code: <html> <head> <title>USA</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 (USA.psd) --> <table id="Table_01" width="600" height="667" border="0" cellpadding="0" cellspacing="0"> <tr> <td colspan="5"> <img src="http://1lacrosse.com/images/newsletter/us/oct/images/index_01.jpg" width="600" height="109" alt=""></td> </tr> <tr> <td rowspan="4"> <img src="http://1lacrosse.com/images/newsletter/us/oct/images/index_02.jpg" width="64" height="558" alt=""></td> <td colspan="3"> <img src="http://1lacrosse.com/images/newsletter/us/oct/images/index_03.jpg" width="467" height="142" alt=""></td> <td rowspan="4"> <img src="http://1lacrosse.com/images/newsletter/us/oct/images/index_04.jpg" width="69" height="558" alt=""></td> </tr> <tr> <td rowspan="3"> <img src="http://1lacrosse.com/images/newsletter/us/oct/images/index_05.jpg" width="160" height="416" alt=""></td> <td> <img src="http://1lacrosse.com/images/newsletter/us/oct/images/index_06.jpg" width="153" height="156" alt=""></td> <td> <img src="http://1lacrosse.com/images/newsletter/us/oct/images/index_07.jpg" width="154" height="156" alt=""></td> </tr> <tr> <td> <img src="http://1lacrosse.com/images/newsletter/us/oct/images/index_08.jpg" width="153" height="148" alt=""></td> <td> <img src="http://1lacrosse.com/images/newsletter/us/oct/images/index_09.jpg" width="154" height="148" alt=""></td> </tr> <tr> <td colspan="2"> <img src="http://1lacrosse.com/images/newsletter/us/oct/images/index_10.jpg" width="307" height="112" alt=""></td> </tr> </table> <!-- End ImageReady Slices --> </body> </html> The following common code is not working in Firefox (3.0.11). It works in Safari (4.02) and IE7. When I say not working, I mean that when I click the submit button, the address does not change to the form processing url: Code: <!-- The data encoding type, enctype, MUST be specified as below --> <form enctype="multipart/form-data" action="uploader.php" method="POST"> <!-- MAX_FILE_SIZE must precede the file input field --> <input type="hidden" name="MAX_FILE_SIZE" value="30000" /> <!-- Name of input element determines name in $_FILES array --> Send this file: <input name="mp3file" type="file" /> <input type="submit" name="submit" value="Send File" /> </form> The file uploader.php does nothing, it is blank, I'm merely trying to establish communication. Once again, the code functions in IE and Safari so I dont think this is PHP related. I have a project written in ASP.NET under Visual Studio 2005 with C#. I am also using Infragistics objects for .NET Advantage 2007. In my page to attach resources to a record I have written a browser and am displaying previously chosen resources here. But when I click the upload button the page opens a new window (which is not a dialog window, but a normal one) which is exactly the same as my dialog window. How can this possibly happen? Can anyone help me? Hi, Anybody have any idea how to convert a xml file to excel file.Actually i m working on visual studio and using C programming language.I have a xml file in the same directory where my programm is running.When i pressed a icon it will take the xml file automatically and convert to a excel file and show the outpt to the user.How can i achive this goal ??? Any help would be great. Thanks, Basanta Hi ,I am new in html.Hope you can guide me step-by-step on this. I want to import my .txt file into the html form and the html form can add new item then to be add in to that particular .txt file too as well. can this be done? For example: (fruits.txt) 1.apple 2.banana 3.orange Can this fruit.txt be impoted to fruit.html page and show it at fruit.html page, at the same time, the fruit html page allow to add in new fruit, and once user add in new fruit, the fruit.txt file will be updated as well. Thanks for your guidiance and help. :-) I have a website where I want to make a drop down menu that will bring you to different pages. It is a very basic, sort of old-fashioned website that relies entirely on html. What I'm trying to do is make a drop-down menu that will be used as navigation for a section of a website and I want to have it in each internally linked page in that section, but I'm going to be adding more pages to it over time so I want to be able to put the drop-down menu code in a separate text file and then substitute it into the pages that I make that the options in the menu link to and then just edit the code in the text file when I add another page so that I don't have to go back and edit the code every single individual page whenever I add a new one among them. Basically all I'm asking is how I can put html code in a text file and then substitute that code into an html page by referring to the file. Thanks in advance for any help. hi everybody, I am working in a html. I defined a functiion in a html file.(first.html) I want to call that function in another html file.(second.html) How can i call that function in second.html file? give some sample code Thanks in advance.... Hi guys I want to add some php files into my frontpage html files, please let me know how to do this. I tried many things but fail. Please guide me. Thank you GCS Hi, I'm trying to include one HTML file in another. I tried iframe and was displeased with the results, I want the size of the frame to change dynamically and not just scroll. Fair warning, my knowledge of JavaScript is non-existent >_> . Basically, I have a document written in HTML (please don't suggest a wholesale re-write, that's simply not practical) and the idea is to have one file where it makes sense to include it several times. One thing to mention, this document is not meant to be shown on a web-server, but in a browser while you're reading it off your hard-drive. Here's what I have so far. main.shtml Code: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <title>test</title> </head> <body> <center> <h1> This is only a test! </h1> </center> <p> Still testing!!!!! </p> <!-- #include file="included.html" --> <p> Even more testing!!!!! </p> </body> </html> included.html Code: <!--<html> <head> <title> asdfasdfasdfasd </title> </head> <body>--> <p> <h4> foobar </h4> <br> <br> <br> <br> <h4> boofar </h4> </p> <!--</body> </html>--> Not sure what I'm doing wrong, help appreciated! hi everyone! how can i upload a pdf file via html? i guess "a href" is not the right way. please help me. thank you Hi All I need some help with the following html coding: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <!-- MagicComment: MVTimeout --> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>Untangle Login</title> <script type="text/javascript">if (top.location!=location) top.location.href=document.location.href;</script> <style type="text/css"> /* <![CDATA[ */ @import url(/images/base.css); /* ]]> */ </style> </head> <body> <div id="main" style="width: 500px; margin: 50px auto 0 auto;"> <div class="main-top-left"></div><div class="main-top-right"></div><div class="main-mid-left"><div class="main-mid-right"><div class="main-mid"> <!-- Content Start --> <center> <img alt="" src="/images/BrandingLogo.gif" /><br /> <b></b><br/> Untangle Login <div style="margin: 0 auto; width: 250px; padding: 40px 0 5px;"> <form method="post" action= "/auth/login?url=/setup/welcome.do&realm=Administrator" > <table><tbody> <tr><td style="text-align:right">Server:</td><td><em> localhost</em></td></tr> <tr><td style="text-align:right">Username:</td><td><input id="username" type="text" name="username" value="admin"/></td></tr> <tr><td style="text-align:right">Password:</td><td><input id="password" type="password" name="password" /></td></tr> </tbody></table> <br /> <div style="text-align: center;"><button value="login" type="submit">Login</button></div> </form> <script type="text/javascript">document.getElementById('password').focus();</script> </div> </center> <!-- Content End --> </div></div></div><div class="main-bot-left"></div><div class="main-bot-right"></div> <!-- Box End --> </div> </body> </html> What I need to know is how can I change the title. I cant seem to find the file contaning the html coding that i posted above. the way i found this coding was 'right clicked the web page and clicked on view source' The code that I marked in red seems to be the "file"(welcome.do) that contains this code, but i cant seem to find the file. Please, any help will be appreciated Best regards I'm having some trouble that I've never encountered before... I'm trying to get a ".jpg" file that's being loaded from a FTP server to load up on a ".php" file. It all works when I do it locally, but when I try to open it up on the server itself, all the images (".gif"'s) open up perfectly yet the ".jpg" doesn't. Any suggestions? Thanks! Hi all! I've got a very strange problem with a webpage: If you type http://www.varbanovsoft.com/ images are not correctly displayed but if you type http://www.varbanovsoft.com/index.html they appear!! Any idea? I'm completely lost ... Thanks!! T Trying to use this function i used the one it gives you in dreamweaver but it never seems to work. It will show in the preview on dreamweaver but when i run the .html file the content of the file that was included does not show. Here is what i used... Code: <!--#include file="PGS/DWNLDS.html" --> Any ideas of what i can do to get this to work? Thanks. Hi, I can't find anywhere how to make a downloadable file! Does anyone know? Knanks. could some one please tell how to upload a file without using the submit button. Iknow the location of the file and i want to upload the file into the server i was wondering is it possible to download a wav file to the temporary internet files without it showing any download screen or allow it to download screen |