HTML - Trying To Get Photoshop Layers 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.

How do make a curved edge for a table row or table data? Right now my site looks kind of boxy.

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

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

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

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?

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?

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

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!

Theoretically, a webpage is made up of layers, of which some things can go on top - or bottom - of others. Does anyone here know if it is possible to change the position of them?

Thanks

hello all..

i am pretty new to web creation, so this question might be pretty studpid..

Anyhow, I am using layers in my website. But everytime i view it on a browser (safari, firefox, ie) they are all over the place... Sometimes its just a small displacement or something.. but the layers just dont stay where i specify them in dreamweaver.

I was wondering if anyone would be able to help me fix this problem? or if there is workaround to this..

thanks

Hi,

if you take a look at the following page:

http://www.vub.ac.be/ARCH/reis.php

you will see that - in IE - the footer overlaps with the content layer.
in FF everything is ok

any ideas?

thanks

I have this Web page I'm working on and I'm not sure on how to get the overlayed images to line up 'automatically'. Here is the code I have:
<div id="main-copy">
<h3>NorthEast Regional Radar</h3>

<div id="topo" style="Z-INDEX: 1; LEFT: 0px; POSITION: relative; TOP: 0px" >

<img src="http://www.srh.noaa.gov/ridge/Overlays/Topo/Short/box_Topo_Short.jpg" border="2" alt="Topo Base" ></img>
</div>
<div id="radar" style="Z-INDEX: 2; LEFT: 0px; POSITION: relative; TOP: -555px">
<img src="http://www.srh.noaa.gov/ridge/RadarImg/N0R/box_N0R_0.gif" border="2" alt="Radar Image"></img>
</div>
<div id="county" style="Z-INDEX: 3; LEFT: 0px; POSITION: relative; TOP:-1113px">
<img src="http://www.srh.noaa.gov/ridge/Overlays/County/Short/box_County_Short.gif" border="2" alt="State Borders" ></img>
</div>
<div id="legend" style="Z-INDEX: 4; LEFT: 0px; POSITION: relative; TOP: -1668px">

<img src="http://www.srh.noaa.gov/ridge/Legend/N0R/OKX_N0R_Legend_0.gif" border="2" alt="Legend Overlay"></img>
</div>
</div>

You can see I've attempted to get these to line up by specifying a "-" TOP offset. Doesn't work in all cases. How do I fix this the proper way ?? Thanks.

Hi everyone,
I was wondering if it's possible to stack images on top of each other in html so that the position of the images stacked on top are relative to the bottom image, instead of being relative to the screen edges (eg, 100 pixels above bottom of screen, 200 pixels left, etc)? I want to create a simple image menu like this:



Where I have one large image on the bottom, and three image-links on top of it, aligned so that they're always in the same spot relative to the base image no matter what the computer screen resolution is. If I make them relative to the screen edges then computers with different resolutions would display the images out of order.

I'm pretty new to html, using Adobe Dreamweaver CS5.5 at the moment. This is what I have so far:

Code:

<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<LINK href="style.css" rel="stylesheet" type="text/css">
<title>Main Playlist</title>
</head>


<body>

<!-- Layering priority low -->

<DIV STYLE="{z-index:1;}">
<p><img src="pictures/baseimage.png" alt="baseimage" align="middle"/></p>
</DIV>

<!-- Layering priority high -->
<DIV STYLE="{z-index:2;}">
<p><img src="pictures/button1.png" alt="button1" align="middle"/></p>
</DIV>

<DIV STYLE="{z-index:2;}">
<p><img src="pictures/button2.png" alt="button2" align="middle"/></p>
</DIV>

<DIV STYLE="{z-index:3;}">
<p><img src="pictures/button3.png" alt="button3" align="middle"/></p>
</DIV>

</body>
</html>

Quite obviously it's not right as I have no idea how to set the buttons so they are "X pixels from the top/bottom/left/right of the base image".

Thanks!

Hello, I have an image that I want to make "float" above a small green bar, so that it sticks out above it. I have been able to achieve the effect with the <layer> tag, but the problem is that it only displays correctly in Firefox and not in IE. Also, I want to avoid the layer tag since it is not universally supported.

Here is an example with the layers: http://dqnmusic.googlepages.com/indexenlayer.html

Here is what it looks like when I try to avoid layers:
http://dqnmusic.googlepages.com/indexen.html

Is there away around the layer tag that can still achieve the effect I want?