CS3 author 'preview in browser'
My company recently upgrade all authors to Contribute CS3,
from Contribute 3. In the previous version I, as system admin, gave
everyone a new ccmenus.xml file that allowed authors (i.e. roles
without Publishing permissions) to use F12 to 'Preview in browser'.
However, now that we have CS3 (i.e. v4.1), this no longer works.
I need my authors to be able to preview their work BEFORE
they send for review, especially as the templates I created for
them to use rely heavily on scripted sections, meaning that what
they see in 'edit mode' is nothing like the end result once
published.
How can I re-enable the F12 functionality for authors?
I found the ccmenus.xml file in C:\Program Files\Adobe\Adobe
Contribute CS3\Configuration\Menus\.
This is the xml:
<menuitem name="P_review in Browser" platform="win"
key="F12" enabled="dw.getDocumentDOM() &&
dw.doesWorkflowAllowPublish() &&
CCWorkspaceManager.getManager(dw.getDocumentDOM()) &&
CCWorkspaceManager.getManager(dw.getDocumentDOM()).canProcessEvent('browserPreview')"
command="CCWorkspaceManager.getManager(dw.getDocumentDOM()).processEvent('browserPreview' )"
id="DWMenu_File_BrowserPreview"/>
Maybe you can change this to:
<menuitem name="P_review in Browser" platform="win"
key="F12" enabled="dw.getDocumentDOM() &&
CCWorkspaceManager.getManager(dw.getDocumentDOM()) &&
CCWorkspaceManager.getManager(dw.getDocumentDOM()).canProcessEvent('browserPreview')"
command="CCWorkspaceManager.getManager(dw.getDocumentDOM()).processEvent('browserPreview' )"
id="DWMenu_File_BrowserPreview"/>
I tested this as a writer and I can preview the page in the
browser pressing F12 or going to File, Preview in browser.
Similar Messages
-
DW CS3 Preview in Browser file on Network
I'm working on a file stored on a Network Volume on a Mac
(using DW CS3)
When I Preview in Browser I get this error in the Browser
window:
"File not found
Firefox can't find the file at /Mac Mini
HD/Users/pat/Sites/CT/index.html."
I get the same error more or less in Safari.
The correct path should be Volumes/pat/Sites/CT/index.html.
Any ideas how to fix this?
Thanks, PatPlease go to SITES | Manage Sites..., select the site name,
and click on
Edit. Click on the Advanced tab at the top. Tell me the
following -
Under LOCAL INFO
The contents of "Local root folder:"
The contents of "Http:"
Under TESTING SERVER
The contents of "Server model:"
The contents of "Access:"
The contents of "Testing server folder:"
The contents of "URL prefix:"
(You may not see these last 3 items if you have "None" in the
first)
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
==================
"Pat Gilmour" <[email protected]> wrote in
message
news:f1dqmk$1g1$[email protected]..
> I'm working on a file stored on a Network Volume on a
Mac (using DW CS3)
>
> When I Preview in Browser I get this error in the
Browser window:
>
> "File not found
> Firefox can't find the file at /Mac Mini
> HD/Users/pat/Sites/CT/index.html."
>
> I get the same error more or less in Safari.
>
> The correct path should be
Volumes/pat/Sites/CT/index.html.
>
> Any ideas how to fix this?
>
> Thanks, Pat
> -
DW/CS3 Preview in browser puts the file, not previews it.
DW/CS3 When I preview in browser DW puts the file to the ftp remote server. It will not preview the local file in my primary or secondary browser.
It was ok in Win XP but I now have Win7 64.Is this when you go up to File > Save or when you hit Ctrl + S?
If it only happens with the keyboard shortcut, maybe your mapping for "Save to Remote Server" has been messed up.
Go to Edit > Keyboard Shortcuts
Click the + by File
Is Ctrl + S on Save to Remote Server? -
F12 - Preview in browser - has is gone is CS3?
Hi
took the plunge and upgrades to cs3 from studio - so far so
good - a few
long hangs, no shortcuts on the desktop when its installed
and blimey it
tooks hours to install....
anyway back to my point - hit f12 to preview in browser and
nothing happens
as it used to open a preview of the png in your prefered
browsers.
i have check the prefrences and the help docs but i cant find
any mention of
it - has it gone in CS3?
as ever
keen to learn..Hi JoeyD1978 and Howard
thanks for the info, it could be a keyboard issue as you
suggested as i am
working froma laptop docking keyboard (Logitech Alto)
thanks for your help
as ever
keen to learn..
"Howard Heflin" <[email protected]>
wrote in message
news:f323la$8s6$[email protected]..
> Keen to Learn wrote:
>> Hi
>>
>> took the plunge and upgrades to cs3 from studio - so
far so good - a few
>> long hangs, no shortcuts on the desktop when its
installed and blimey it
>> tooks hours to install....
>>
>> anyway back to my point - hit f12 to preview in
browser and nothing
>> happens as it used to open a preview of the png in
your prefered
>> browsers.
>>
>> i have check the prefrences and the help docs but i
cant find any mention
>> of it - has it gone in CS3?
>>
>> as ever
>> keen to learn..
>
> Keen,
> I ran into a similar problem when I installed a new
keyboard and found
> that I had unset the F Key Lock button.
>
> Just a thought. ;-)
> Howard -
Preview In Browser Not Working With Safari 3.0 On Mac
When using the "Preview in Browser" command from DW CS3, the
file address information is incorrect when previewed in Safari 3.0.
I don't recall this being a problem before I updated my Mac to
Tiger. Anyone else had any problems with this?
Thanks,
cloud9indusrtiesIf the address information is incorrect you should double
check your paths. Also, consider using the computer's IP address if
you can as opposed to the localhost address. All you would need to
make that work is to just turn on Web Sharing in the preferences
(this turns on Apache web server). I have found this to be a much
more reliable method on the Mac.
Also, please make sure, if you have not already done so, that
Safari is the latest version (meaning the final release and not the
beta), because there were issues with the beta that I had. -
I am trying to create a web gallery in CS6. I have done this before in Photoshop with CS3, but now that it has changed to bridge it doesn't seem to work for me. There is no preview option within Bridge which is a bit frustrating, but I at least have the "preview in browser" options. Except, when I hit "preview in browser", my browser opens but it just opens to the current window open - I am not getting a preview at all. The only way I can seem to preview is to save the file, then open it in the browser - but this way I cannot play with the various settings and I am finding it very frustrating.
There should be a way in Bridge to change the default browser. Perhaps my browser settings are not allowing it to open, however, I cannot find an option to switch it open in another browser... also very frustrating.
This extremely simple web gallery creator, which I have used easily in CS3, seems to be less user friendly in Bridge.
Any ideas on how to change browsers or fix the browser I am currently using to use the "preview in browser" button?I am trying to create a web gallery in CS6. I have done this before in Photoshop with CS3, but now that it has changed to bridge it doesn't seem to work for me. There is no preview option within Bridge which is a bit frustrating, but I at least have the "preview in browser" options. Except, when I hit "preview in browser", my browser opens but it just opens to the current window open - I am not getting a preview at all. The only way I can seem to preview is to save the file, then open it in the browser - but this way I cannot play with the various settings and I am finding it very frustrating.
There should be a way in Bridge to change the default browser. Perhaps my browser settings are not allowing it to open, however, I cannot find an option to switch it open in another browser... also very frustrating.
This extremely simple web gallery creator, which I have used easily in CS3, seems to be less user friendly in Bridge.
Any ideas on how to change browsers or fix the browser I am currently using to use the "preview in browser" button? -
Preview In Browser defaults to Print Dialog Window??
Hi!
I am using DW CS3 and every now and then, when I press F12
instead of my site being previewed in the browser, it opens the
print window. I have checked my Preview in Browser settings and
they are correct.
I use F12 for Opera and Ctrl+F12 for IE7 ....
Is there a way to fix this problem?? The last time this
happened it righted itself after rebooting my computer, but this
time it didn't and I have rebooted twice as well as deleted the
settings for both browsers and set them up again.
Please help!Sounds like a computer issue to me. I've never seen that
reported here
before....
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
==================
"jarodsafehouse71" <[email protected]> wrote
in message
news:gl22m8$6im$[email protected]..
> Hi!
>
> I am using DW CS3 and every now and then, when I press
F12 instead of my
> site
> being previewed in the browser, it opens the print
window. I have checked
> my
> Preview in Browser settings and they are correct.
>
> I use F12 for Opera and Ctrl+F12 for IE7 ....
>
> Is there a way to fix this problem?? The last time this
happened it
> righted
> itself after rebooting my computer, but this time it
didn't and I have
> rebooted
> twice as well as deleted the settings for both browsers
and set them up
> again.
>
> Please help!
> -
So I hope this isn't something incredibly simple that I'm overlooking, but...
I recently upgraded to CS4 fro CS3 (on a Mac). I have an XSL file to transform some XML for use in InDesign. In CS3, I could open the XSL file, specify the XML file in the bindings panel, then preview in browser to get the transformed XML. So I opened CS4 and followed the same steps, but when I ask Dreamweaver to preview in browser, nothing happens. I've specified Firefox as my primary browser and Safari as secondary, but neither does anything. What am I missing here?
Thanks!
Andrea Swingley
Graphic Designer
University of Alaska FairbanksAre you using your local computer to test the XSLT document? If so, do you have a web server running with PHP on your local server? DW uses server side scripting to display the XSLT document so if you cannot execute PHP nothing will show up.
-
Preview in Browser - IE not working
Whenever I click on preview in browser - IE, it doesn't work.
I've tried pasting the link into IE, but it gives me the prompt to
open/save/cancel. When I click open, it goes back to DW window.
This is the only browser I am having difficulty with.
I have only had the program loaded since Saturday and it
worked sporadically then, but now, nothing.
I haven't had any IE updates or window updates.
Regards.Is this an HTML file? Or something else?
Nancy Gill
Adobe Community Expert
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
"VirtualKelly" <[email protected]> wrote in
message
news:f2b42f$m2l$[email protected]..
> Whenever I click on preview in browser - IE, it doesn't
work. I've tried
> pasting the link into IE, but it gives me the prompt to
open/save/cancel.
> When
> I click open, it goes back to DW window. This is the
only browser I am
> having
> difficulty with.
>
> I have only had the program loaded since Saturday and it
worked
> sporadically
> then, but now, nothing.
>
> I haven't had any IE updates or window updates.
>
> Regards.
> -
SSI (Server Side Includes) - Can't see when using "Preview in Browser"
Hi,
Using Dreamweaver CS3
I can see all my includes in Design View, but not when I "Preview in Browser"... Any way to see them also when I preview in browser?
Best regards
CBThat worked very well, thank you so much~~
-
Add IE7 to Preview in Browser on Mac?
Can I add IE7 as one of my "Preview in Browser" options if I
am using Dreamweaver CS3 on a Mac? If so, where can I find the
.app?I think the last version of IE for Mac was IE5. Unless you
can run Windows on your Mac, you'll need to preview IE7 on a
PC. -
Preview in browser IE7 - It asks to open or save file..why?
Whenever I use the preview in browser option with Dreamweaver
CS3 and Vista's IE7 as default I get an open or save file prompt.
How do I stop this from occuring so that my webpage will
display within IE7 and I don't get this prompt each time?
Many thanks for your help.Wouldn't matter in this case. There is something wrong at the
system level
for the browser not to recognize the file's extension.
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
==================
"Michael" <[email protected]> wrote in message
news:g0gaqd$qln$[email protected]..
> Try Edit>>Preferences>>Preview in
Browser>>Check Preview using temporary
> file
>
> Michael
>
>
> "Spa8nky" <[email protected]> wrote in
message
> news:g0fl6o$681$[email protected]..
>> Whenever I use the preview in browser option with
Dreamweaver CS3 and
>> Vista's
>> IE7 as default I get an open or save file prompt.
>>
>> How do I stop this from occuring so that my webpage
will display within
>> IE7
>> and I don't get this prompt each time?
>>
>> Many thanks for your help.
>>
> -
If someone could help me on this one, this would be great. I am creating a web site that has several departments. I have categorized and saved each department in a main folder called "departments" and a subfolder for each one. In the Dreamweaver code view the pop-up menu links seem to show up properly, but when I preview in browser or upload to server "page not found" comes up because for some reason the address changes. Some parts of the address seem to be appearing twice, sometimes the entire path will appear twice as shown below:
http://www.graphicmechanic.com/DEKALBCOUNTY/departments/parks-and-recreation/departments/p arks-and-recreation/pr-arabiamtn-map.html
that is incorrect and it takes me to "web page cannot be found".
It is obviously repeating the folders (hence the "departments/parks-and-recreation" twice. The correct link is:
http://www.graphicmechanic.com/DEKALBCOUNTY/departments/parks-and-recreation/pr-arabiamtn- map.html
The link issues are happening in the pop-up menu. For example if you go to http://www.graphicmechanic.com/DEKALBCOUNTY/departments/parks-and-recreation/pr-arabiamtn. html and rollover the link called "Arabia Mountain" in the links to the left side of the page, then click the pop-up menu link entitled "Arabia Mountain Map" that's where the problem occurs.
Can anyone tell me how I can fix this problem. I don't know what I should do with the code since it already appears correct in html view.
Please help if you can...
Thanks in advance for any possible help you can provide...XonoBoom wrote:
It is obviously repeating the folders (hence the "departments/parks-and-recreation" twice. The correct link is:
http://www.graphicmechanic.com/DEKALBCOUNTY/departments/parks-and-recreation/pr- arabiamtn-map.html
The link issues are happening in the pop-up menu.
This problem usually happens when the menu is either a server-side include or a library item using links relative to the document. When you reference a page at a different level of the folder hierarchy, the document-relative links no longer point to the correct destination.
Change the links in the menu to be relative to the site root.
A document-relative link usually looks like this:
<a href="../products/index.html">Products</a>
A link relative to the site root begins with a forward slash like this:
<a href="/products/index.html">Products</a> -
Preview in Browser and Adobe Browser Lab show website differently? Please help
Hi...working on my first website and I have a question about the differences in viewing the site through
choosing file...preview in browser....
from within Dreamweaver, and using the Adobe Browser Lab to view the website.
There seems to be a very significant difference between the two. When I preview firefox from within dreamweaver, my site is just how I want it.
When I go to browser lab, it is...well... a disaster.
I'm attaching screenshots of the two as well as my code, so it can show how different they are. Here is a screenshot of the website as it looks when I use the preview in browser function from within dreamweaver to view it in firefox. This is how I'd like it to look.
And here is a screenshot of what it looks like when I preview it in Adobe Browser Lab in Firefox.
The quote is underneath the logo, the left div text is flowing over the center div, the nav bar graphics are too narrow, the photo is hanging outside the div it should be contained in. Not what I want.
Does anyone have any insight into how I would fix this or which version is correct?
I'm stumped. This is my first website: shouldn't these two things be similar? And which one is correct?
and here is my code:
<!DOCTYPE HTML>
<html>
<head>
<meta charset="UTF-8">
<title>Your Career Direction Career and College Counseling</title>
<style type="text/css">
<!--
@font-face {
font-family: 'museo_sans_500regular';
src: url('museosans-500-webfont.eot');
src: url('museosans-500-webfont.eot?#iefix') format('embedded-opentype'),
url('museosans-500-webfont.woff') format('woff'),
url('museosans-500-webfont.ttf') format('truetype'),
url('museosans-500-webfont.svg#museo_sans_500regular') format('svg');
font-weight: normal;
font-style: normal;
@font-face {
font-family: 'museo_sans_500italic';
src: url('museosans-500italic-webfont.eot');
src: url('museosans-500italic-webfont.eot?#iefix') format('embedded-opentype'),
url('museosans-500italic-webfont.woff') format('woff'),
url('museosans-500italic-webfont.ttf') format('truetype'),
url('museosans-500italic-webfont.svg#museo_sans_500italic') format('svg');
font-weight: normal;
font-style: normal;
@font-face {
font-family: 'binary_itcregular';
src: url('binaritcbol-webfont.eot');
src: url('binaritcbol-webfont.eot?#iefix') format('embedded-opentype'),
url('binaritcbol-webfont.woff') format('woff'),
url('binaritcbol-webfont.ttf') format('truetype'),
url('binaritcbol-webfont.svg#binary_itcregular') format('svg');
font-weight: normal;
font-style: normal;
}body {
margin: 0;
padding: 0;
color: #000;
font-size: 100%;
line-height: 1.4;
background-image: url(images/background.gif);
background-repeat: repeat;
/* ~~ Element/tag selectors ~~ */
ul, ol, dl { /* Due to variations between browsers, it's best practices to zero padding and margin on lists. For consistency, you can either specify the amounts you want here, or on the list items (LI, DT, DD) they contain. Remember that what you do here will cascade to the .nav list unless you write a more specific selector. */
padding: 0;
margin: 0;
h1, h2, h3, h4, h5, h6, p {
margin-top: 0; /* removing the top margin gets around an issue where margins can escape from their containing div. The remaining bottom margin will hold it away from any elements that follow. */
padding-right: 15px;
padding-left: 15px;
font-family: "Museo Sans 500", "Museo Sans 500 Italic", "Museo 700", "Museo 500", "Museo 300", Arial;
h1 strong {
color: #C60651;
font-size: 90%;
font-family: "Binary ITC Bold";
h1 strong em {
a img { /* this selector removes the default blue border displayed in some browsers around an image when it is surrounded by a link */
border: none;
/* ~~ Styling for your site's links must remain in this order - including the group of selectors that create the hover effect. ~~ */
a:link {
color:#414958;
text-decoration: underline; /* unless you style your links to look extremely unique, it's best to provide underlines for quick visual identification */
a:visited {
color: #4E5869;
text-decoration: underline;
a:hover, a:active, a:focus { /* this group of selectors will give a keyboard navigator the same hover experience as the person using a mouse. */
text-decoration: none;
/* ~~ this container surrounds all other divs giving them their percentage-based width ~~ */
.container {
width: 80%;
max-width: 1260px;/* a max-width may be desirable to keep this layout from getting too wide on a large monitor. This keeps line length more readable. IE6 does not respect this declaration. */
min-width: 780px;/* a min-width may be desirable to keep this layout from getting too narrow. This keeps line length more readable in the side columns. IE6 does not respect this declaration. */
background: #FFF; /* the auto value on the sides, coupled with the width, centers the layout. It is not needed if you set the .container's width to 100%. */
margin-top: 0;
margin-bottom: 0;
margin-right: auto;
margin-left: auto;
font-family: "Museo Sans 500", "Museo Sans 500 Italic", "Museo 700", "Museo 500", "Museo 300";
border-right-width: thick;
border-left-width: thick;
border-right-style: solid;
border-left-style: solid;
border-right-color: #C60651;
border-left-color: #C60651;
/* ~~ the header is not given a width. It will extend the full width of your layout. It contains an image placeholder that should be replaced with your own linked logo ~~ */
.header {
padding-top: 40px;
font-family: "Museo Sans 500", "Museo Sans 500 Italic", "Museo 700", "Museo 500", "Museo 300", Arial;
#Quote {
float: right;
clear: left;
margin-right: 50px;
/* ~~ These are the columns for the layout. ~~
1) Padding is only placed on the top and/or bottom of the divs. The elements within these divs have padding on their sides. This saves you from any "box model math". Keep in mind, if you add any side padding or border to the div itself, it will be added to the width you define to create the *total* width. You may also choose to remove the padding on the element in the div and place a second div within it with no width and the padding necessary for your design.
2) No margin has been given to the columns since they are all floated. If you must add margin, avoid placing it on the side you're floating toward (for example: a right margin on a div set to float right). Many times, padding can be used instead. For divs where this rule must be broken, you should add a "display:inline" declaration to the div's rule to tame a bug where some versions of Internet Explorer double the margin.
3) Since classes can be used multiple times in a document (and an element can also have multiple classes applied), the columns have been assigned class names instead of IDs. For example, two sidebar divs could be stacked if necessary. These can very easily be changed to IDs if that's your preference, as long as you'll only be using them once per document.
4) If you prefer your nav on the right instead of the left, simply float these columns the opposite direction (all right instead of all left) and they'll render in reverse order. There's no need to move the divs around in the HTML source.
.sidebar1 {
float: left;
width: 15%;
padding-bottom: 10px;
margin-top: 40px;
border-top-color: #FFF;
border-left: #FFF;
margin-left: 25px;
background-color: #FFF;
font-family: "Museo Sans 500", "Museo Sans 500 Italic", "Museo 700", "Museo 500", "Museo 300", Arial;
.content {
width: 60%;
float: left;
margin-top: 40px;
padding-top: 10px;
padding-right: 10px;
padding-bottom: 10px;
padding-left: 0;
font-family: "Museo Sans 500", "Museo Sans 500 Italic", "Museo 700", "Museo 500", "Museo 300", Arial;
.sidebar2 {
float: left;
width: 30%;
background-color: #D3CCB2;
margin-top: 40px;
padding-top: 10px;
padding-bottom: 10px;
padding-left: 0;
border-top-color: #FFF;
border-right-color: #FFF;
border-bottom-color: #FFF;
border-left-color: #FFF;
border-right-width: 5px;
font-family: "Museo Sans 500", "Museo Sans 500 Italic", "Museo 700", "Museo 500", "Museo 300", Arial;
/* ~~ This grouped selector gives the lists in the .content area space ~~ */
.content ul, .content ol {
padding-top: 0;
padding-right: 25px;
padding-bottom: 15px;
padding-left: 60px;
font-family: "Museo Sans 500", "Museo Sans 500 Italic", "Museo 700", "Museo 500", "Museo 300";
font-size: 100%;
color: #666;
#Quote {
float: right;
clear: both;
/* ~~ The navigation list styles (can be removed if you choose to use a premade flyout menu like Spry) ~~ */
ul.nav {
list-style: none; /* this creates the space between the navigation on the content below */
font-family: "Museo Sans 500", "Museo Sans 500 Italic", "Museo 700", "Museo 500", "Museo 300", Arial;
line-height: 250%;
.nav {
font-family: "Museo Sans 500", "Museo Sans 500 Italic", "Museo 700", "Museo 500", "Museo 300", Arial;
ul.nav li {
font-family: "Museo Sans 500", "Museo Sans 500 Italic", "Museo 700", "Museo 500", "Museo 300", Arial;
ul.nav a, ul.nav a:visited { /* grouping these selectors makes sure that your links retain their button look even after being visited */
padding: 5px 5px 5px 15px;
display: block; /* this gives the link block properties causing it to fill the whole LI containing it. This causes the entire area to react to a mouse click. */
text-decoration: none;
color: #333333;
background-color: #FFF;
font-family: "Museo Sans 500", "Museo Sans 500 Italic", "Museo 700", "Museo 500", "Museo 300", Arial;
ul.nav a:hover, ul.nav a:active, ul.nav a:focus { /* this changes the background and text color for both mouse and keyboard navigators */
color: #C60651;
font-family: "Museo Sans 500", "Museo Sans 500 Italic", "Museo 700", "Museo 500", "Museo 300", Arial;
background-color: #FFF;
background-image: url(images/navbar2.gif);
/* ~~The footer ~~ */
.footer {
padding: 10px 0;
position: relative;/* this gives IE6 hasLayout to properly clear */
clear: both; /* this clear property forces the .container to understand where the columns end and contain them */
/* ~~miscellaneous float/clear classes~~ */
.fltrt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
float: right;
margin-left: 8px;
.fltlft { /* this class can be used to float an element left in your page. The floated element must precede the element it should be next to on the page. */
float: left;
margin-right: 8px;
.clearfloat { /* this class can be placed on a <br /> or empty div as the final element following the last floated div (within the #container) if the #footer is removed or taken out of the #container */
clear:both;
height:0;
font-size: 1px;
line-height: 0px;
.container .content {
width: 50%;
font-size: large;
#footer { width: 100%;
background-color: #FFF;
.container .sidebar2 h4 img {
padding-left: 20px;
padding-top: 0px;
.sidebar2 p img {
border: medium solid #C60651;
#Insert_logo2 {
border-top-width: 4px;
border-right-width: 4px;
border-bottom-width: 4px;
border-left-width: 4px;
border-top-color: #fff;
border-right-color: #fff;
border-bottom-color: #fff;
border-left-color: #fff;
.container .content p .content strong {
font-family: "Museo Sans 500", "Museo Sans 500 Italic", "Museo 700", "Museo 500", "Museo 300", Arial;
.container .content .content {
font-family: "Museo Sans 500", "Museo Sans 500 Italic", "Museo 700", "Museo 500", "Museo 300", Arial;
.container .content ul li strong {
font-family: "Museo Sans 500", "Museo Sans 500 Italic", "Museo 700", "Museo 500", "Museo 300", Arial;
font-size: 95%;
line-height: 150%;
list-style-type: disc;
test {
font-family: "Binary ITC Bold";
.container .sidebar2 p img {
margin-right: auto;
margin-left: auto;
border-top-width: medium;
border-right-width: medium;
border-bottom-width: medium;
border-left-width: medium;
border-top-color: #C60651;
border-right-color: #C60651;
border-bottom-color: #C60651;
border-left-color: #C60651;
li strong {
line-height: 130%;
list-style-type: circle;
color: #978980;
.container .content ul {
.container .sidebar1 .nav {
margin-top: 10px;
margin-bottom: 10px;
.nav li a {
background-image: url(images/navbar2.gif);
background-repeat: no-repeat;
background-position: right center;
left: auto;
right: auto;
clip: rect(auto,auto,auto,auto);
.container .sidebar1 h6 {
padding: 0px;
color: #000000;
#footer h3 strong {
font-size: 60%;
color: #978980;
.container .content p {
padding-left: 5%;
padding-right: 5%;
font-family: "Museo Sans 500", "Museo Sans 500 Italic", "Museo 700", "Museo 500", "Museo 300", Arial;
.container .sidebar2 p {
padding-right: 8%;
padding-left: 8%;
padding-top: 5px;
#Insert_logo2 #Insert_logo2 {
padding-left: 15px;
.container .content ul {
color: #C60651;
h6 {
color: #000;
font-family: "Museo Sans 500", "Museo Sans 500 Italic", "Museo 700", "Museo 500", "Museo 300", Arial;
.sidebar1 h8 strong {
font-size: 80%;
font-family: "Museo Sans 500", "Museo Sans 500 Italic", "Museo 700", "Museo 500", "Museo 300";
.container .sidebar1 h7 {
font-size: 40%;
color: #978980;
.h7 {
font-family: "Museo Sans 500", "Museo Sans 500 Italic", "Museo 700", "Museo 500", "Museo 300", Arial;
font-size: 15%;
.container .sidebar1 h8 {
font-family: "Museo Sans 500", "Museo Sans 500 Italic", "Museo 700", "Museo 500", "Museo 300", Arial;
-->
</style><!--[if lte IE 7]>
<style>
.content { margin-right: -1px; } /* this 1px negative margin can be placed on any of the columns in this layout with the same corrective effect. */
ul.nav a { zoom: 1; } /* the zoom property gives IE the hasLayout trigger it needs to correct extra whiltespace between the links */
</style>
<![endif]--></head>
<body>
<div class="container">
<div class="header"><!-- end .header -->
<p class="clearfloat"><a href="#" id="Insert_logo2"><img src="images/YCD-logo-tag-RGB-web-SM.gif" alt="Insert Logo Here" name="Insert_logo" width="638" height="110" id="Insert_logo2" style="background: #FFF
; display:block;" /></a></p>
<div id="Quote"><img src="images/quote.gif" alt="Choose a job you love" width="355" height="81"></div>
<p class="clearfloat"> </p>
</div>
<div class="sidebar1">
<ul class="nav">
<li><a href="#">Home</a></li>
<li><a href="#">Students</a></li>
<li><a href="#">Parents/Educators</a></li>
<li><a href="#">Professionals</a></li>
<li><a href="#">Bio/Contact</a></li>
<li><a href="#">Q & A Blog</a></li>
<li><a href="#">Testimonials</a></li>
</ul>
<p> </p>
<p> </p>
<p> </p>
<h8><strong>Your Career Direction</strong><br></h8>
<h6>96 Harvard Avenue<br>
Maplewood NJ 07040<br>
[email protected]<br>
(973) 996-0207</h6>
<h7>© Your Career Direction, LLC, 2012<br>
</h7>
<p> </p>
</div>
<div class="content">
<h1><strong><img src="images/Whether-you-are.gif" width="266" height="48" alt="Whether you are"></strong></h1>
<ul>
<li><strong>Considering your college choices & career options</strong></li>
<li><strong>Preparing for the world of work after college</strong></li>
<li><strong>Seeking a new position to further your career</strong></li>
<li><strong>In-transition and considering new opportunities</strong></li>
<li><strong>Seeking to make a significant and meaningful career</strong> <strong>change</strong></li>
</ul>
<p> </p>
<h1><img src="images/One-thing-is-for-sure.gif" width="310" height="38" alt="One thing is for sure"></h1>
<p>We all need to direct our own careers, our own lives!</p>
<p>Given today's competitive job market, global economy, and changed corporate culture, we can no longer depend upon others to ensure our professional futures. Choosing or changing your career direction requires self-reflection, career education and an action plan. </p>
<p> Building a successful and rewarding career requires linking your interests, education and skills, with trending industries, job opportunities and your experience. It takes making smart decisions about your college major, vocational training and continuing education options. With motivation, persistence and top notch job search skills, you can succeed in finding a path to building a career that is right for you.</p>
<p>At Your Career Direction, we are your advocate. We listen, assess, strategize, inspire, counsel, and network on your behalf. With a personalized, holistic approach, we'll work with you to help you create an action plan; a path designed to get you to where you want to go. </p>
<p> </p>
<!-- end .content --></div>
<div class="sidebar2">
<p><img src="images/Counselingastudent.gif" width="321" height="256" alt="Lisa Mark counseling a student"></p>
<p>By combining an understanding of your interests and current skills with what’s happening in today's marketplace we’re able to partner with you to develop new career ideas, target companies, and generate job and internship opportunities. We provide step by step assistance to ensure success in your written communications, presentation skills, job search, interviews and life choices.</p>
<p>At Your Career Direction, YOUR career is our passion. Our mission is to educate and counsel you to choose your own path in life and become what you want to be. </p>
<p> </p>
<p> </p>
<!-- end .sidebar2 --></div>
<div class="footer">
<div id="footer">
<h3 align="center"> </h3>
</div>
<p> </p>
<!-- end .footer --></div>
<!-- end .container --></div>
</body>
</html>
Thanks for your help.You are using % widths for your layout which means it will look different depending of the size of each users monitor. Although this is probably the better way to go these days, it is not one size fits all and will work more effectively if you include min and max widths, and also media queries that change your layout depending on the monitor size. This is more advanced coding and will take time if you want to do that. Alternatively, you could design using pixel widths and have it look consistent across all desktop browsers and throw a few media queries in for the mobile side.
Responsive Web Design
http://coding.smashingmagazine.com/2011/01/12/guidelines-for-responsive-web-design/#more-7 5660
More on Media Queries
http://mobile.smashingmagazine.com/2010/07/19/how-to-use-css3-media-queries-to-create-a-mo bile-version-of-your-website/ -
Error message with Preview in Browser
When I click on "Preview in Browser" in
Dreamweaver 8.0 it takes me to a custom error page on our website
that says " page not found". For example here is
the URL it creates for the temporary view page:
http://ftp.svunet.org/htdocs/annual_conference/TMPfi1yavu5db.htm.
Why is it trying to create a page on our server and not on my hard
drive?Why is it
> trying to create a page on our server and not on my hard
drive?
Did you define a testing server for this site, and enter the
remote info?
That's about the only way this will happen.
do you need a testing server? is there asp/php/etc dynamic
server side
scripting? If not- go into the site definition, click the
Advanced tab, and
in the Testing server category, set access to None.
Alan
Adobe Community Expert, dreamweaver
http://www.adobe.com/communities/experts/
Maybe you are looking for
-
Switching between multiple numbers on same Skype a...
I have 3 skyp numbers, , do i have to go to profile to change which number i want to show on the receiving phone when i call them? and if a receiving phone has a block, will changing the number pass the block?
-
Diffrence between assign a String object by literal and through new
Plz tell me What is the diffrence between String x = "surya"; or String y = new String("Surya");
-
hi everybody i use method .openstrem from URL class to save web pages and file to my HD , by java application i want to know how can i know some information about web page or file on the web before save it on my HD such as size ,last modified , and i
-
ITunes 7: Where does album art come from?
I'm curious what the source of the album art is that iTunes 7 downloads. Anybody know?
-
Problema Instalación Aplicaciones
Estimados! Tengo instalado en mi iphone 3g la aplicación AppBoxLite, lo instalé desde itunes de mi laptop. Mi Problema surge cuando me aparece una alerta en el ícono de itunes de mi iphone, que tengo una actualización. Actualizo la aplicación, la ins