HTML - Problem With Sliced Website
Hey guys, im not sure if anyone has this problem but i have it and im pissing off because of it. I worked on it for over 4 hours to no avail so i decided to get some professional opinion here.
I designed my website using Photoshop and save for web and devices, giving me the HTML codes and the entire site is done in tables. I had no problems for buttons whatsoever, i found a way to insert flash banner was by creating a slice and deleting it afterwards to insert my flash banner. The problem: All text, headings, contents appear as image and i would have to reslice the entire website just to change the content and i cant use cutenews etc. So i tried draw ap div, but it is not resolution dependent, it distorts at all kind of resolutions... I tried using Fireworks but to no avail too.. I cant really think of anything else. Something that allows me to do editable content. Please email me if you do not understand what i mean i can show you. molehetoe@live.com or add me in MSN Similar TutorialsI've got 2 sliced images at a store i've made. I've noticed each image loads one at a time... which really affects the loading time. I've optimized them as good as I can without losing quailty, but still slow loading. Is there any methods to loading all the images simultaneously? (maybe javascript?) The splices range from 300-600bypes in size. not kbs.. bytes (0.3-0.6 kbs) I guessing there is about 5-7 slices on the top, and 10-15 on the side menu. Hi all. I'm having a little bit of trouble with putting sliced images on my website and was wondering if you could help me out? I've made a very basic menu design in photoshop. I sliced the image using Photoshop then opened the resulting html file in Frontpage. When I opened the page in preview mode, the sliced images had moved slightly away from each other which is giving me gaps between the slices. Its also doing this when I view the page in a normal web browser, but not in photoshop Is this because I am using frontpage or could it be some kind of options setting in photoshop? Sorry if this is posted in the wrong forum btw....Any help would be great Thanks Hi all, I am created a sliced page within Fireworks however I have made a animated gif which I would like to add to the page. I'm lost as to how to do this, when I copy and paste the Gif into the main image page, it just shows up as a standard picture, with no animation. Do I have to slice the page first, then add the animated gif within Dreamweaver, or can I place it as I would any image within Fireworks, then slice the entire page and export with HTML to Dreamweaver? Any help would be great, thanks in advance. Ok so I made a kinda complex layout in photoshop by slicing and I'm using hte code they gave me to put it all together. I've switched the images from being in the table to being the background of the table. Everything seems to work great. But I'm trying to make it so that when I type too much in the body function the body will just roll down and repeat itself and the links on the left side will stay and do nothing. But at the same time I want it so when I get too many links I want the links bar to continue to roll down and repeat itself while the body does nothing. Well right now when the body rolls down there are gaps in every break in images on the links side. I've tried valigning them all to the top and it works on the first one but the 2nd 3rd and 4th image still have gaps between them. Any suggestions? Hello folks, I'm having trouble with the code for a sliced background image, and am hoping someone can help. You can see the design at this url: http://www.magicalwonders.com/graphicslice1/ There are two problems that I'm having difficulty with. 1. I have included a repeating background tile for the right hand sidebar, and although the tile is diplaying O.K. my graphic is breaking at the top of the page when there is text overflow. http://www.magicalwonders.com/graphicslice2/ 2. Second problem. Although I have a repeating tile created for the left hand sidebar, I'm not sure how to include it in the code, as I'm already using a background image referenced by CSS. I need the image for the left side bar to be a background image, as I need to add nav buttons to the page. At the moment, the graphic for the left side bar is just repeating itself, which doesn't look too good as it is a graduated colour. My html is as follows: Code: <table id="Table_01" width="100%" border="0" cellpadding="0" cellspacing="0"> <tr> <td> <img src="images/headerleft.jpg" width="168" height="126" alt=""></td> <td> <img src="images/headermiddle.jpg" width="456" height="126" alt=""></td> <td> <img src="images/headerright.jpg" width="166" height="126" alt=""></td> </tr> </table> <table width="100%" border="0" cellpadding="0" cellspacing="0"> <tr> <td> <img src="images/top_left.jpg" width="147" height="24" alt=""></td> <td> <img src="images/top_middle.jpg" width="468" height="24" alt=""></td> <td> <img src="images/top_right.jpg" width="175" height="24" alt=""></td> </tr> <tr> <td id="leftsidebar"> </td> <td valign="top"> Content goes here... </td> <td id="rightsidebar"> <img src="images/sidebar_right.jpg" width="175" height="386" alt=""></td> </tr> <tr> <td> <img src="images/footer_left.jpg" width="147" height="64" alt=""></td> <td> <img src="images/footer_middle.jpg" width="468" height="64" alt=""></td> <td> <img src="images/footer_right.jpg" width="175" height="64" alt=""></td> </tr> </table> </body> </html> And my CSS is: Code: #leftsidebar { background-color: #fead01; background-image: url(images/sidebar_left.jpg); } #rightsidebar { background-color: #fead01; background-image: url(images/sidebar_repeat_right.jpg); background-repeat: repeat-y; } Any help or advice would be much appreciated. Many thanks Myles Hi, I sliced my web layout in PS. So far so good, I've done about 4 or 5 pages and it's gone fairly smoothly. However I'm having trouble with some coding on a particular page. I want to have a contact form on my contact page. But it's an HTML table and so are the slices. I've tried a couple of different ways to see if I could get it to 'lay' on top of the background image slice, but no luck. Take a look for yourselves: http://www.beemerphotography.com/contact.html Code: <form name="contactform" method="post" action="contact.php"> <table width="450px"> </tr> <tr> <td valign="top"> <font color="#FFFFFF"><label for="name">Name</label></font> </td> <td valign="top"> <input type="text" name="name" maxlength="50" size="30"> </td> </tr> <tr> <td valign="top"> <font color="#FFFFFF"><label for="email">Email Address</label></font> </td> <td valign="top"> <input type="text" name="email" maxlength="80" size="30"> </td> </tr> <tr> <td valign="top"> <font color="#FFFFFF"><label for="telephone">Telephone Number</label></font> </td> <td valign="top"> <input type="text" name="telephone" maxlength="30" size="30"> </td> </tr> <tr> <td valign="top"> <font color="#FFFFFF"><label for="comments">Comments (Type of session(s): engagement, wedding, family, etc. | Booking date if applicable)</label></font> </td> And I've tried this: Code: <table background="http://www.beemerphotography.com/contact/images/info.gif" width="409" height="467"> And also, I have another page that is just not displaying for some reason. I have gone over the code, redone the slicing, redone the coding, and I can't figure it out for the life of me why it isn't displaying anything: http://www.beemerphotography.com/abo...ng/prints.html I created a sliced image / navigation in Fireworks CS5 and implemented it on a page with success. I then attempted to implement the same code to the header of a WordPress theme, giving me some issues. The actions work correctly, but the images are significantly lower, blocking a portion of the remaining page, and not correctly aligned with one another. I checked for conflicts in the CSS, as well as other simple errors, but couldn't really find what the cause was. Any suggestions? Homepage (correctly displayed graphic): http://camhabib.com WordPress (incorrectly displayed): http://blog.camhabib.com Hello everybody. I was recently working on my website and I was looking at a game that was not coming up properly. The game was coming but the format of the page was for some reason not appearing properly. I tried almost everything I could. Could you guys take a look at it. Thanks. I put a link on the bottom. http://umgames.co.cc/bikemania5.php Hello again, I have posted previously on a few occasions and had some things fixed with my website. Everything was working fine until just a couple of days ago I noticed something. One of the problems I had was I wanted the images on my pages to load before an swf file, so I got assistance with that and it worked great. I have now noticed that my website once again doesn't load in the order I want AND I have noticed that one of my swf files no longer loads in IE. It does work in Firefox though. I have checked this on two different computers and it definately doesnt work in IE. I haven't made any changes that would stop the page from loading how I wanted it and I have no idea why the swf no longer works in IE. My website URL is ozlotteriesonline.net and the swf file that doesnt work is on /business.html I'd also like to note that the swf file on my homepage still works, it just loads out of sequence. Thanks in advance....again Hi, I have my website all set up and I added a picture of my free report on the close to the bottom. Im my html editor of my file manager in cpanel it comes out right no problems. But when I type in the website in my browser the jpg image has a x in the left hand corner where the image should be.. Does anybody have any solutions or ideas to fix this problem..?? Thanks Jay Morrison www.provenweightlosssecrets.com Hello everyone! I am so grateful that there are sites like this to help those like me. I'm ready to be hit by rotten tomatoes because my method for building my first site probably breaks tons of rules. I used Photoshop to create a webpage by slicing a single image with the intention of laying it out in a table. When I first sliced the image and simply set each image using "img src=" in each Table Data cell, it came together fine and looked perfect. The problem happened when I made one of my images the background image for the cell. The reason I did this is because this is going to be my main "Content" area and I want to be able to enter content over the image. For some reason, right when I made this change, the cell directly to the left of my "main content cell" is pushing to the right and creating unwanted blank space...and I can't for the life of me figure out why. I'm pulling my hair out and I'll probably cry myself to sleep tonight. I thought it was my HTML and found a tiny bit of CSS to help, but the problem remains. Thanks so much in advance for any assistance you can provide. The site is here (I added red borders to the table for assistance with review): http://www.geocities.com/mena_beena/Rosco.html Here is my HTML: Code: <html> <head> <link rel="stylesheet" type="text/css" href="rosco.css" /> </head> <body bgcolor=black> <table bordercolor=red border=1 cellspacing="1" cellpadding="0"> <tr> <td colspan=3><img src="Template4_01.jpg"></td> </tr> <tr> <td colspan=2><img src="Template4_02.jpg"></td> <td><img src="Template4_03.jpg"><br><img src="Template4_04.jpg"></td> </tr> <tr> <td><img src="Template4_05.jpg"></td> <td class="bg">asdfasdf</td> <td><img src="Template4_07.jpg"><br><img src="Template4_08.jpg"><br> <img src="Template4_09.jpg"><br><img src="Template4_10.jpg"></td> </tr> </table> </body> </html> Here is my CSS Stylesheet: Code: td.bg{ background: url(Template4_06.jpg); } woops terribly sorry guys for my first post being a false alarm, i experimented a bit and fixed it. Hi, I have a radio website but I need to go to anouther website to turn this on, this is not a problem but if I get people requesting to be a DJ when they go to turn the station on thay could mess the station up or chane the password, is there eny way of getting the website on my website but the can only turn the radio on, nouthink else? The website is: http://listen2myradio.com My website is http://jeradio.tk If you need to see the souce click HERE Thanks Hi, For some reason on my website ( http://www.the-undefined.net/index.php ) a random "<" keeps popping up in one of two places on the screen. It either appears in the very top corner of the screen, the top corner of the central table of the page OR not at all... This isn't a HUGE problem or anything but it is slightly annoying... AND I can't get rid of it and I have no idea... The site is for a webcomic and uses PHP Inclusion to add content (e.g. index.php?id=ep1 is the page for episode one) Here's the coding of the index.php page: HTML Code: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <title>the-undefined.net</title> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"> <link rel="stylesheet" href="style.css"> <script type="text/javascript"> function getURL(val){ base = 'http://www.the-undefined.net/index.php?id=ep'; location = base + val; return false; } </script> </head> <body bgcolor="#2A2A2A"> <table align="center" width="650" border="0" cellspacing="0" cellpadding="0"> <tr> <td align="right" colspan="2"> <table width="450" border="0" cellspacing="5" cellpadding="0"><tr> <td id="nav-top"><a href="index.php?id=home" title="the home">home</a></td> <td id="nav-top"><a href="index.php?id=story" title="the story">the story</a></td> <td id="nav-top"><a href="index.php?id=eplist" title="the ep list">ep list</a></td> <td id="nav-top"><a href="index.php?id=omake" title="the omake">omake</a></td> <td id="nav-top"><a href="index.php?id=site" title="the site">site</a></td> <td> </td> </tr></table> </td> </tr> <tr> <td height="350" valign="top" align="left" colspan="2" style="border: 15px solid #f0f0f0;"> <?php // checks if $z is defined if($id) { $x = basename($id); // Adds an extension to $z. E.g., if $z was main, then after this line, $z becomes main.php $id .= ".php"; // Checks if $z is in the current directory if (is_file("./$id")) { // Includes $z include($id); } else { // If $z is not in the current directory, an error comes out echo "<center><br><br><b>404 Error:</b><br><br>The page you are looking for, <b>$id</b> doesn't seem to exist!</center>"; } } else { // Include main.php if $z is not defined include("home.php"); } ?> </td> </tr> <tr> <td align="left"> <table width="170" border="0" cellspacing="5" cellpadding="0"><tr> <td> </td> <td id="nav-bottom"><a href="index.php" title="the domain">the undefined</a></td> </tr></table> </td> <td align="right"> <table width="200" border="0" cellspacing="5" cellpadding="0"><tr> <td id="nav-bottom"><a href="index.php?id=ep1" title="the first ep">first ep</a></td> <td id="nav-bottom"><a href="index.php" title="the last ep">last ep</a></td> <td> </td> </tr></table> </td> </tr> </table> <center><br><br><br><br><br><br><br><font color="#444444"><b>© Copyright 2006<br>All Rights Reserved</b></font></center> </body> </html> And for example an episode page is: HTML Code: <table width="600" border="0" cellspacing="0" cellpadding="0"> <tr><td> <object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,29,0" width="625" height="350"> <param name="movie" value="001.swf"> <param name="quality" value="high"> <embed src="001.swf" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="625" height="350"></embed> </object> </td></tr> <tr><td style="background-color: #f0f0f0; color: #000000; font-family: Verdana; font-size: 11px; text-align: right; padding: 5px;" valign="center"> <table width="200" border="0" cellspacing="0" cellpadding="0" align="right"> <tr><form id="form1" name="form1" method="post" action="" onsubmit="return getURL(this.url.value)" style="padding: 0px;"> <td style="background-color: #f0f0f0; color: #000000; font-family: Verdana; font-size: 11px; text-align: right;"> « <s>Prev</s> | </td> <td style="background-color: #f0f0f0; color: #000000; font-family: Verdana; font-size: 11px; text-align: center;"><input name="url" type="text" style="background-color: #ffffff; color: #000000; text-align: center; border: 1px solid #000000; width: 30px; height: 16px; font-size: 11px; font-family: Verdana; vertical-align: middle;" class="form" /></td> <td style="background-color: #f0f0f0; color: #000000; font-family: Verdana; font-size: 11px; text-align: left;"> | <a href="index.php?id=ep2" title="the next" style="color: #000000;">Next »</a> </td> </form></tr> </table> </td></tr> </table> And it keeps randomly appearing everytime I refresh the page! Can anyone help...? Thanks, Spedman975 P.S. Sorry if this isn't where I should post this but I'm new to this! Hey guys im sure this question has been answered, but having tried a large majority of the answers none seem to work. I have been building websites using my laptop (15 inch screen) after upgrading to a 17 inch screen im getting problems with the web page. It now has a horizontal scroll bar which i find rather annoying as do many other people that visit my sites. This is what it looks like at the moment on larger screens what i need to find out is how to make it so the page fits within the parameters of the screen without a horizontal scroll bar. this is the code that i used to make on of my sites, if possible could some one tell me where to maybe edit the string of html to get it to fit all screens? <html> <head> <meta content="text/html; charset=ISO-8859-1" http-equiv="content-type"> <title></title> </head> <body style="color: rgb(255, 255, 51); background-color: rgb(0, 0, 0);" alink="#ffff33" link="#ffff33" vlink="#ffff33"><div style="text-align: center;"><img style="width: 750px; height: 225px;" alt="" src="http://i488.photobucket.com/albums/rr248/kingofkingspoker/PCKBIGBANER-1.png"><br> <big><br> Home | Investigations | Gallery | Locations | The Team | Methods | Contact us<br> <br> </big> <table style="width: 800px; text-align: left; margin-left: auto; margin-right: auto;"> <tbody> <tr> <td style="text-align: center;"> <div align="center"><font color="#000000" size="+1"> <marquee bgcolor="#FF0000" direction="left" loop="99999" width="75%"><strong>We are accepting private bookings. Please contact Tim Harris on 07533119768 or email Tim at tim.paranormalknights@yahoo.co.uk</strong></marquee> </font></div> </td> </tr> </tbody> </table> <big><br> </big> <table style="background-color: rgb(0, 0, 0); text-align: left; margin-left: auto; margin-right: auto; width: 1312px; height: 459px;"> <tbody> <tr> <td style="text-align: center; vertical-align: top;"> <div style="margin-left: 40px;">Hello and welcome to Paranormal Knights Cymru. The group was founded in 2008 with the soul intentions of finding answers that we the team have been searching for, for all our lives! We are a unique team that reside in the south Wales area and have many many years of paranormal investigating experience between us. The things that make us such a unique team of paranormal investigators is that we take things to a higher level, we go to such a high level that other teams are left stranded whilst we soar above and beyond the grave. We use techniques such as Clairvoyance, Clairaudiance, Clairsentience and also the scientific approach with electronical equipment such as EMF detectors, EVP recording devices, still camera's and also video camera's. We also use non electrical equipment such as dowsing rods, oujia boards, glass swirling and table tipping. All of these methods are tried and tested and proven to be the main source of communications with the paranormal phenomena. To get an understanding of what these techniques entail and how they work please check out the methods page. <br> <br> So with that said will you be able to put the fear of the unknown behind you and join us in our quest for answers?<br> <br> <span class="Apple-style-span" style="border-collapse: separate; color: rgb(0, 0, 0); font-family: 'Times New Roman'; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: normal; orphans: 2; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px; font-size: medium;"><span class="Apple-style-span" style="color: rgb(51, 0, 153);"></span></span><span class="Apple-style-span" style="border-collapse: separate; color: rgb(0, 0, 0); font-family: 'Times New Roman'; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: normal; orphans: 2; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px; font-size: medium;"><span class="Apple-style-span" style="color: rgb(51, 0, 153);"></span></span></div> </td> <td></td> <td></td> <td></td> <td></td> <td></td> <td></td> <td></td> <td></td> <td></td> <td></td> <td style="text-align: justify; vertical-align: top;"><img style="width: 498px; height: 253px;" alt="" src="http://i488.photobucket.com/albums/rr248/kingofkingspoker/Margam_Castle.jpg"></td> <td></td> <td></td> </tr> </tbody> </table><div style="text-align: left;"><br> </div> <br> </div> </body> </html> Hi everyone, new to HTMLforums and HTML in general. I am seeking help with this problem : Currently i am trying to create a simple website that could contain pictures and possibly videos that i would upload every few days. It would have these sections - intro, pictures, videos , contact info. I have already purchased a domain name and a webhost. I have read that to create the website and upload the pictures, you need to have some kind of HTML editor like microsoft front page to "write" the pages. I would like to know if there are any free HTML editors that i can download off the internet to write my website. And also, once you have the editor, how do you "link" it to your website so that when you write code, the page appears. Sorry if questions sounds noobish, this is my first time setting up website. Thanks alot. Victor Goodday, I have a verry enoying problem on my company's website: www.tholeholland.nl When you press the print button it takes like 5 min. before it starts printing. Also the file is about 180 mb big.. ?? AND the tekst on the end of the page is left out.. Please help me.. I'have really tryed everything. Thanks! Greetings, Daniel Hello, I learned HTML a few weeks ago, and I pretty much understood it all and scored a 100 on the final Test. However, I still got problems with Tables. My first website project (divinechaos.bplaced.net/beta) has an issue. On the right, there is a empty box with a black frame, but thats not supposed to be there. Also, on the left there is a...weirder box. I want to remove that one, too. I tried to fix it, but after spending a week on trying to fix it, I decided to post on this forum a friend told me about. So, here I am, asking for advice. If you have any ideas on how to fix that problem, please answer me. EDIT: In case you are wondering, Bplaced is only a free domain I am using for now, Ill purchase a TLD once the website is finished and working. Hi, could you check my site: http://www.monkeygambling.com and tell me if it works on your screen resolution. I've had some problems with diff resolutions. On 1024 x 768 it sometimes does a slight repeat of the background image because the text i have on there pushes the table down a bit. thanks |