New to Dreamweaver.. Linking pages causes "shift" in layout"

Hi, I'm very new to Dreamweaver(this is my first project).. I've picked up a lot from tutvid.com tutorials, however one thing elludes me.
I'm trying to link my homepage buttons to the correct page within the site(ex- "info" button to "info" page).
The buttons are slices imported from Photoshop(I designed the entire layout in Photoshop and imported it as html and images.) To link everything, I select the button, and down in the properties bar I drag the "Link" arrow to the corresponding .html file. After linking the two, the layout in Dreamweaver shifts slightly allowing small, white gaps to pop up all around the button and to the right of my page. These problems are also seen while previewing in IE and Firefox. There is also a blue box around the button in the preview(but not in Dreamweaver).
How can I fix this? Any tips & advice are very much appreciated!
(I'm running on Windows Vista and Adobe CS4.)

Graphics apps generate code that is too rigid to work with. You'll get much better results if you use Photoshop for Images Only. Use DW to build your HTML and CSS code.
Recommended tutorials by people who know what they're talking about:
Taking a Fireworks (or Photoshop) comp to a CSS based layout in DW
Part 1 --
http://www.adobe.com/devnet/fireworks/articles/web_standards_layouts_pt1.html
Part 2 --
http://www.adobe.com/devnet/fireworks/articles/web_standards_layouts_pt2.html
Creating your first web site in DW CS4 -
http://www.adobe.com/devnet/dreamweaver/articles/first_cs4_website_pt1.html
Nancy O.
Alt-Web Design & Publishing
Web | Graphics | Print | Media Specialists
http://alt-web.com/
http://twitter.com/altweb
http://alt-web.blogspot.com

Similar Messages

Browser Compatibility Error in DW CS5 assets link Please help New to Dreamweaver

Please can anyone help? Using DW CS5 -.Using Spry Menu Bar 2.0 - have it all formatted - ran Browser Compatibility -Shows my Spry link reference has error. Here is the code
<script src="SpryAssets/SpryMenuBar.js" type="text/javascript"></script>
       <link href="SpryAssets/SpryMenuBarHorizontal.css" rel="stylesheet" type="text/css">
       <style type="text/css">
       body {
Error is underlined at: <link href="SpryAssets/SpryMenuBarHorizontal.css"
It is located in the page head just below the banner
I am new to dreamweaver..I do not know how to fix this code..
Running Win XP. Thank you in advance for any help you can provide.

In case you need it the link to this page is:
http://www.bountifulspinweave.com/aboutus.htm
It is spry menubar 2.0

When i click on a link on a website it opens a new non working white page on (MAC) when i know the link works

when i click on a link on a website it opens a new non working white page on (MAC) when i know the link works

It sounds like your computer may be infected with some sort of a virus / Malware.
I suggest the following resources:
[[Is my Firefox problem a result of malware |Is my Firefox problem a Result of Malware]] is a Mozilla Support article with some good tips on avoiding and fighting malware.
To double check your system is clean, do the following (Not official Mozilla advice, just good practice from personal experience)
Download and Install MalwareBytes Anti-Malware, run a full Scan. [http://www.malwarebytes.org/ http://www.malwarebytes.org/]
Download and Run TDSSKiller [http://support.kaspersky.com/faq/?qid=208283363 http://support.kaspersky.com/faq/?qid=208283363]
Download and Install Microsoft Security Essentials [http://windows.microsoft.com/en-US/windows/products/security-essentials http://windows.microsoft.com/en-US/windows/products/security-essentials] (not an official endorsement, but I personally recommend MSE as an awesome permanent anti-virus)
Double check for all Windows Updates.
Also, I noticed you have the coupon printer installed. I would go to Start, Control Panel, then programs and features and uninstall the coupon Printer from inside there. It can cause some problems with Firefox.
If you are still having problems with Malware after that, I would recommend either [http://www.bleepingcomputer.com/virus-removal/ http://www.bleepingcomputer.com/virus-removal/], or having your computer cleaned by a professional.

Just new to Dreamweaver cs5 / Deleting a recent Item / Resetting home page

Hello
I am new to dreamweaver cs5. Just purchased the software and teaching myself the basics. I have created several recent projects and would I like to clean up, delete them and start all over again. Also have lost dreamweavers home page and don't know how to reset it. If anyone can please help. Is there an easy way to go about this? Thank you Jon.

Hi,
To delete recent files in your file list try the following :
On Windows, it's a setting in the Windows registry:
HKEY_CURRENT_USER\Software\Adobe\Dreamweaver\Recent File List
Select each file, right-click and select Delete.
DW must be closed befoire doing this.
If you are unfamiliar with the Registry (be careful !!!!!!), you can access it by executing the following:
Start > Run > REGEDIT > OK
To show (or hide) the Welcome Screen, go to your preference, General Category and chock (or uncheck) the first one.
Hope this help !
Martin

How do I make dreamweaver links open on the same page?

Hi all,
I've created a site that has div tags for Header, navbar, main content, and footer. I am using a sprybar menu and I want the content of the hyperlink to display in the main content area. I know this was previously accomplished with frames and I could select the target as the main frame, but I hear that is bad practice or is becoming more obsolete with CSS. I have some intermediate knowledge with CSS. Does anyone know how I can accomplish this? I am using Dreamweaver 6

One page websites aren't really a good idea as far as search engine optimization goes. It's better to have multiple pages with the same design that your menu moves to when clicked.
That being said, you could do what you're talking about using javascript to change the display css of content <div> tags where, to start, there is a general info <div> and when one of the menu items is clicked, that <div> has its display property set to none, while another has it's display:none changed to display:block (so it appears). Each link would turn off all of the containers that aren't specific to the link itself, while turning on that one container that is.
I use a script like this normally...
<!doctype html>
<html lang="en-us">
<head>
<meta charset="utf-8">
<title>Quick, Little Show/Hide Script</title>
<style>
#one, #two {
    display:none;
</style>
<script type="text/javascript">
    function turnoff(id)
    {document.getElementById(id).style.display = 'none';}
    function turnon(id)
    {document.getElementById(id).style.display = 'block';}
</script>
</head>
<body>
<div id="one">some text</div>
<div id="two">some other text</div>
<div id="three">yet more text</div>
<a href="#" onclick="turnoff('two'); turnoff('three'); turnon('one');">One</a> | <a href="#" onclick="turnoff('one'); turnoff('three'); turnon('two');">Two</a> | <a href="#" onclick="turnoff('one'); turnoff('two'); turnon('three');">Three</a>
</body>
</html>
In the above example, divs one and two are turned off by default in the css. Div three shows when the page is loaded. The javascript tells a chosen id to change its display css to block or none depending on the function called in the onclick of a link. The link for "One" uses turnon('one') and turnoff('two') and turnoff('three') so, when it's clicked, two and three are set to display:none and one is set to display:block no matter what they were at to begin with.

New to Dreamweaver and need help with fomatting font

Hi, I am new to dreamweaver and have been playing with it for a few weeks. I have Dreamweaver CS5.5 and I am making some detailed html templates for my ebay listings. I have created my tables, graphics, and colors but I am having trouble with my font formatting. Everything is looking really good, but there are a few sentences and even just a few phrases that I want to underline but when I add a text decloration and underline, it just underlines the whole area of sentenses not the specific one that I highlited. I know how to create a h1, h2, h3 etc code and add underline to it, but I don't want to have to format a h1 or h2 tag everything I want to format a little line. The reason I have been doing this is because It really is one of the only ways I have been able to figure out how to underline something. I watched some tutorials which is how I learned this. I figured out in the properties Panel on bottom of page to click on the CSS rule to create certain codes and such, but I am not sure how to do this. I tried one thing which was where it says target rule, I clicked new CSS Rule and then in then in the CSS Styles Panel on right side of screen I selected add property which I was then able to do a text decloration and underline, but it underlines many more sentenses than I am wanting or have selected. Please help so I am able to specifically choose how to underline just a word or two, and even to have just a word or two specifiaclly be a certain font, size or color. I am able to find ways to make this work on words as a whole, but not individual words or phrases.
Thanks for any help its really appreciated!
Rylan

Bear in mind that an underlined word or phrase on the web means a clickable link to most people.
So, if you want to draw attention to something on screen, use anything (font size, color etc) except for an underline.
text-decoration: underline; is only used in CSS for styling clickable links. Not for regular text.
One option is to use the HTML <span> tag combined with CSS.
CSS
.important {
font-size: 14px;
color: red;
<p>This sentence contains a really <span class="important">important</span> word</p>

Add photo gallery to Dreamweaver created pages

Hi. Please accept my apology in advance if there has already
been a forum on this subject.
I am very new to Dreamweaver and trying to not mess things
ups too badly. I am trying to maintain a website for a local
non-profit and I don't want to have to buy Fireworks in order to
create photo gallerys of our fund raising events. I can easily
create a gallery in my Adobe Photoshop program but can't figure out
how to link it to my events web page. Can someone help me do this
in easily understood non-techie terms please? >^..^<
Thanks! Joan

Could you use something like Google's Picasa?
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
==================
"Joan in MA" <[email protected]> wrote in
message
news:f95h9m$6gf$[email protected]..
> Hi. Please accept my apology in advance if there has
already been a forum
> on
> this subject.
>
> I am very new to Dreamweaver and trying to not mess
things ups too badly.
> I
> am trying to maintain a website for a local non-profit
and I don't want to
> have
> to buy Fireworks in order to create photo gallerys of
our fund raising
> events.
> I can easily create a gallery in my Adobe Photoshop
program but can't
> figure
> out how to link it to my events web page. Can someone
help me do this in
> easily understood non-techie terms please? >^..^<
>
> Thanks! Joan
>

Help, content falling out - i'm new to Dreamweaver

Please help me, i am new to Dreamweaver so any replies,
please keep it easy to follow. I'm working on a single HTPL page. I
have a layout table and layout cells within it. These cells are a
mixture of text boxes, one picture and some spacer boxes. It all
looks great in the Dreamweaver 8 preview, however when I hit the
Internet Explorer preview some of the text and the image bleed out
to the right. What can I do? It looks wicked in
Dreamweaver!!??!!

Post a link to the page, please.
Also, just so you'll know, Layout tables are generally
regarded as bad mojo
for beginners to HTML. Although they are marketed as a way to
avoid the
anguish of learning HTML, they create much more anguish for
the unsuspecting
user by being fragile to the point of utter frustration....
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
==================
"zippigo" <[email protected]> wrote in
message
news:erv0bk$i19$[email protected]..
> Please help me, i am new to Dreamweaver so any replies,
please keep it
> easy to
> follow. I'm working on a single HTPL page. I have a
layout table and
> layout
> cells within it. These cells are a mixture of text
boxes, one picture and
> some
> spacer boxes. It all looks great in the Dreamweaver 8
preview, however
> when I
> hit the Internet Explorer preview some of the text and
the image bleed out
> to
> the right. What can I do? It looks wicked in
Dreamweaver!!??!!
>

Spry Menu and website differ on linked pages

Two pages on my website (www.SimplyGreen.biz) are pointing to an incorrect page on my Spry Menu Bar. When I look at the Spry Menu Bar set up - it is correct and when I look at the code behind that menu bar - it is pointing to the correct page also. When I preview the page in browser, it comes up correct. When I go to my website, the index page comes up correctly, but when you point or hover over the first menu item (Corporate Solutions on the far left) it opens the Driving Positive Solutions page instead of the index page it's supposed to. The Spry menu is correctly pointing to the correct files. I have manually taken the spry menus off the remote site and reloaded the new local site file........ and it still won't change it. It must be saved somewhere else & I can't figure out where else to look.
The same situation (wrong page opening up) happens under the Sustainable Solutions menu item (4th menu item) which is bringing up the Value of Partnerships page instead of it's own page (that shows up correctly also in the Spry Menu Bar and its deign code.
It's driving me crazy! I have reloaded the entire site, the dependent files, removed the template and reloaded it onto remote site, changed to another page and then back to force it over, etc. I can't figure out where the wrong linked page info is coming from and why only those two pages bring up a different page than they are supposed to.

Is it possible that your problem is caused by a web cache bringing up the wrong information? Clear history in your browser, or test on another machine to see if this is the problem.

How to make a link page come up in seperate window

Am not sure how to make a link page to anther site for
insatance come up in seperate window so that they do not navigate
away from my site.Thanks Tony

Select the item you want to use as a link. In the property
inspector, type
in the full path to the website you want to link to and set
the Target to
_blank.
Nadia
Adobe� Community Expert : Dreamweaver
http://www.csstemplates.com.au
- CSS Templates | Free Templates
http://www.perrelink.com.au
- Web Dev
http://www.DreamweaverResources.com
- Dropdown Menu Templates|Tutorials
http://www.adobe.com/devnet/dreamweaver/css.html
"chesterarebest" <[email protected]> wrote
in message
news:e88357$ifp$[email protected]..
> Am not sure how to make a link page to anther site for
insatance come up
> in seperate window so that they do not navigate away
from my site.Thanks
> Tony

Navigation bar opens new tabs for links on the same site - only newer versions of FireFox does this! Why?

I've used this custom navigation bar for nearly a decade. New versions of FireFox open new tabs when I navigate to different pages on my weather site. Very annoying!!! I've tried turning off tabs, but then it opens NEW WINDOWS! These links ARE NOT ENCODED TO OPEN IN NEW WINDOWS! What is causing this? Looks like I"m going to have to switch to Chrome or go back to IE, since nobody at Mozilla seems to care about this. They seem to think it is a good feature and not a bug. What gave you the right to decide to open new tabs at random times? If I click a link on a site that is on the same site I'm already on, and the link isn't coded for _blank, then it should open in the same window!

Start Firefox in <u>[[Safe Mode]]</u> to check if one of the extensions or if hardware acceleration is causing the problem (switch to the DEFAULT theme: Firefox (Tools) > Add-ons > Appearance/Themes).
*Don't make any changes on the Safe mode start window.
*https://support.mozilla.com/kb/Safe+Mode

Ex frontpage user new to dreamweaver help!

hello all,
I am very new to dreamweaver MX and have only ever used
frontpage 2000. I just dont know where to start and was hoping for
some quick advice.
In frontpage you could see the navigation pages so you just
click on one or create a new page. It was very user friendly. I am
creating a very basic page so my first question is how do i create
a website? title it "my acting website" and start with an index
page with a template/title that will go on every page i create.
Do you recommend any tutorials? if there are any for creating
a basic website?

Have you looked at the Dreamweaver help files themselves ? F1
and do a
search for ' Templates'
You need to create a basic dreamweaver template, with all the
elements that
will be on every page and declare an editable (an area that
changes on every
page - eg: content area) . You then would create 'children'
pages from
this template.
A basic knowledge of html and css would be advantageous to
you also :)
You may also want to check out the css tutorials at the Adobe
site - (last
link in my sig)...
Nadia
Adobe® Community Expert : Dreamweaver
CSS Templates |Tutorials |SEO Articles
http://www.DreamweaverResources.com
~ Customisation Service Available ~
http://www.csstemplates.com.au
~ Forum Posting Guidelines ~
http://www.adobe.com/support/forums/guidelines.html
CSS Tutorials for Dreamweaver:
http://www.adobe.com/devnet/dreamweaver/css.html
"waddsy" <[email protected]> wrote in
message
news:evv669$ps1$[email protected]..
> hello all,
> I am very new to dreamweaver MX and have only ever used
frontpage 2000. I
> just
> dont know where to start and was hoping for some quick
advice.
>
> In frontpage you could see the navigation pages so you
just click on one
> or
> create a new page. It was very user friendly. I am
creating a very basic
> page
> so my first question is how do i create a website? title
it "my acting
> website"
> and start with an index page with a template/title that
will go on every
> page i
> create.
>
> Do you recommend any tutorials? if there are any for
creating a basic
> website?
>

How to create a Links page

I am a new user of DW-8-on a Mac.
I am working on my site:
http://www.naturephotostudio.com
I want to make a Links page that will allow me to add links
to other sites - and maybe have it update automatically. My hope is
to increase my visibility.
So far, I added Links in a table - but that is clumbsy to
use.
Any suggestions (or criticisms - I have a lot to learn
here.)?

Thanks for all the comments and hints. I am a newbie and I am
still way down on the learning curve.
My problem with my current "Links" page is that I set it up
as a table - with 10 rows. I can see having more than 10 links
soon. So, I will try to make it a list - inside a single table -
maybe with "bullets." I really do not need the update to the links
feature - I will just test them from time to time (and I don't know
why I asked for that feature now).
As to:
>"There's something wonky about the way you've implemented
the Just So Picture Windows on your Gallery pages causing the
windows to open "full screen" regardless of the users browser
size."
Is that a problem?? That is what I wanted to happen. I have 3
days experience with Just So Picture - and so far I love it! The
best $12 I ever spent! I wanted a plain black screen with my image
centered - and a way to close it. It took about 10 minutes to
figure out (after learning to hit the little "a."
I will read all of the comments and find some time to make
adjustments to the pages.
Yes, white is what I want for page color. Do I need to enter
a code for white somewhere?
And - I recognized the problem of having some text
highlighted in red - although it is not a link (links are blue).
How else can I call attention to some key words (think yellow
highlighter and a textbook)? People do not have (or give) much time
to reading a page - so I want them to see quickly the 3 or 4 main
features -in context, not as a list. Red works for me, but maybe
the viewer gets frustrated after trying to "click on it?" The whole
page is already bold –so that will not work.
And - my legal name has an umlaut on my "o" - but no American
keyboard knows how to type it -and search engines just ignore it. I
keep it in the banner as a GIF (in respect to my grandfather) - but
I use a plain "o" to make things work in the USA. The text in the
banner is ignored (maybe by everyone?)
Hint: (On a Mac - hold down option and type "u" -the next
letter you type will get an umlaut) as in ö - Let's see how
that comes across here. Thanks to all.
Dick
http://www.naturephotostudio.com

New to dreamweaver 8

Hi guys I am new to dreamweaver and working on my church
website. I have read over and over and still can not get my links
connected from home page to the other pages. Any suggestion on how
to do this?
Champagne

Select the link you want in Dreamweaver. Click in the Link
field of the
Property Inspector and navigate to the page you want to link
to. When you
click OK, the link will be visible in the Property Inspector
link field.
Save the page and upload.
Nancy Gill
Adobe Community Expert
BLOG:
http://www.dmxwishes.com/blog.asp
Author: Dreamweaver 8 e-book for the DMX Zone
Co-Author: Dreamweaver MX: Instant Troubleshooter (August,
2003)
Technical Editor: DMX 2004: The Complete Reference, DMX 2004:
A Beginner's
Guide, Mastering Macromedia Contribute
Technical Reviewer: Dynamic Dreamweaver MX/DMX: Advanced PHP
Web Development
"champagnesecrets" <[email protected]> wrote
in message
news:e7ahgq$7pf$[email protected]..
> Hi guys I am new to dreamweaver and working on my church
website. I have
> read
> over and over and still can not get my links connected
from home page to
> the
> other pages. Any suggestion on how to do this?
>
> Champagne
>
>
>

Dreamweaver Duplicate Pages

I'm new to Dreamweaver and have successfully posted my
webpage, however, when I click a link to another page on my site,
it creates a new page showing the link. When I click "return to
home page", it creates another new (duplicate) window with the home
page showing. Is there a way to avoid getting these duplicate
windows when I click my links? (Perhaps a setting when I set up my
original HTTP page in Dreamweaver?)
Thanks
[email protected]

Make sure your not using the Target attribute on your links.
ie;
target="_blank". This is usually set in the Property
Inspector where you
browse to your link. If the Target field has a target set,
remove it.
Regards,
..Trent Pastrana
www.fourlevel.com
"Creative Roundup" <[email protected]> wrote
in message
news:epm5mf$5ov$[email protected]..
> I'm new to Dreamweaver and have successfully posted my
webpage, however,
> when I
> click a link to another page on my site, it creates a
new page showing the
> link. When I click "return to home page", it creates
another new
> (duplicate)
> window with the home page showing. Is there a way to
avoid getting these
> duplicate windows when I click my links? (Perhaps a
setting when I set up
> my
> original HTTP page in Dreamweaver?)
>
> Thanks
> [email protected]
>

New to Dreamweaver.. Linking pages causes "shift" in layout"

Similar Messages

Maybe you are looking for