ImageReady to Dreamweaver
Hello!
I have created a webpage from ImageReady...using the optimize
as function. I am editing it now in Dremaweaver. It looks pretty
good...although I keep running into the same problem where I can
not get rid of white space and have tried a number of things
(decreasing table row or column heights).
I have attached a link to the page. Can anyone understand
what is happening at the bottom of the 2nd article and why there is
so much white space? It is not really that big of deal...but I
would like to know how to change it.
http://trimasters.i8.com/ASC/July/ASC10646m_eNewsletter_JUL.html
Thanks,
Katie
On Sun, 9 Jul 2006 17:30:05 +0000 (UTC), "RainGage78"
<[email protected]> wrote:
> I have created a webpage from ImageReady...using the
optimize as function.
Not really. You have made a picture of a web site in
ImageReady.
>I am editing it now in Dremaweaver. It looks pretty
good...although I keep
>running into the same problem where I can not get rid of
white space and have
>tried a number of things (decreasing table row or column
heights).
>
> I have attached a link to the page. Can anyone
understand what is happening
>at the bottom of the 2nd article and why there is so much
white space? It is
>not really that big of deal...but I would like to know
how to change it.
ImageReady, just like other image editors, creates overly
complex table
structures, usually littered with split and merged table
cells. That
type of page construction is extremely fragile and almost
impossible to
debug. To understand what's happening, see
http://apptools.com/rants/spans.php
I'm afraid the only real solution is to take some time to
learn how
tables work, then re-build the page from scratch.
Gary
Similar Messages
-
Problems with slicing from Imageready to Dreamweaver
Hello
I am currently designing my first website using Imageready CS
& Dreamweaver 8. For all the hurdles it has been a fun
experience & I still have much to learn. My coding skills are
very basic so I have taken a graphic approach. After browsing many
forums this appears to be the wrong approach. Anyways, on to my
problem...
I designed my homepage in photoshop, transferred to
imageready & sliced it up. I have 2 navigation menus; 1) at the
top horizontally under my banner 2) vertically along the left side.
Each navigation menu has individual buttons with simple rollover
states created in imageready. I optimized the images, & then
exported the images & html to a designated file. Onto
dreamweaver...
I opened my html file and it appears just fine in dreamweaver
& when tested in browsers. However, I have 2 small "no image"
slices that I use for inserting text. I then test the page in
firefox & netscape, and as soon as I hit ctrl + to enlarge
text, the text expands vertically just fine but it creates a few
large white spaces between some buttons on my left navigation
menu... Any idea why this is happening? How can I stop this from
happening? I know this is a vague question but any assistance would
be appreciated. Thanks!It is hard for me to read html source code here. It would be
a lot easier if you post a link to page.
As for ImageReady html source code imported into Dreamweaver,
it is kinda of tricky thingy. If you understand how HTML/CSS work,
then you'll figure it out just fine. But I take that you are new to
HTML/CSS, right? It is ideally a good time for you to get a good
book about HTML/CSS, where there are plenty of great books related
to Dreamweaver 8 books at Barnes Noble bookseller stores.
ON EDIT: The more comfortable you feel by working with
HTML/CSS, the more feel you eventually in time. As time goes, more
"hands on" approach and experience working with HTML, it gets
easier. So, I normally like to place image files on my web pages
manually by hand coding. I find that easier.
Also, there are pretty much self-explanatory fundamentals of
HTML/CSS through Dreamweaver Developer Center right here at Adobe
website. Go through Developer page, and there are lot of links on
right side of your browser. Once you are on Dreamweaver Developer
Center, there are more detailed, specific links such as HTML or CSS
or other topics that might be of an interest to you.
I take that you are developing your first website, as you
figure, it is time consuming at first. It is what it is
expected. -
ImageReady and Dreamweaver together?
I have built pages in ImageReady (with roll-overs). Can they
easily be worked with in Dreamweaver?
And a bonus question - How can I set a web page to display at
a fixed, specific pixel dimension with no browser navigation
options?
Thanks. I'm re-working my website after neglecting it for
three years and can't remember how to do these things!
(DWMX - Mac OSX)On Fri, 28 Jul 2006 21:19:51 +0000 (UTC), "Rick McC"
<[email protected]> wrote:
>I have built pages in ImageReady (with roll-overs). Can
they easily be worked
>with in Dreamweaver?
>
> And a bonus question - How can I set a web page to
display at a fixed,
>specific pixel dimension with no browser navigation
options?
Let's just deal with the bonus question first. You cannot
reliably do
this. Web pages don't have a specific size and modern
browsers ignore
attempts to "lock" the size of the browser window.
Now, for the first question. Because of the answer to the
bonus
question, pages created in an image editor, like PhotoShop,
ImageReady,
or Fireworks, almost always assume a fixed canvas. Because
you cannot
guarantee the canvas size, pages created in image editors
usually fall
apart rather easily and are usually very rigid designs that
are almost
impossible to debug.
That said, Dreamweaver is just an HTML editor. It can edit
properly
formed HTML regardless of what program created it. You will,
however,
find one problem after another as you attempt to maintain
such a site.
If you want to build stable pages that can be easily
maintained, you'll
need to take a little time to learn a bit about HTML and CSS
and build
your pages in Dreamweaver instead of relying on some wizard
in an image
editor.
Gary -
Does anyone know a resolution for the following: I make
changes to a file in Imageready and then select Update HTML and
select the HTMLfile I need to update. The problem is that all my
links that I have created in Dreamweaver get overwritten every
time. Is there a way to update the HTML file without losing the
Dreamweaver links every time? This is a real pain. If someone has
an answer or maybe a different way of updating the HTML , it would
be much appreciated!!!
Thanks
Brian"bwwalk" <[email protected]> wrote in
message
news:e3qefc$ffp$[email protected]..
> Does anyone know a resolution for the following: I make
changes to a file
> in
> Imageready and then select Update HTML and select the
HTMLfile I need to
> update. The problem is that all my links that I have
created in
> Dreamweaver get
> overwritten every time. Is there a way to update the
HTML file without
> losing
> the Dreamweaver links every time? This is a real pain.
If someone has an
> answer or maybe a different way of updating the HTML ,
it would be much
> appreciated!!!
The best advice I can give you is to *not* create a page the
way you are
currently doing so. It is always best to slice your images
and export then
individually and then build the page yourself in DW. HTML
generated by a
graphics program is terribly rigid and inflexible and the
code can become
very bloated.
Nadia
Adobe� Community Expert : Dreamweaver
http://www.csstemplates.com.au
- CSS Templates | Free Templates
http://www.DreamweaverResources.com
- Dropdown Menu Templates|Tutorials
http://www.macromedia.com/devnet/dreamweaver/css.html
- CSS Tutorials -
Hi Everyone
I have made a horizontal navbar in Photoshop following a tutorial from tutvid. I now need to make that navbar's 5 icons clickable but obviously they are all in one image. Which program would I use to do this and how would I do it.
Can anyone point me to a tutorial that shows how to turn a static image of a navbar into clickable links?
Thanks all
JimWhat are you using to construct your page? You need to slice (or make image maps) the image and make the slices links in the HTML. This can be done in Photoshop or ImageReady, or Dreamweaver or in other applications that will output HTML.
-
Dreamweaver or imageready or keynote or...
I have a number of images that contain and item that I need
to "pulsate". If would be nice if that pulsating image was also a
hot link but that is not a must. Then the whole page needs to
dissolve (very coarsely) into the next image/page.
Can this be done in Dreamweaver or should I use Keynote or do
the pulsating using ImageReady and place the animated gif into
Dreamweaver.
I could use some starting direction please.
alan> I could use some starting direction please.
Don't think of making one page dissolve into another. Please.
It cannot be
done reliably and is basically a big time hog.
Murray --- ICQ 71997575
Adobe Community Expert
(If you *MUST* email me, don't LAUGH when you do so!)
==================
http://www.projectseven.com/go
- DW FAQs, Tutorials & Resources
http://www.dwfaq.com - DW FAQs,
Tutorials & Resources
==================
"alan ruta" <[email protected]> wrote in
message
news:g4thqe$kg9$[email protected]..
>I have a number of images that contain and item that I
need to "pulsate".
>If
> would be nice if that pulsating image was also a hot
link but that is not
> a
> must. Then the whole page needs to dissolve (very
coarsely) into the next
> image/page.
>
> Can this be done in Dreamweaver or should I use Keynote
or do the
> pulsating
> using ImageReady and place the animated gif into
Dreamweaver.
>
> I could use some starting direction please.
>
> alan
> -
Help! dreamweaver showing imageready slices on PC but not on Mac
i am a mac user and made a simple website using photoshop and dreamweaver. i layed everything out in photoshop then sliced it up and used dreamweaver to upload my site. on a Mac my website looks fine...on a PC however...(where most of the users will be using) the slices are showing up and splitting by design in several ways...
here is the site: www.tailgateguys.com
if you are a PC user you will easily see whats going on...Mac users for some reason can not see it...any ideas oh how to solve this problem??
thanks!!!!What a very quick look, I'd say the blue lines are caused due to the fact that the images are also links.
You are not using a stylesheet to style any of the elements on the page (which you should be :-)., so add the following to the head of your html pages, just before the closing </head> tag:
<style type="text/css">
<!--
a img {border: none}
-->
</style>
This rule says to remove all lines around images that are links.
Also your code if very fragile, you should never let an image program like Photoshop or Fireworks write your code for you.
You should slice up your images, export them, then build the site entirely in Dreamweaver, otherwise you'll end up with a fragile layout that will break in vearious browsers.
Also what version of Dreamweaver - or Imageready are you using. Your pages do not contain a doctype which is very important to ensure that your pages are rendered the same across different browsers.
Reference:
http://www.alistapart.com/articles/doctype/
http://htmlhelp.com/tools/validator/doctype.html
Nadia
Adobe® Community Expert : Dreamweaver
http://twitter.com/nadiap
Unique CSS Templates |Tutorials |SEO Articles
http://www.DreamweaverResources.com
http://csstemplates.com.au/ -
Main image is not loading in dreamweaver, but can see it everywhere else
I have an image that I need to imagemap, but it will not show up in Dreamweaver and I cant figure out why. I checked the link to the image and it worked, and the page works fine when I preview in firefox, but I still need to imagemap it. I saved the html page from photoshop with save for web and devices. Its all one big image, no slices. I've tried closing and restarting Dreamweaver a few times, but it doesnt work. I've imagemapped other simular pages and they loaded fine.
<!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><div align=center>
<title>Ohio</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 (ohio.psd) -->
<img src="http://myareasbest.com/images/state pages/ohio copy.jpg" width="1083" height="720" alt="">
<!-- End ImageReady Slices -->
</body>
</html></div>
This should never be in the head of the document:
<div align=center>
And the closing tag </div>
should never occur AFTER the </body> and </html> tags.
I wouldn't bet big money on it, but those errant tags might be what are causing your troubles.
Beth -
DISGUSTED! ImageReady functionality lost for producing smart objects in GoLive!
It is ABSURD that the rollover/layer-based slice capabilities feature of ImageReady was eliminated and instead replaced by way of mediocrity using manual copy and paste functionality within Dreamweaver. What kind of step-backward mentality is this? I am beyond disappointed and feel betrayed by Adobe, not to mention unbelievably, inconsiderately inconvenienced. Does the title "industry standard" require bowing to irrational development or is this mere laziness on Adobe's part?
Previously I had been able to develop multiple series of rollovers within Photoshop using layers and then switch to ImageReady in order to automatically produce rollover code for a set of images...AS ONE IMAGE FILE. These images could then be placed into GoLive (another hot-button issue!) as SMART OBJECTS - gee, what a concept! - where the targets, if necessary and not already entered within ImageReady, could be linked to any page within the the site folders. Now I can't access the secondary image anywhere at all. It appears that the only solution for us lowly GoLive CS2 users is now to be required to TRIPLE THE AMOUNT OF WORK AND place multiple objects within a page layout, leaving (no pun intended) room for pixel space errors and requiring multiple manual page adjustments when the work was ALREADY DONE IN PHOTOSHOP! Layer-based slices are a work of genius, but NOT without the added capability of automatic rollover detection. How am I supposed to work this out in GoLive?
NOW, only NOW am I discovering that this "merged capability" within Photoshop is missing one of THE MOST INGENIOUS FEATURES EVER and now I am scrambling to find some garbage workaround in order to capacitate the need for a string of visual interface objects. This is the kind of move I EXPECT from Microsoft, but NEVER have I been this put out with Adobe. NEVER.
Is this the only solution? Bend to the will of the Dreamweaver cabal and join the ranks of the Microsuck copy-and-paste zombies? Not only is the new CS3 series "upgrade" cost-prohibitive for most anyone that isn't within the realm of the design elite or corporate ladder-climbing ranks of internal design group budgets, the tools appear to force anyone without the time necessary to learn the intricacies of manual HTML tagging to create nothing but the same garbage website in an infinite spectrum of ineptitude.
Is the new GoLive 9 supposed to accommodate this ridiculous shot-in-the-foot move or am I REALLY going to have to resort to a complete reload of CS2?Dave and Buko, that's my entire point...I shouldn't have to be using CS2 after purchasing CS3. I have full versions for both thankfully and for this very reason but I don't know if I can install CS2 in addition to CS3 without causing some system file issues. I did briefly read about someone else trying that in another forum.
IR does indeed work great with GoLive CS2. My issue is that the rollovers in the extended Photoshop CS3 do NOT work and don't export code at all. It's damn frustrating that after making the purchase, I feel duped.
And Buko, no, I never even bothered with Dreamweaver. I attempted to learn it several times and was just put off completely. I previously owned both Macrodmedia Studio Professional and the complete Adobe CS2, but the upgrades for the combined product sets which made sense for me and didn't break the bank like purchasing the "Master Suite" didn't even include things like Fireworks, which supposedly has some sort of workaround for rollovers when setting multiple targets in an image file. -
Imageready 7.0 imagemaps in Photoshop CS3
I work at a company where we have occasional need to publish web pages to our intranet which have irregular shaped slices as links to other pages.
Previously we always used the simple rectangular slice in Photoshop 7.0. Sometimes I would switch to Imageready to make irregular shaped image maps with links to other pages from them.
We have recently "upgraded" to CS3 and I only have access to Photoshop CS3 and Bridge CS3. Upgrading to CS5 is not an option unfortunately.
I have psd files which were last saved in Imageready and contain imagemaps with links in them and all had nice little rollover actions.
Now, I need to use the existing file and links and add a few new imagemaps and links to it using Photoshop CS3.
My understanding from a brief Google search is that I can not actually do what I need to in Photoshop CS3 and in fact need to have Fireworks or Dreamweaver.
This posses a few problems for me:-
1) Can I open the old imagready file which conatined imagemaps and links in Photoshop CS3 so that I could maybe make simple slices for my new links whilst maintaing the old links based upon the irregular shaped imagemaps?
2) Am I correct in thinking that I can not make irregular polygonal imagemaps/hotspost in Photoshop CS3?
3) If this is the case what would you suggest is the best option to an occasional Phothops user such as myself with no current skills in Dreamweaver or Fireworks.
Any suggestions are much appreaciated.3) If this is the case what would you suggest is the best option to an occasional Phothops user such as myself with no current skills in Dreamweaver or Fireworks.
Learn HTML and CSS? Seriously, image maps are just coordinate lists and can be hacked in any text editor, if no UI-based tools are available and that is perfectly doable just with basic HTML as is any stuff with simple links. Of course you can find quite a few free web design tools such as Mozilla's SeaMonkey, so failing other alternatives, it may be worth a try...
1) Can I open the old imagready file which conatined imagemaps and links in Photoshop CS3 so that I could maybe make simple slices for my new links whilst maintaing the old links based upon the irregular shaped imagemaps?
No.
2) Am I correct in thinking that I can not make irregular polygonal imagemaps/hotspost in Photoshop CS3?
Yepp.
Again, learn HTML for what you need. You're falling victim to the old misperception that any of this would be dependent on specific tools and features, when all it requires is to understand the specification.
Mylenium -
Re-positioning a swf file in dreamweaver?
Hi,
I am Graphic designer currently learning the ropes of webdesign..so this may be a noobish question as i have NO IDEA when it comes to html code...
I created a design in photoshop and saved my pages, images slices etc in html and opened it in dreamweaver.
My Problem is... i have a "swf flash slide show file" which i want to re-position roughly in the center of the html page, which for the life of me i cannot do!
I have tried aligning it center etc...but the swf file only seems to move around the edges of my html page.
Is it possible for the swf to be centered within my html page.
Here is the Dreamweaver code I have currently :
<html>
<head>
<title>Natina_Web_12</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<style type="text/css">
body {
background-color: #1b1b1b;
</style>
<script src="Scripts/swfobject_modified.js" type="text/javascript"></script>
</head>
<body leftmargin="50" topmargin="50" marginwidth="5" marginheight="5"><!-- ImageReady Slices (Natina_Web_12.psd) -->
<div align="center">
<object id="FlashID" classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width="800" height="375">
<param name="movie" value="slide.swf">
<param name="quality" value="high">
<param name="wmode" value="opaque">
<param name="swfversion" value="8.0.35.0">
<!-- This param tag prompts users with Flash Player 6.0 r65 and higher to download the latest version of Flash Player. Delete it if you don’t want users to see the prompt. -->
<param name="expressinstall" value="Scripts/expressInstall.swf">
<!-- Next object tag is for non-IE browsers. So hide it from IE using IECC. -->
<!--[if !IE]>-->
<object type="application/x-shockwave-flash" data="slide.swf" width="800" height="375">
<!--<![endif]-->
<param name="quality" value="high">
<param name="wmode" value="opaque">
<param name="swfversion" value="8.0.35.0">
<param name="expressinstall" value="Scripts/expressInstall.swf">
<!-- The browser displays the following alternative content for users with Flash Player 6.0 and older. -->
<div>
<h4>Content on this page requires a newer version of Adobe Flash Player.</h4>
<p><a href="http://www.adobe.com/go/getflashplayer"><img src="http://www.adobe.com/images/shared/download_buttons/get_flash_player.gif" alt="Get Adobe Flash player" width="112" height="33" /></a></p>
</div>
<!--[if !IE]>-->
</object>
<!--<![endif]-->
</object>
<img src="images/Collections.jpg" alt="" width="1600" height="1100" align="middle"><!-- End ImageReady Slices --></div>
<script type="text/javascript">
swfobject.registerObject("FlashID");
</script>
</body>
</html>
Any HELP would be greatly appreciated
THANKSComplete code below, copy and paste into new Dreamweaver document, and save to your site folder. One point I can't help thinking that at 1600px wide your main image is too wide, most will have to scroll right to see the whole page. I would limited the width to around 980px.
<!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>
<title>Natina_Web_12</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<style type="text/css">
body {
background-color: #1b1b1b;
#main_image {
background-image: url(images/Collections.jpg);
background-repeat: no-repeat;
width: 1600px;
height: 1100px;
#flashWrapper {
width: 800px;
margin: 0 auto;
height: 375px;
margin: 80px 0px 0px 400px; /* top,right,bottom,left */
</style>
<script src="Scripts/swfobject_modified.js" type="text/javascript"></script>
</head>
<body leftmargin="50" topmargin="50" marginwidth="5" marginheight="5"><!-- ImageReady Slices (Natina_Web_12.psd) -->
<div id="main_image">
<div id="flashWrapper">
<object id="FlashID" classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width="800" height="375">
<param name="movie" value="slide.swf">
<param name="quality" value="high">
<param name="wmode" value="opaque">
<param name="swfversion" value="8.0.35.0">
<!-- This param tag prompts users with Flash Player 6.0 r65 and higher to download the latest version of Flash Player. Delete it if you don’t want users to see the prompt. -->
<param name="expressinstall" value="Scripts/expressInstall.swf">
<!-- Next object tag is for non-IE browsers. So hide it from IE using IECC. -->
<!--[if !IE]>-->
<object type="application/x-shockwave-flash" data="slide.swf" width="800" height="375">
<!--<![endif]-->
<param name="quality" value="high">
<param name="wmode" value="opaque">
<param name="swfversion" value="8.0.35.0">
<param name="expressinstall" value="Scripts/expressInstall.swf">
<!-- The browser displays the following alternative content for users with Flash Player 6.0 and older. -->
<div>
<h4>Content on this page requires a newer version of Adobe Flash Player.</h4>
<p><a href="http://www.adobe.com/go/getflashplayer"><img src="http://www.adobe.com/images/shared/download_buttons/get_flash_player.g if" alt="Get Adobe Flash player" width="112" height="33" /></a></p>
</div>
<!--[if !IE]>-->
</object>
<!--<![endif]-->
</object>
</div><!-- end flashWrapper -->
</div>
<script type="text/javascript">
swfobject.registerObject("FlashID");
</script>
</body>
</html> -
[Locked] Centering an oversized web page in dreamweaver
for a web programming class
an extra credit challenge is to fix all found issues with some example web pages in dreamweaver
in the first example page the most obvious problem is that the page has oversized dimensions
which are 1680 x 1050
so the main issue that it creates is a problem with the horizontal centering
I'm looking for a coding/ script solution in dreamweaver that will automatically center the page when uploaded to the web
I've attempted several web tutorials and so forth but have yet to come across something that actually works for me
I am aware that this could be due to incorrect placement within the script
so I have decided to include the a basic version of the example script.
I appreciate any solutions that can be given...
Here is the sample script
<html>
<head>
<title>MockWeb_Example</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 (MockWeb_Example.psd) -->
<table id="Table_01" width="1680" height="1050" border="0" cellpadding="0" cellspacing="0">
<tr>
<td rowspan="2">
<img src="images/Mock_LeftGrade.gif" width="397" height="1050" alt=""></td>
<td>
<img src="images/Mock_Header.gif" width="912" height="524" alt=""></td>
<td rowspan="2">
<img src="images/Mock_RightGrade.gif" width="371" height="1050" alt=""></td>
</tr>
<tr>
<td>
<img src="images/Mock_Menu.gif" width="912" height="526" alt=""></td>
</tr>
</table>
<!-- End ImageReady Slices -->
</body>
</html>Ramón G Castañeda wrote:
PjonesCET wrote:
If they stray into the wrong Forum. Then its our duty to point them in the right direction.
That's bull! When absent minded folks wander in here by mistake, telling them they are in the wrong forum will suffice.
Nobody here is under any obligation to answer a given question, ever. "Duty" my foot!
Where in the above quote did I say to answer the question. I said point them in the right direction.
Think back to the first time you ever went into a Forum or newsgroup. Back when you was a Greenhorn/newbie. (oh that's right you been on the net so long, you've never been a newbie.) Did you pick a group you thought was correct one. Did someone help you, or did you get your whatever chewed out. Did getting the help make you feel as though people try to help. The th chewing out make you feel like slinking a wayand never returning for support from that software company's Forum/newsgroup.
I ventured acidentally in the Office PC group on the msnews server years ago. and I received mostly geting my what-you may-call-it chewed out. But then I go almost as many suggestions as to what groups I should go to. I chalked up the chewed variety to the PC Macintosh war going on at the time. But appreciated the one that pointed be to right place.
At that point, I decided that if someone gets lost I will try to find out where for them to go, and send them to correct area. -
Centering web page in Dreamweaver
for a web programming class
an extra credit challenge is to fix all found issues with some example web pages in dreamweaver
in the first example page the most obvious problem is that the page has oversized dimensions
which are 1680 x 1050
so the main issue that it creates is a problem with the horizontal centering
I'm looking for a coding/ script solution in dreamweaver that will automatically center the page when uploaded to the web
I've attempted several web tutorials and so forth but have yet to come across something that actually works for me
I am aware that this could be due to incorrect placement within the script
so I have decided to include the a basic version of the example script.
I appreciate any solutions that can be given...
Here is the sample script
<html>
<head>
<title>MockWeb_Example</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 (MockWeb_Example.psd) -->
<table id="Table_01" width="1680" height="1050" border="0" cellpadding="0" cellspacing="0">
<tr>
<td rowspan="2">
<img src="images/Mock_LeftGrade.gif" width="397" height="1050" alt=""></td>
<td>
<img src="images/Mock_Header.gif" width="912" height="524" alt=""></td>
<td rowspan="2">
<img src="images/Mock_RightGrade.gif" width="371" height="1050" alt=""></td>
</tr>
<tr>
<td>
<img src="images/Mock_Menu.gif" width="912" height="526" alt=""></td>
</tr>
</table>
<!-- End ImageReady Slices -->
</body>
</html>The people who have replied to you are well-informed, long-time contributors, in some cases experts in this field and they know exactly what you're asking. You want this user forum to hand you a solution to your homework assignment so you don't have to work it out on your own. So far you've done little to bolster sympathy from this group.
Start by running code through these on-line tools and fix the reported errors.
HTML Validator - http://validator.w3.org
CSS Validator - http://jigsaw.w3.org/css-validator/
If you don't know something, look it up .
HTML & CSS Tutorials - http://w3schools.com/
That's all folks,
Nancy O.
Alt-Web Design & Publishing
Web | Graphics | Print | Media Specialists
www.alt-web.com/
www.twitter.com/altweb
www.alt-web.com/blogspot.com -
What happened to ImageReady?
I used to use ImageReady to create rollovers for web sites.
ImageReady no longer exists in CS3.
Ive looked through the Video Workshops and the help files on
both Photoshop and Dreamweaver.
There is little or no mention of creating rollovers in
anything but Dreamweaver.
Is Fireworks (which is not included in the CS3 Designer
Suite) the only app that allows for rollover creation outside of
doing it manually in Dreamweaver?I wish Adobe had a price-break update package for contents of
Macromedia's
Studio MX:
Dreamweaver
Fireworks
Flash
And InDesign subbing for Freehand (which is developmentally
dead).
Why InDesign as a sub for Freehand rather than Illustrator?
I'm one of many
who used Freehand primarily for its desktop publishing
features rather than
vector drawing. Any graphics I needed could easily be done in
Fireworks and
imported.
DW, FW and Flash I use for web work. I really dislike having
to buy packages
that contain software I have no immediate or projected use
for. It's similar
to having to shell out for Apple's iLife suite when all you
really need or
want is an upgrade to iPhoto to organize your graphics. IDVD,
iMovie and
Gargeband...why should you have to pay for four programs when
you only need
one?
Adobe would be doing everyone a favor to allow more
flexibility in package
selection and pricing.
Charles Newbury
On 6/3/07 11:22 PM, in article
[email protected], "Jim
Babbage .:CMX:. & .:Adobe Community Expert:."
<[email protected]>
wrote:
> Adobe's Web Suite Premium comes with Photoshop,
Deamweaver, Fireworks,
> Contribute, Illustrator, Flash and Acrobat. The Design
Premium Suite
> replaces Fireworks and Contribute with InDesign.
>
> ImageReady is gone, but most of the useful features from
it have been
> incorporated into Photoshop. Fireworks gives you many
more creative
> options for web and screen related work that IR did.
It's much more than
> an image slicer.
>
>
> If you check the help files for PS, you'll see that
rollovers can still
> be made, but as Nadia said, use Dreamweaver to add the
code necessary
> for the rollover.
>
> HTH
>
> --
> Jim Babbage - .:Community MX:. & .:Adobe Community
Expert:.
> Extending Knowledge, Daily
>
http://www.communityMX.com/
> CommunityMX - Free Resources:
>
http://www.communitymx.com/free.cfm
> ---
> .:Adobe Community Expert for Fireworks:.
> news://forums.macromedia.com/macromedia.fireworks
> news://forums.macromedia.com/macromedia.dreamweaver -
From ImageReady to DWeaver - tables move when data entered
Guys I am taking my ps image and slicing it up in ImageReady.
I dont know HOW I am supposed to do this, so this may be
wrong.... BUT -- What I have to do -- is make a big blank WHITE
layer where my text will go when I open it in Dreamweaver.
This CAN work just fine, but inevitably...when I write my
wording in Dreamweaver the tables sometimes get a little skewed and
then I have a fouled up image.
CAN I PREVENT THIS OR IS THERE A BETTER WAY???
***I AM MAKING A WEB HOSTING SITE __ THIS IS NOT AN ATTEMPT
AT BUSINESS BUT TO SHOW YOU WHAT I MEAN ((The rates are for local
biz anyways)) BUT YOU CAN SEE WHAT I AM TALKING ABOUT HERE -
www.vnettech.com/example.html
Look in the bottom left hand corner and you will see how the
table is off a little bit down there. That's the kind of thing I am
talking about.
Any help would be greatly appreciated.
Todd.Just for an alternative, Google "Site Grinder" - it's one way
of dealing
with PS layouts.
Murray --- ICQ 71997575
Adobe Community Expert
(If you *MUST* email me, don't LAUGH when you do so!)
==================
http://www.dreamweavermx-templates.com
- Template Triage!
http://www.projectseven.com/go
- DW FAQs, Tutorials & Resources
http://www.dwfaq.com - DW FAQs,
Tutorials & Resources
http://www.macromedia.com/support/search/
- Macromedia (MM) Technotes
==================
"Mister Mustard" <[email protected]> wrote in message
news:[email protected]...
> On Sat, 14 Oct 2006 23:26:38 +0000 (UTC), "TVance.Net"
> <[email protected]> wrote:
>
>>Guys I am taking my ps image and slicing it up in
ImageReady.
>>
>> I dont know HOW I am supposed to do this, so this
may be wrong.... BUT --
>> What
>>I have to do -- is make a big blank WHITE layer where
my text will go when
>>I
>>open it in Dreamweaver.
>>
>> This CAN work just fine, but inevitably...when I
write my wording in
>>Dreamweaver the tables sometimes get a little skewed
and then I have a
>>fouled
>>up image.
>>
>> CAN I PREVENT THIS OR IS THERE A BETTER WAY???
>>
>> ***I AM MAKING A WEB HOSTING SITE __ THIS IS NOT AN
ATTEMPT AT BUSINESS
>> BUT TO
>>SHOW YOU WHAT I MEAN ((The rates are for local biz
anyways)) BUT YOU CAN
>>SEE
>>WHAT I AM TALKING ABOUT HERE -
www.vnettech.com/example.html ***
>>
>> Look in the bottom left hand corner and you will see
how the table is off
>> a
>>little bit down there. That's the kind of thing I am
talking about.
>>
>> Any help would be greatly appreciated.
>> Todd.
>
> This is a greatly simplifed statement, but for the sake
of this
> thread, there are basically two ways to build a web
page: The right
> way using text and the wrong way using all images. Since
you are
> opting for the latter, you may as well forget the slices
and just make
> the page one big image. If you want to try a better
approach, read
> Michael's first post and then start over. To do so, I
would do this:
>
> 1) Start by putting the logo and all your text on the
page.
>
> 2) Add the computer and people images, but no text as
images.
>
> 3) Using CSS, see how nice you can make the page without
adding more
> images.
>
> 4) Add text as images where you really need to control
appearance, but
> try to keep it to a minimum.
Maybe you are looking for
-
Urgent please- need help to retreive all values within a range
Hi, I need to retreive all the values(ID) within a range no matter if it is available in the database or not. I just need this in a sql query not a stored proc. for ex: select id, name, age from employee where id between (1 and 10) It returns id name
-
Need help with Set Text behavior
In Dreamweaver CS3/Mac, I am creating a disjointed rollover that is initiated by rolling over an image. I need it to swap two images and hopefully set text in two divs. I want this to happen on rollover and not on click. I don't want it to restore on
-
Adding an Apostrophe to a field
I need to add an apostrophe to a field to display in a query. I have a ClientName field and a static value "Order" that I need to concatenate together. For example, if the ClientName is Ben Johnson, I need it to display as "Ben Johnson's Order". I've
-
How to export the same mb size of my cr2 files into jpg or tiff files in Lr?
How to export the same mb size of my cr2 files into jpg or tiff files in Lr? Let's say my file size is 22mb, when i export the file to tiff or jpg, although Iam careful with the settings- file size, dimension, resolution, I can't manioukate how I wan
-
My iPod Classic (the older version) will only start up, what to do?
My iPod Classic (older version) will only start up but as soon as it starts up it turns itself off again and it makes quite a loud clicking sound when it turns itself off, I have had it plugged in for quite a while and in the first 30 minutes of havi