HTML - Photoshop Webtemplate + Html
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 Similar TutorialsHi 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 Hey 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 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 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 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. How do make a curved edge for a table row or table data? Right now my site looks kind of boxy. 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? 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 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? 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? 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 Hi there! I'm in the process of designing my first website, so I'm pretty green at this. I will have a number of internal and external hyperlinks links on my pages that I want to apply to rollover images. I have created the rollover images in Photoshop with slices, URLs etc. That all went fine, but here's my problem. When I save the image in Photoshop, the tutorial tells me to save the image as "HTML and images". This produces an image file and an associated HTML file that contains the script information for the actual image file. I can't figure out how to create an <A hef...> link or whatever is needed in my main HTML file that will get this "image" html file to show up in the browser and to call the rollover image so it works on mouseover. I've tried a number of options, but none seem to work. I assume that I need an <IMG SRC...> in there somewhere to call the image?? Any help on this would be awesome as I'm about to lose it over this one. Thanks! My html problem keeps failling, with all my image codes.. shown for 10 errors which are all for the images what's wrong? Here is the 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" /> <!-- New Perspectives on HTML and XHTML 5th Edition Tutorial 2 Case 2 Fiddler Home Page Author: Date: 2-16-2011 Filename: home.htm Supporting files: fiddler.jpg --> <title>, ITSE 1411 Lab Project 2, Tutorial 2 Case 2, Due 02/23/2011</title> </head> <body> <div> <img src="fiddler.jpg" alt="Fiddler on the Roof" /> <hr /> <a href="home2.htm"><img src="home.jpg" alt="home" /></a> <a href="slide1txt.htm"<img src="start.jpg" alt="start" /></a> <a href="slide1txt.htm"<img src="back.jpg" alt="back" /></a> <a href="slide2txt.htm"<img src="forward.jpg" alt="forward" /></a> <a href="slide6txt.htm"<img src="end.jpg" alt="end" /></a> <br /> <a href="slide1txt.htm"<img src="thumb1.jpg" alt="slide1" style="border-width: 5" /></a> <a href="slide2txt.htm"<img src="thumb2.jpg" alt="slide2" style="border-width: 0" /></a> <a href="slide3txt.htm"<img src="thumb3.jpg" alt="slide3" style="border-width: 0" /></a> <a href="slide4txt.htm"<img src="thumb4.jpg" alt="slide4" style="border-width: 0" /></a> <a href="slide5txt.htm"<img src="thumb5.jpg" alt="slide5" style="border-width: 0" /></a> <a href="slide6txt.htm"<img src="thumb6.jpg" alt="slide6" style="border-width: 0" /></a> </div> <hr /> <div> <img src="slide1.jpg" alt="slide1" /> </div> <blockquote> <p><i>Do You Love Me?</i> sung by Deb Ingalls and Thomas Gates</p> </blockquote> </body> </html> I just upgraded all my .HTML pages to .PHP . But now I noticed that when my pages pull up in the search engines like Google, Yahoo, and MSN. They still show the old .HTML links?? When they click on the webpages from the search engines results you get error 404 page cannot be found. How can I update the search engines or add code to my page so the search engines will reflect the new .PHP pages. Also it's been over a good week since I've update to .PHP Thank you all in advanced!! Hi, so I'm trying to make this e-mail newsletter. It's entirely images, tables and text. So no javascript, just plain stuff. I tried attaching it as a signiture file and I had trouble sending it. It also didn't come out right. I'm trying to avoid using a software. Its basically just a block of HTML I need to show up as the only content in an email. If you just put HTML into a email text field, it just shows the HTML code in the email as text. Any ideas? As the title states I've been using Microsoft Word 2000 to create my web page but now want to make a simple no frills html HTML document. Is there a simple and quick way to do it ? I know I can simply create a new HTML document and then just copy and paste the links but is there a utility that can do this ? Many thanks Hi everyone, I've been searching around the web trying to find out how I can send using Outlook a html and text email newsletter automatically. I am quite happy creating html only newsletters, and text ones for that matter, but I have been digging and believe that by using multi-part code I can send to both and the recipients email client "allows" whichever version to be displayed - does this sound right? I'm hoping to simply create the html with the relevent mime references and boundaries (dont know what they are but have seen them on enough Google'd pages to know that they mean something!) and then copy and paste into Outlook - the newsletter is only going out to a few people at a time. Any suggestions or advice would be very greatly appreciated. Regards Allan I need a simple example to take input, and give an output, such as input: height weight output: body BMI thanks Hi everybody, I've invented a means of converting HTML to keywords. http://4nf.org/tool/ What do you think of it? Any kind of feedback is greatly appreciated! Thanks in advance and kind regards |