|
HTML - Slicing?
could someone explain to me what exactly slicing is, in making a website?
Is it used in alot of sites? Is it a good practice? Similar TutorialsHi, 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. 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 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> 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 |
|||||||