No Design View?
I hope I'm mistaken in understanding that design view has been removed from flash builder 4.7. That was one of the coolest things about flash builder, I think removing it had to be one of the dumbest ideas anybody's ever had.
Please tell me how mistaken and there is a way to enable this feature,
There is no other way to see what you are doing unless you publish a swf.
IMHO
For simple projects its not a big deal but if you work on large enterprise projects ( one of my projects has over 30,000 lines of code ) with complex dynamic designs that need to be compiled and uploaded to a server because of variables that need to be passed in and other remoting calls that need to communicate with services using session data it is a real drag. It can take several minutes to compile and upload just to test if I need to move something even as little as 1px in one direction or another.
And it is way faster to drag and drop components and set the properties in design view rather than typing everything in manually. Thats where the "Rapidly Deploy" was a big plus.
When you have several projects going on with multiple deadlines you need every second you can get.
Once the initial layouts are established DV is not used much except for some small changes that are called for.
Using FB4.6 and FB4.7 to work a project is just lame but I guess I have little choice if I wish to stay current.
Some may say "Migrate to HTML5,CSS3,JavaScript"
I would say "There are no HTML5 equivalents for these key features we use".
1) Encoding HD quality Video/Audio from the browser.
2) A way to stream that video to an RTMP server (AMS and/or Wowza) from the browser to record and send live streams.
3) Use RemoteShared Objects and other complex SSAS functionality that has various functions that also connect to external gateway services.
4) Use LocalConnections to commumicate with AIR apps our project launch.
There are more but these are the minimum I need to address to even think about migrating.
Adobe is leaving us high and dry with an inferior product compared to previous versions.
Nice job weenies. Your "Too Bad For You" attitude will bite you.
Similar Messages
-
Can not see two fields in Crystal 2008 Developer explorer/designer view
I am currently developing crystal 2008 reports against the salesforce.com database using version 12.0.0.683 CR Developer Full version. I am using an updated driver that was provided in July or Aug 08 in order to view self referencing fields. The problem is that when I try and report against one of the tables (lead history) I cannot view two of the fields (New Value and Old Value)? I can see these two field (New Value and Old Value) in the database expert as the last two fields in the actual table, but the two fields are missing when I go into the explorer/designer view. In Salesforce, these two fields can not be filtered on, but I can export all the values in this table using Salesforece Apex data loader.
Please re-post if this is still an issue to the OnDemand Forum or purchase a case and have a dedicated support engineer work with you directly
-
Unable to view php files in Design View?
Need help! I cannot select design view when working with a PHP document, the DesignView option is disabled?
My information.
- Dreamweaver CS5
- Mac OSX 10.6 snow Lepoard
I have searched online and I also went through the FAQ but couldn’t find anything relating to this particular issue and my Professor at school said that I need to contact Adobe directly as design view should always be available but all that I would see in Design View are the HTML elements within the PHP file.
The Design View button is disabled, I can not click on it all and so for my class assignments. I have to copy the PHP code into a new HTML document and only then am I able to view the html/php and edit the HTML elements, and then copy and paste it back into the PHP file once I have the html elements/design set up correctly.
I did a similar “Set up PHP for Mac OS X – MAMP” to the version available here, could I have set this up incorrectly and that is why Design View is disabled?
Thanks I appreciate your guys expertise and any help!Kanjan wrote:
Need help! I cannot select design view when working with a PHP document, the DesignView option is disabled?
Go to Dreamweaver > Preferences, and select File Types / Editors from the Category list on the left. Make sure that .php is NOT listed among the filename extensions in "Open in code view".
Adding a filename extension to that list prevents files from being opened in Design view. -
What is it about this markup that breaks DW CS3 Design View Editing?
Folks:
I'm attaching very simple --and apparently completely valid-- markup that generates the text shown between the markers below:
------------start----------------
yadda yadda yadda yadda yadda yadda yadda yadda yadda yadda yadda yadda yadda yadda yadda yadda yadda yadda yadda yadda yadda yadda yadda yadda yadda yadda yadda yadda yadda yadda yadda yadda yadda badda.
------------end----------------
As you can see by examining the file, it contains only an span enclosing text and spaces, and some following breaks. This file passes DW validation: no errors or warnings.
If I open this file in DW CS3 Design View, select and delete the last word, "badda", the entire text --every "yadda"-- is also deleted. All that text is really gone -- if I immediately save the file and re-open it, there is no text content at all, just the span pair, spaces, and the trailing breaks. This is completely repeatable.
When you edit this file, do you get the same result?
The attached file is a cut-down, simplified version of a production file that exhibits this issue. (That file also passes validation.) When I delete single words, entire content paragraphs disappear. So this is not just a point of curiosity. I need to figure out how to fix the production code and avoid this problem in the future.
What is it about the attached markup that causes this issue? I've fooled around with this code quite a bit and the best I can figure out is that DW is confused when both the start- and end- span tags are followed immediately by a line break. Inserting a space in either place makes the issue go away. But the production code doesn't have any occurances of this pattern. And, anyway, line-breaks have no significance to html, just for source-code formatting, right?
Am I missing something incredibly obvious?
TIA
hen3ryNancy O:
Thank you for your response, which gave me valuable clues to understanding the issues. (Specifically, it led me to re-read and understand better the nitty-gritty of the HTML4 specs, section 7, "The global structure of an HTML Document", especially 7.5.1 The BODY element.)
I believe you are saying --in sum-- that to be reliably edited in DW, each source file must comprise a syntactically correct and complete HTML Document.
I am attaching a second file, "badcode2.html", modified substantially as you suggest. It passes the DW validator, the validator.w3.org test, and the www.totalvalidator.com test. No errors or warnings.
I do this: Launch DW, open this file, choose Design View if necessary, select the final word of text, "badda", and activate Edit-->Cut (or Delete). As before, all the other text is deleted as well. This is repeatable.
It seems to me this sample code satisfies your general principle. Could I be misapplying the three validation tests? Or that passing these tests does not assure the document is syntactically correct and complete? Can you recommend other tests?
I'd like to add the following two points as a matter of background and a bit of niggling:
--I'm aware that complete HTML pages must contain <html> , <head>, and <body> tags, although the HTML4 specification seems to say <body> tags are optional. All my production pages, as served, contain these tags. My underlying design is a php template with individual content files incorporated by inclusion. There may be only one set of <html> , <head>, and <body> in a page. The "outer" template code provides these tags, and individual content files cannot contain a nested set -- so they must be "bare" markup. Is DW able to support this design, in which "bare markup" files are seemingly unavoidable? Is there a mechanism analogous to DW Design-Time Style Sheets to provide virtual existence of these tags so "bare markup" files can be successfully edited? I've looked for such a mechanism but not found one. Or some completely different method?
--You specify the inclusion of <p> or <h1> tags within the body. Is there some special significance of <p> or <h1> with respect to stable editing in DW? My reading of the HTML4 spec indicates that a single block element is the minimal requirement for body content. Either of these tags qualify, right? But so does <div>, and that's what I use in my current example. Am I misunderstanding something?
Bottom line, I'm looking for a pragmatic solution for my problem: Once in a while, among hundreds of structurally similar "bare markup" pages I edit in DW without any problem, I lose data. If inserting an additional tag into all my content include files eliminates these occasional problems, I'm willing to do that, as long as: (1) There is an arguable technical basis for the addition, (2) the added tag does not produce anything visible on the served page, and (3) the validators don't flag the extra tag.
Suggestions, please!
Thanks,
hen3ry -
Can not see the design view nor the java file in CentOS
Hi all. I've recently installed JSC2 in CentOS. I find this tool really useful. But I have a problem with the design view and the java file view. At the beginning, when I first create a Page1.jsp, I can see the design view and the java view with no problem. I run apps correctly. But after a while, I get a "null pointer exception" error and I am able to see only the jsp view, not the others. I don't even have the option to see the Design and Java views. And the page icon in the project window appears to be darker than a well working page. I'm not really sure what sequence of actions I do to get this error, it just suddenly happens. What I've done so far in JSC2 is to link to pages in the Page Navigation view. It works fine for a while, but after a while I get the error I've described.
Yes, if I do that It happens the same. I've tried everything. Now I'm using Window$ 2000 and it works properly. Thanks anyway.
-
Images broken in design view on new computer paths leading to old harddrive?
I recently got a new imac and installed cs5 dreamweaver ( I was using dreamweaver 8 but it no longer works in mountain lion) . I redfined the site all was fine then I must have done something and now suddenly all my images are broken in design view and in brower and live view! The site shows the images online from the server but everything is broken in design view. The directory is a mess as I used way too may subfolders when I first did the site but it's too large to start over. I tried deleting the site from my harddrive all together and creating a new folder for it and just getting the entire site from the server but the images still don't show. I don't want to have to go to every page on the site and fix broken links! I can pull an image into a page by browsing to the folder on my harddrive but they are not appearing anymore on their own. If the images were uploaded originally from another computer and the folder being used now for the site on my harddrive is different that won't break the image paths will it? It all worked fine until a few days ago. What I don't understand is I thought the images wouldn't show if they were only on the server and not on my harddrive but since I just GOT the site from the server, all the images ARE now on my harddrive in the new folder so why still nothing showing? I I tried right clicking the broken images and showing design notes they seem to be lookin for a path to my old computer where the harddrive was named differently than it is now. Is there ANY way to fix this? What about renaming my harddrive to the old name?
Greatful for any advice but I am very much a newbie so not sure I will be able to do what I need to.
Mary AnnSpaces in folder/filenames are not a good practice. Space are converted to %20 on the server. DW's Design View often can't reconcile this. Best advice is to remove the spaces and use underscores _ or hyphens -
Rename this:
http://www.thedqtimes.com/Jane_site/Lake%20Effects/lakeeffectsjdaughters.jpg
http://www.thedqtimes.com/Becky%20H%20stories/Untitled-1.jpg
To this:
http://www.thedqtimes.com/Jane_site/Lake_Effects/lakeeffectsjdaughters.jpg
http://www.thedqtimes.com/Becky_H_stories/Untitled-1.jpg
Also, you have a misplaced <head> tag. It needs to be above the Dynamic drive Javascript code.
<head>
<script> </script>
<style> <style>
</head>
Some pages are missing an HTML doc type declaration. This sends browsers into Quirks Mode.
Use validation tools to check for other code errors.
Code Validation Tools
CSS - http://jigsaw.w3.org/css-validator/
HTML - http://validator.w3.org/
Nancy O. -
Images and styles not showing in Design view on CS3
Hi all,
I am playing around with a CSS website template that I downloaded and
opened in DW-CS3. I am just using this to learn and play around with. It
came with the style sheet, jpg images etc.
I just noticed that when in Design view for the index page, that the images
and styles, menus are not displaying, only the html text is visible in Design view.
When I preview the site with a browser like IE or FF, it displays fine along with
any changes I have made.
Does anyone have any ideas?
Regards,
danoIn DW, View > Style Rendering > Display Styles on?
Nancy O.
Alt-Web Design & Publishing
Web | Graphics | Print | Media Specialists
http://alt-web.com/
http://twitter.com/altweb -
Design view and browser view in DW are different than when I view from local folder
I'm brand new to Dreamweaver CS5.5 and here is my problem:
I've made an html page in dreamweaver with a banner, with an additional graphic and some text on top of the banner. It displays just fine in every browser when I view from the local folder, but when I open DW and view, it displays incorrectly in all three design, live and browser views within DW. If I make changes to the css file until it views correctly in design view, it no longer displays correctly from the local folder and it still doesn't view correctly in live or browser view within DW. If what I'm doing isnt going to display accurately in any of the views provided by Dreamweaver as compared to the live server, whats the point in having this software? I could just keep building webpages in notepad and uploading with CoreFTP.
Any suggestions? Is it some setting that I dont know about that I need to change within DW? Please help.align="center" is deprecated (obsolete) code in XHTML & HTML5 doc types. Instead of styling markup with HTML, you should be using CSS.
CSS
.center {text-align:center}
HTML
<p class="center">some centered text here</p>
With respect to break tags, in XHTML doc types the correct syntax is <br /> not <br>. However your usage of line breaks is inconsistent with good symantic markup. Use headings <h1> <h2> <h3> <h4> for important keywords. Use <p> for descriptive paragraphs. Use <ul> <li> or <ol> <li> for lists. Line breaks should be used minimally if ever.
XHTML doc types require all tags to be lowercase. Uppercase tags will throw errors.
Your design is too rigid. When text size is increased in browsers, your content is unreadable. See screenshot.
SOLUTIONS:
1) DO NOT USE POSITION ABSOLUTE. You don't need it. Absolute positioning removes content from the normal document flow resulting in a jumbled mess. Use default CSS positioning (none) with margins, padding & floats to align elements.
2) Remove HEIGHT values from all CSS containers. Height limits a container's capacity to hold more content when needed. Container height should always be determined by the amount of content it holds; not explicit values. If required to reveal a background image, for example, use CSS min-height instead of height.
CSS Box Model
http://www.w3schools.com/css/css_boxmodel.asp
CSS Floats
http://www.w3schools.com/cssref/pr_class_float.asp
CSS min-height
http://www.w3schools.com/cssref/pr_dim_min-height.asp
Nancy O.
Alt-Web Design & Publishing
Web | Graphics | Print | Media Specialists
http://alt-web.com/
http://twitter.com/altweb
http://alt-web.blogspot.com/ -
How to add addtitional pages in design view?
How do I create additional pages in design view? I have tried using NEW PAGE AFTER, but that doesnt add another page in design view, like I need.
I am creating a report that uses 8 subreports per page to dynamically create labels. Currently I have a report header, and am using the page header to arrange the subreports so the top of each subreport prints on the top of each label. The fields in the subreports can grow, and fill in the label from the top down.
I need to create a multiple pages using this format, but I dont know how to add more pages in design view. Essentially I need subreports 1-8 on page 1, 9-16 on page 2, etc. I would like to preserve the formatting I have created thus far, but I can always change it if I have to.In attempting to create the label sheets I needed, I ended up creating 14 separate reports (which report on 6 individual queries), because there are 14 pages worth of labels that need to be created. What I wish to accomplish is to condense these 14 reports down to 6 reports. One for each query. What I absolutely cant find a way to do, is to get Crystal Reports to allow me to customize subreports on consecutive pages. Again, I have 8 subreports on each page, which have been formatted to fit on 8 labels when printed. Each subreport is identical in design, but has a different range selected (i.e. my driving value in each subreport has been modified with Select Expert to be between 1 and 5, or 6 and 10, or 11 and 15). This is how I have been able to return 5 consecutive results on each label, with the next label returning the following 5 results.
My ultimate question: Is it possible to create a multi-page report using this method? -
Is it possible to print from design view in CS3
I've got a summary print out / display page for a CF application that I'd like to be able to print out in Design view.
DW CS3 only seems to print the code page and I don't want to print from a browser as that will only show the options currently selected - I'm after having all options displayed.
Is it possible? Any suggestions other than printScreen?No, you can't print from Design view. It seems as though screen capture is your best option,
-
I'm able to see the html/cf code in the code view, but in the
design view I don't see anything, to include tables, etc. I'm using
DWMX2004.
Any ideas?
Thanks.
ForceDoes the page validate? If not, then fix the validation
errors. That's the
best way to approach troublesome pages.
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
==================
"n h c" <[email protected]> wrote in message
news:er02tr$g93$[email protected]..
>
quote:
Originally posted by:
Newsgroup User
> > if that makes any sense.
>
> It doesn't really. If the page is valid HTML, you will
see it in DW.
> Even
> when it is a combination of some scripting language and
HTML, you will see
> something.
>
>
> well, maybe that's how it should be. but this website
defies all reason
> and
> convention. i think most people would have quit/suffered
a nervous
> breakdown/killed my boss by now. the people who worked
here before me left
> quite a mess, i must say.
>
> i think the code probably isn't valid. but i really
don't know enough
> about
> coding yet to fix it. and it works, it just makes it
hard to figure out
> where i
> need to edit things sometimes.
>
> but we're not discussing my ridiculous website here! not
anymore, at
> least.
>
> -courtney
>
> -
Design View and a CSS Div layout page
There are a few pages l
ike this. I am assuming it is because everything is layed out w
ith div tags, but there mush be a way to correct the desging view. Everything shows up great o
nline. Here is a screenshot:
Here is the code:
<body onload="initHomePage(); addReferToLinks();">
<!-- ################# TOOLBAR ############## -->
<script type="text/javascript" src="/shared_assets/toolbar_v2/toolbar.js"></script>
<!-- end TOOLBAR -->
<img src="/profile/image/logo_linknet.gif" />
<!-- Main div for entire page layout -->
<form name="frmSearch" action="" method="get" title="Resources" class="scopedSearch">
<input class="textInput" name="qt" value="THIS SECTION ONLY" id="searchField" size="20" />
<input class="button" type="submit" value="Search" name="submit" />
<input type=hidden name="col" value="mpr dno dnos1" />
</form>
<div id="main">
<!-- ###################### LEFT NEWS ################################## -->
<div id="newsBox" class="box">
<div class="boxHeader">
<div class="headerLeft"><h2>MP News</h2></div>
<div class="headerRight"><a href="/news/news/index.htm" class="more">more »</a></div>
</div>
<div class="boxContent">
<h3>
<script type="text/javascript">var x=new Date(); document.write(x.toLocaleDateString());</script>
</h3>
<div id="newsContent">
<div class="loading">
Loading...
</div>
</div>
<!-- -->
<h3>My Subscriptions</h3>
<ul style="list-style-type:none;">
<li><a href="http://rss/">Setup Subscriptions - Get Help</a></li>
<li><a href="http://">View Subscriptions</a></li>
</ul>
<!-- MEDIA CENTER -->
<div class="imgFrame"><a href=""><img src="image/mc_logo2.jpg" alt="Media Center" hspace="0" vspace="0" border="0" /></a></div>
<!-- COLUMNS -->
<div class="imgFrame"><a href="http/"><img src="image/columns.gif" hspace="0" vspace="0" border="0" alt="The Northwestern Columns" /></a></div>
</div>
</div>
<!-- #### end LEFT NEWS ########### -->
<!-- ###################### CENTER CONTENT ################################## -->
<div id="content">
<!-- MAIN CONTENT WELL -->
<!-- optional notice (visible only when critical news exists) -->
<div id="alert" class="box highlightBox">
<div class="boxHeader">
<div class="headerLeft"><h2>Important Notice</h2></div>
<div class="headerRight"> </div>
</div>
<div id="alertContent" class="boxContent">
<div class="article">
<a href="" class="headline">Avoid lock out - Install LINK 22.2 now</a>
Users who do not install LINK 22.2 before the version enforcement date of July 31 will be
unable to access their PCs.
</div>
</div>
</div>
<div id="home_page_id">) Home Page</div>
<!-- Activities -->
<div id="activities" class="box highlightBox">
<div class="boxHeader">
<div class="headerLeft">Welcome<span id="username"></span><h2>What would you like to do?</h2></div>
<div class="headerRight"> </div>
</div>
<div class="boxContent">
<div style="width:100%;">
<ul>
<li><a title="Find information and tools for recruiting new representatives" onmouseover="showTooltip(this);" onmouseout="hideTooltip(this);">Recruiting: <select style="font:message-box; width:19em;" onchange="if(this.value){window.navigate(appendReferer(this.value))};">
<option name="selectRecruit" selected="selected">*** make selection ***</option>
<option value="http.htm">Sourcing & Prospecting</option>
<option value="http://.htm">Selecting & Assessing Candidates</option>
<option value="http://_process.htm">Post Acceptance Process</option>
<option value="http">Developing an Internship Program</option>
<option value="http.htm">Tracking Activity, Results & Accountability</option>
<option value="http://.htm">Recruiter Development</option>
</select></a></li>
<li><a href="/objective/mpr_secure/mp_ldorgdev.htm" title="Find information and tools for developing leaders in your office" onmouseover="showTooltip(this);" onmouseout="hideTooltip(this);">Leadership & Organizational Development </a></li>
<li><a href="/objective/mpr_secure/mp_supvsn.htm" title="Find information and tools for effective supervision" onmouseover="showTooltip(this);" onmouseout="hideTooltip(this);">Supervision</a></li>
<li><a href="/objective/mpr_secure/mp_stfop.htm" title="Find information and tools for managing your office" onmouseover="showTooltip(this);" onmouseout="hideTooltip(this);">Staffing & Operations</a></li>
<li><a href="/objective/mpr_secure/mp_plnperform.htm" title="Find information and tools for business planning and performance monitoring" onmouseover="showTooltip(this);" onmouseout="hideTooltip(this);">Planning & Performance</a></li>
<li><a href="/objective/mpr_secure/mp_mngmntcompben.htm" title="Find information regarding income, fees, expenses, allowances and benefits" onmouseover="showTooltip(this);" onmouseout="hideTooltip(this);">Management Compensation & Benefits</a></li>
<li><a href="/objective/mpr_secure/mp_repdev.htm" title="Find information and tools regarding mentoring and professional growth" onmouseover="showTooltip(this);" onmouseout="hideTooltip(this);">Representative & Specialist Development</a> </li>
</ul>
<div id="slideshow1" class="activitySlideshow" style="height:212px;">
<img src="image/slideshow_photos/photo06.jpg" />
<img src="image/slideshow_photos/photo07.jpg" />
<img src="image/slideshow_photos/photo08.jpg" />
<img src="image/slideshow_photos/photo09.jpg" />
<img src="image/slideshow_photos/photo10.jpg" />
</div>
</div>
</div>
</div>
<!-- Lower div under activities (2 columns) -->
<div class="leftColumn">
<!-- Events Calendar -->
<div class="box">
<div class="boxHeader">
<div class="headerLeft"><h2>Events Calendar</h2></div>
</div>
<div class="boxContent"><ul>
<li>April 25-30<br />
<a href="http_020110.htm" target="_blank"></a></li>
<li>May 12-14<br />
<a href="http://030510.htm" target="_blank"></a></li>
<li>June 16<br />
<a href="http://.htm" target="_blank">Series conversation</a></li>
</ul>
</div>
</div>
<!-- Spotlight -->
<div class="box">
<div class="boxHeader">
<div class="headerLeft"><h2>Spotlight</h2></div>
<div class="headerRight"> </div>
</div>
<div class="boxContent">
<div class="article">
<!-- Leave "Market volatility resources available" at the top -->
<div class="headline"><a href="http.htm?tern Mutual Association dues decline form available</a> </div>
The $25 association membership fee will be charged to June 30 home
office supply bills. Representatives who wish to decline membership
may submit a <a href="http://.htm" target="_blank">decline
form</a>.
<div class="headline"><a href="http://.htm">Surplus notes information available</a> </div>
Find answers to common questions and hear insights from about the company’s recent surplus notes offering.
<div class="headline"><a href="http://.htm">Stay up to date on 2010 estate tax repeal </a> </div>
Consider the new Estate Tax Repeal page on LINKnet “home base” for information on the 2010 repeal and resources to use when talking to clients about this topic.
<div class="headline"><a href="http/index.htm">Withstanding Market Challenges</a> </div>
Access resources to highlight the company’s strength and stability, find sales strategies and share marketing and market-related materials to help address client concerns.
<div class="headline"><a href="http:///year.htm">Dividend resources available</a> </div>
The Current Year Scale page on LINKnet provides the latest information
and sales support materials based on the 2010 dividend announcement.
<!-- Leave "Market volatility resources available" at the top -->
</div>
</div>
</div>
</div>
<div class="rightColumn">
<!-- Approaching Deadlines -->
<div class="box">
<div class="boxHeader">
<div class="headerLeft"><h2>Approaching Deadlines</h2></div>
</div>
<div class="boxContent">
<ul>
<li>April 30: <a href="http.htm">Submit 2010 Commitment to Excellence Award nbominee</a></li>
<li>May 25: <a href="http.htm">Submit applications for Intern Community Service Award</a></li>
<li>June 30: <a href="http://pdf">Submit 2010 Managers Membership Award Application to NAIFA</a> <img src="/shared_assets/image/doc_icons/pdf.gif" alt="PDF File" /></li>
</ul>
</div>
</div>
<!-- Tech Alerts -->
<div id="techalerts" class="box">
<div class="boxHeader">
<div class="headerLeft"><h2>Priority Tech Alerts</h2></div>
<div class="headerRight"><a href="http://.htm" class="more">more »</a></div>
</div>
<div class="boxContent">
<div class="loading">
Loading...
</div>
</div>
<iframe name="techalerts" src="/statusdisplay/001_summary.htm" onreadystatechange="if(this.readyState=='complete'){this.previousSibling.innerHTML = formatTechAlert(frames['techalerts'].document.body.innerHTML);}"></iframe>
</div>
</div>
</div>Dreamweaver is pretty good these days at showing the page in Design View how it will be viewed when online. HOWEVER having said that it does largely depend on the way you write the css.
I guess for Dreamweaver it's impossible for it to show every concievable way you can write css correctly. Unfortuantely if your css is not compatible with what Dreamweaver likes it won't make a great job of rendering the site correctly in Design View, that's always been the case.
The css is not wrong but I've seen many display issues in Dreameaver Design View caused as a direct result of the css being overly complex to crack simple presentation. I guess it's in the lap of the gods if you are fortunate enough to have found the way to write css that Dreamweaver likes. -
How come I can see my div in design view but not in live view
Hi,
I have a div ID called "portfolio" that I can see in design view but not live view or on a browser. It's a little pink square and I want that square round also.
I ran it through validator. It picked up some things in the style.css which I changed and the boilerplate.css that I did not. Because I thought DW auto creates code for boilerplate because I don't enter that code myself.
It's also rejecting a lot of webkit code but this seems like standard webkit code that works elsewhere on the page.
BTW: at what point does this brutal hand coding pay off in money and less heartache when Wordpress looks cleaner and is so much easier to use? I feel like I barely know HTML or CSS in terms of translating vision to reality and with all-browser functionality after months and months of on-line classes. How long are the pros at it till they reach a watershed point?
here's my address: http://www.adjacentdimensionsmedia.com/home.html
Here's my html:
<body>
<div class="gridContainer clearfix">
<div id="div1" class="fluid"><img src="adtitle2.png" width="700" height="80" alt=""/></div>
<div class="fluid"><div class="box-shad"><a href="index.html"></a></div>
</div>
<div id="portfolio">Portfolio</div>
</body>
Here's my CSS:
.box-shad {
margin-top: 200px;
margin-left: 100px;
width: 900px;
height: 700px;
display: block;
background-image: url("images/Big-tree-trans1.png");
background-size: 900px 700px;
-webkit-box-shadow: 15px 15px 15px #000000 inset;
box-shadow: 15px 15px 15px #000000 inset;
-webkit-border-radius: 50%;
border-radius: 50%;
position: fixed;
.box-shad a {
display:block;
width:900px;
height:700px;
#portfolio {
width: 100px;
height: 100px;
margin-top: 0px;
margin-right: 200px;
margin-left: 200px;
margin-bottom: 0px;
border-radius: 75%;
-webkit-border-radius: 75% 75%;
background: pink;
top: -300px;
position: relative;The top:-300 is putting that div above the top of the browser viewport. Fix that and you'll see the div.
-
Why is the body area of my site a different size in the preview view than than in the design view?
Why is the body area of my site a different size in the preview view than than in the design view?
Why is the body area of my site a different size in the preview view than than in the design view?
-
I ftp'd the files and went to move the pictures and I cannot see the design view at all. Just code. I need to see the design view. Can you help? Usually my index page is .html not .php. I have learned on my own and I really need to fix this site. Thanks!
<?php
include ('Includes/connect.php');
$query = "SELECT id, name, project FROM projects ORDER BY name ASC";
$result = mysql_query($query);
if (!$result) {
die('Could not query:' . mysql_error());
exit;
?>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
<title>BuildAPlane.org - Kids Learning Science, Math and Technology by Building Real Airplanes</title>
<link rel="stylesheet" type="text/css" href="bap.css">
</head>
<body topmargin="0" leftmargin="0" rightmargin="0">
<table border="0" width="1024" style="border-collapse: collapse">
<tr>
<td width="60" valign="top" style="background-image: url('images/sidebar.jpg'); background-repeat: repeat-y">
</td>
<td valign="top">
<div align="center">
<table border="0" width="95%" style="border-width:0; border-collapse: collapse">
<tr>
<td align="right">
<font size="2"><a href="espanol.htm">ESPANOL</a> | <a href="contact.htm">CONTACT US</a></font><br>
</td>
</tr>
<tr>
<td>
<img border="0" src="images/buildaplane-logo.jpg" width="606" height="96"></td>
</tr>
<tr>
<td> </td>
</tr>
<tr>
<td>
<font size="2">HOME | <a href="what-is-buildaplane.htm">WHAT IS BAP</a> | <a href="advisory_board.htm">ADVISORY BOARD</a> | <a href="donate-aircraft.htm">DONATE AN AIRPLANE</a> | <a href="start-a-project.htm">START A PROJECT</a> | <A HREF="contribute.htm">CONTRIBUTE</a> | <a href="supporters.htm">SUPPORTERS</a></font>
</td>
</tr>
<tr>
<td> </td>
</tr>
</table>
<div align="center">
<table border="0" width="95%" style="border-width:0; border-collapse: collapse">
<tr>
<td align="right" colspan="2"> </td>
</tr>
<tr>
<td width="50%">
<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0, 0,0" width="453" height="343" id="buildaplane" align="middle">
<param name="allowScriptAccess" value="sameDomain" />
<param name="allowFullScreen" value="false" />
<param name="movie" value="buildaplane.swf" /><param name="quality" value="high" /><param name="bgcolor" value="#ffffff" /> <embed src="buildaplane.swf" quality="high" bgcolor="#ffffff" width="453" height="343" name="buildaplane" align="middle" allowScriptAccess="sameDomain" allowFullScreen="false" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" />
</object>
</td>
<td width="50%" rowspan="2" valign="top">
<div align="center">
<table border="1" width="80%" cellpadding="10" style="border-collapse: collapse" bordercolor="#FF0000">
<tr>
<td bordercolorlight="#FF0000" bordercolordark="#800000" bordercolor="#FF0000">
<b><font size="2" color="#FF0000">BuildAPlane Announces Teachers’ Day at AirVenture! >></b></font><br>
<font size="2">
BuildAPlane, a non-profit aviation education organization, will sponsor Teacher’s Day at the Experimental Aircraft Association's <b>AirVenture this year in Oshkosh, WI</b>. The event is scheduled for <b>July 28th, 2009</b><br>
<a href="teachersDayInfo.html">More Information</a> | <a href="teachersDay.html">Register Now</a><br><br>
</font>
<!--
<a href="news.htm">BAP In The News >></a></font></b><p>
<font size="2">Build A Plane, with the help of the
FAA and the aviation community, offers young people
with an interest in flying the chance to build
airplanes and build STEM skills.</font>
-->
</td>
</tr>
<tr>
<td><b><font size="2" color="#FF0000">
<a target="_blank" href="http://stores.ebay.com/Build-A-Plane-Aviation-Store">
BAP eBay Auction Store >></a></font></b></td>
</tr>
<tr>
<td>
<table border="0" cellpadding="2" cellspacing="0">
<tr>
<td aligin="left" valign="top">
<b><font size="2" color="#FF0000">Current Projects >></font></b><p>
<img border="0" src="images/current-projects-shadow.jpg" width="175" height="166">
</td>
<td with="10"></td>
<td align="left" valign="top">
<form name="projects" action="projects/viewProject.php" method="post">
<select name="id" onChange="this.form.submit();">
<option value="">--VIEW A PROJECT--
<?php
for ($count = 1; $row = mysql_fetch_row($result); ++$count) {
$id = $row[0];
$name = $row[1];
$name = substr($name, 0, 12);
$project = $row[2];
$project = substr($project, 0, 12);
?>
<option value="<?=$id?>"><?=$name?>... <?=$project?>...
<?php
?>
</select>
</form>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td>
<font size="2" color="#FF0000"><b><a href="glassair_twoweeks.html">Build A Plane's Own Plane! >></a></b></font><br><br>
<font size="2">
High school kids, working with professional assistance at the Glasair factory, built a Sportsman 2+2 in just two weeks!<br>
<a href="glassair_twoweeks.html">Read More...</a><br>
</font>
</td>
</tr>
</table>
</div>
</td>
</tr>
<tr>
<td width="50%">
<font size="2"><b>Build A Plane began operations in 2003 as a
non-profit organization dedicated to promoting aviation and
aerospace careers by giving young people the opportunity to
build real airplanes.</b> Aircraft construction and restoration
projects provide an exciting opportunity to motivate kids to
learn virtually any facet of science, technology, engineering
and mathematics when applied to this program.</font></td>
</tr>
<tr>
<td width="50%" align="left">
<b><font color="#FF0000" size="2">
<a href="what-is-buildaplane.htm">Learn more... >></a></font></b></td>
<td width="50%">
</td>
</tr>
<tr>
<td width="100%" align="left" colspan="2">
</td>
</tr>
<tr>
<td width="100%" align="center" colspan="2">
<table border="0" width="100%" cellspacing="1" style="border-collapse: collapse">
<tr>
<!--
<td width="33%" align="center" valign="top">
<a href="http://www.flabob.org" target="_blank"><img src="images/flabob.jpg" border="0"></a><br>
<font size="1">Thomas Wathen Foundation</font><br>
</td>
-->The page contains PHP markup, but it's not any that should interfere with your seeing something in Design view. What is interfering with that is some invalid HTML on the page. For example -
<font size="1">American Telecommunications Certification Body</font><br></td>
</td>
(note the </td> followed by another </td>)
If I remove that extra </td> then your Design view becomes visible. There are at least two other problems on this page -
There is no doctype - thus, the page will be rendered by all browsers in QUIRKS mode. That's a bad thing. You should use an HTML 4.01 Transitoinal doctype on this and other pages.
There is an improperly nested <font> tag here -
<b><font size="2" color="#FF0000">BuildAPlane Announces Teachers’ Day at AirVenture! >></b></font>
I'd fix all of these if I were you.
The page also contains PHP scripting that is connecting to an online database, and extracting information that is used to populate the <select> tag in the projects form. You will not see that tag populated with options in Design view. To see it, you would need to have Apache and PHP installed, and have a testing server defined for this site. Even then, you would only see that tag populated in Live view or on Preview, not in Design view. -
Certain images not showing up in Design View
Hi,
I recently switched from Dreamweaver CS5.5 to CS6 with Creative Cloud but now some of my images aren't showing up in Design View. Everything is fine in Live View.
Any help would be gratefully received. I have attached the CSS & the HTML as well as two screen shots of Design View and Live View.
The CSS is:
/* Getting the new tags to behave */
article, aside, audio,
canvas, command,
datalist, details,
embed,
figcaption, figure, footer,
header, hgroup,
keygen,
meter,
nav,
output,
progress,
section, source,
video {
display:block;
mark,
rp, rt, ruby,
summary,
time {
display:inline;
/* Global properties ======================================================== */
body {
background-color:#000;
background-repeat:no-repeat;
background-position:center top;
background-image:url(../images/body-bg.jpg);
background-attachment:fixed;
font-family:Arial, Helvetica, sans-serif;
font-size:100%;
line-height:1em;
color:#949595;
html {
min-width:967px;
html,
body {
height:100%;
/* Global Structure ============================================================= */
#main {
margin:0 auto;
width:967px;
font-size:.75em;
/* Header */
header {
position:relative;
/* Sidebar */
aside {
width:227px;
float:left;
margin-right:32px;
padding-bottom:33px;
/* Content */
section#content {
float:left;
width:675px;
padding-top:6px;
/* Footer */
footer {
padding-left:3px;
background:url(../images/border-left.png) repeat-y left top;
color:#535353;
/* Left & Right alignment */
.fleft {
float:left;
.fright {
float:right;
.clear {
clear:both;
.col-1,
.col-2,
.col-3 {
float:left;
.alignright {
text-align:right;
.aligncenter {
text-align:center;
.wrapper {
width:100%;
overflow:hidden;
/*----- form defaults -----*/
input,
select,
textarea {
font-family:Arial, Helvetica, sans-serif;
font-size:1em;
vertical-align:middle;
font-weight:normal;
fieldset {
border:0;
/*----- lists -----*/
.banners {
width:100%;
overflow:hidden;
padding-bottom:15px;
.banners li {
float:left;
padding-left:4px;
.list li {
font-size:1.17em;
padding:0 0 19px 22px;
background:url(../images/marker.png) no-repeat left 2px;
.list li.last {
padding-bottom:0;
.list1 li {
width:100%;
overflow:hidden;
padding-bottom:27px;
.list1 li img {
float:left;
margin-right:22px;
.column-list {
width:100%;
overflow:hidden;
.column-list li {
float:left;
width:200px;
margin-right:27px;
.column-list li.last {
margin:0;
.column-list li img {
margin-bottom:18px;
.events-list {
width:100%;
overflow:hidden;
.events-list li {
float:left;
line-height:1.5em;
width:320px;
margin-right:25px;
padding-bottom:20px;
.events-list li.alt {
margin-right:0;
.events-list li img {
float:left;
margin-right:11px;
.testimonials li {
line-height:1.5em;
padding-bottom:18px;
.testimonials li cite {
font-style:normal;
.testimonials li h5 {
text-align:right;
margin:0;
padding-top:6px;
/*----- other -----*/
.img-indent {
margin:0 0 20px 0;
.extra-wrap {
overflow:hidden;
p {
margin-bottom:16px;
line-height:1.5em;
dl {
line-height:1.5em;
dl dt {
font-weight:bold;
color:#4b4b4b;
margin-bottom:6px;
dl dd {
padding-bottom:20px;
dl dd.last {
padding:0;
.address dd {
clear:both;
.address dd span {
float:left;
width:96px;
.address dd a {
font-size:1.17em;
address {
font-style:normal;
line-height:1.5em;
address a {
font-size:1.17em;
address span {
float:left;
width:103px;
/*----- txt, links, lines, titles -----*/
a {
color:#12b7f4;
outline:none;
a:hover {
text-decoration:none;
h1 {
font-size:20px;
line-height:1em;
font-weight:normal;
padding:55px 0 0 3px;
h1 a {
color:#fff;
text-decoration:none;
h1 strong {
font-size:55px;
line-height:1.2em;
letter-spacing:-2px;
top:-37px;
position:relative;
h2 {
font-size:1.917em;
line-height:1.2em;
letter-spacing:-1px;
font-weight:normal;
h5 {
font-size:1em;
line-height:1.5em;
color:#4b4b4b;
margin-bottom:6px;
h5 a {
color:#4b4b4b;
.txt1 {
font-size:1.17em;
.rss {
position:absolute;
right:18px;
top:18px;
background:url(../images/rss.gif) no-repeat right top;
padding:10px 45px 8px 0;
color:#7d7d7d;
text-decoration:none;
font-size:1.17em;
text-transform:uppercase;
.rss:hover {
text-decoration:underline;
.link1 {
display:block;
position:relative;
float:left;
background-repeat:no-repeat;
background-position:right top;
background-image:url(../images/link1-right.png);
color:#fff;
line-height:1.2em;
text-transform:uppercase;
text-decoration:none;
cursor:pointer;
.link1 span {
display:block;
float:left;
background-repeat:no-repeat;
background-position:left top;
background-image:url(../images/link1-left.png);
padding:0 10px;
.link1 b {
background-repeat:repeat-x;
background-position:left top;
background-image:url(../images/link1-bgd.png);
padding:8px 7px 9px 7px;
display:block;
float:left;
.link1:hover b {
text-decoration:underline;
.link2 {
width:70px;
height:30px;
text-align:center;
text-transform:uppercase;
color:#fff;
text-decoration:none;
display:block;
float:right;
font-weight:bold;
overflow:hidden;
line-height:2.6em;
background-repeat:no-repeat;
background-position:left top;
background:url(../images/link2-bg1.png);
.link2:hover {
text-decoration:underline;
/*==================boxes====================*/
.nav-box {
width:100%;
position:relative;
padding-bottom:11px;
margin-top:-23px;
.nav-box .left {
padding-left:20px;
background:url(../images/nav-box-left.png) no-repeat left top;
.nav-box .right {
padding-right:20px;
background:url(../images/nav-box-right.png) no-repeat right top;
.nav-box nav {
height:72px;
background:url(../images/nav-box-tail.png) repeat-x left top;
.nav-box nav ul {
padding-top:13px;
width:100%;
overflow:hidden;
.nav-box nav ul li {
float:left;
font-size:1.583em;
line-height:1.2em;
letter-spacing:-1px;
.nav-box nav ul li a {
color:#535353;
display:block;
float:left;
cursor:pointer;
background:url(../images/spacer.gif);
text-decoration:none;
text-shadow:#fff 1px 1px;
.nav-box nav ul li a:hover,
.nav-box nav ul li a.active {
color:#fff;
background:url(../images/nav-act-tail.gif) repeat-x left top;
text-shadow:#fff 0 0;
.nav-box nav ul li a span {
display:block;
float:left;
background:url(../images/spacer.gif);
.nav-box nav ul li a:hover span,
.nav-box nav ul li a.active span {
background:url(../images/nav-act-left.gif) no-repeat left top;
.nav-box nav ul li a b {
display:block;
float:left;
background:url(../images/spacer.gif);
padding:10px 23px 14px 23px;
.nav-box nav ul li a:hover b,
.nav-box nav ul li a.active b {
background:url(../images/nav-act-right.gif) no-repeat right top;
.box {
width:237px;
color:#fff;
.box .top {
background-repeat:no-repeat;
background-position:left top;
background-image:url(../images/box-top.png);
height:14px;
overflow:hidden;
font-size:0;
line-height:0;
.box .bot {
background-repeat:no-repeat;
background-position:left top;
background-image:url(../images/box-bot.png);
height:15px;
overflow:hidden;
font-size:0;
line-height:0;
.box .xcontent {
background-repeat:repeat-y;
background-position:left top;
background-image:url(../images/box-tail.gif);
.box .xcontent .bg {
min-height:137px;
height:auto!important;
height:137px;
background-repeat:no-repeat;
background-position:left top;
background-image:url(../images/box-bg.jpg);
.box .inner {
padding:2px 35px 0 26px;
.box h2 {
font-size:2.417em;
font-weight:bold;
margin-bottom:4px;
text-shadow:#0b97e4 1px 1px;
.box p {
line-height:1.583em;
margin-bottom:9px;
/* box style1 */
.box.style1 .top {background-image:url(../images/box-top1.png);}
.box.style1 .bot {background-image:url(../images/box-bot1.png);}
.box.style1 .xcontent {background-image:url(../images/box-tail1.gif);}
.box.style1 .xcontent .bg {background-image:url(../images/box-bg1.jpg);}
.box.style1 .link1 {background-image:url(../images/link1-right1.png);}
.box.style1 .link1 span {background-image:url(../images/link1-left1.png);}
.box.style1 .link1 b {background-image:url(../images/link1-bgd1.png);}
.box.style1 h2 { text-shadow:#78b10b 1px 1px;}
/* box style2 */
.box.style2 .top {background-image:url(../images/box-top2.png);}
.box.style2 .bot {background-image:url(../images/box-bot2.png);}
.box.style2 .xcontent {background-image:url(../images/box-tail2.gif);}
.box.style2 .xcontent .bg {background-image:url(../images/box-bg2.jpg);}
.box.style2 .link1 {background-image:url(../images/link1-right2.png);}
.box.style2 .link1 span {background-image:url(../images/link1-left2.png);}
.box.style2 .link1 b {background-image:url(../images/link1-bgd2.png);}
.box.style2 h2 { text-shadow:#ff6900 1px 1px;}
/* box style3 */
.box.style3 .top {background-image:url(../images/box-top3.png);}
.box.style3 .bot {background-image:url(../images/box-bot3.png);}
.box.style3 .xcontent {background-image:url(../images/box-tail3.gif);}
.box.style3 .xcontent .bg {background-image:url(../images/box-bg3.jpg);}
.box.style3 .link1 {background-image:url(../images/link1-right3.png);}
.box.style3 .link1 span {background-image:url(../images/link1-left3.png);}
.box.style3 .link1 b {background-image:url(../images/link1-bgd3.png);}
.box.style3 h2 { text-shadow:#ffad07 1px 1px;}
.box1 {
width:227px;
.box1 .top {
height:49px;
overflow:hidden;
background:url(../images/box1-top.png) no-repeat left top;
.box1 .bot {
height:17px;
font-size:0;
line-height:0;
overflow:hidden;
background:url(../images/box1-bot.gif) no-repeat left top;
.main-box .box1 .border-left {
padding-left:1px;
background:url(../images/box1-border.gif) repeat-y left top;
.main-box .box1 .border-right {
padding-right:1px;
background:url(../images/box1-border.gif) repeat-y right top;
.main-box .box1 .xcontent {
width:100%;
min-height:261px;
height:auto!important;
height:261px;
padding:0;
background:url(../images/box1-tail.gif) repeat-x left top #f8f8f8;
.main-box .box1 .inner {
padding:12px 14px 20px 18px;
.box1 h2 {
font-weight:bold;
color:#fff;
padding:10px 0 0 18px;
.box2 {
width:227px;
.box2 .top {
height:15px;
overflow:hidden;
background:url(../images/box2-top.png) no-repeat left top;
.box2 .bot {
height:16px;
font-size:0;
line-height:0;
overflow:hidden;
background:url(../images/box2-bot.gif) no-repeat left top;
.main-box .box2 .border-left {
padding-left:1px;
background:url(../images/box2-border.gif) repeat-y left top;
.main-box .box2 .border-right {
padding-right:1px;
background:url(../images/box2-border.gif) repeat-y right top;
.main-box .box2 .xcontent {
width:100%;
min-height:113px;
height:auto!important;
height:113px;
padding:0;
background:url(../images/box2-tail.gif) repeat-x left top #f6f6f6;
.main-box .box2 .inner {
padding:0 14px 20px 18px;
.box2 h2 {
font-weight:bold;
color:#3c3c3c;
margin-bottom:16px;
.main-box {
width:100%;
.main-box .left-top-corner {
background:url(../images/left-top-corner.png) no-repeat left top;
height:18px;
padding-left:18px;
.main-box .right-top-corner {
background:url(../images/right-top-corner.png) no-repeat right top;
height:18px;
padding-right:18px;
.main-box .border-top {
background:url(../images/border-top.png) left top repeat-x;
height:18px;
font-size:0;
line-height:0;
width:100%;
.main-box .border-left {
background:url(../images/border-left.png) left top repeat-y;
padding-left:3px;
.main-box .border-right {
background:url(../images/border-right.png) right top repeat-y;
padding-right:3px;
.main-box .xcontent {
background:#fff;
padding:0 2px;
.main-box .tail {
background:url(../images/main-box-tail.gif) repeat-x left top;
width:100%;
.main-box .inner {
padding:3px 15px 0 8px;
.main-box .inner1 {
padding:3px 8px 0 25px;
.main-box .inner1 aside {
margin:0;
.main-box .inner1 #content {
margin-right:32px;
width:665px;
.main-box .inner2 {
padding:3px 25px 35px 25px;
.main-box .inner2 #content {
width:auto;
float:none;
/*===== content =====*/
#content h2 {
color:#3e3e3e;
letter-spacing:0;
margin-bottom:16px;
#content .indent {
padding-bottom:60px;
#content .link2 {
background-image:url(../images/link2-bg2.png);
float:left;
/*===== Sidebar =====*/
aside .indent {
margin-bottom:20px;
/*===== footer =====*/
footer .right {
padding-right:3px;
background:url(../images/border-right.png) repeat-y right top;
footer .tail {
padding:17px 0 11px 27px;
background-color:#2d2d2d;
footer .line-ver {
background:url(../images/divider.gif) repeat-y 210px 0;
width:100%;
overflow:hidden;
footer .fleft a {
color:#535353;
text-decoration:none;
footer .fleft a:hover {
text-decoration:underline;
footer .fleft {
padding-bottom:8px;
footer .fleft ul {
padding:8px 0 3px 0;
footer .fleft ul li {
display:inline;
footer .fright {
padding:0 29px 0 0;
text-align:right;
footer .fright a {
color:#12b7f4;
footer .fright ul {
padding:8px 0 5px 0;
footer .fright ul li {
display:inline;
padding-right:15px;
margin-right:12px;
background:url(../images/divider1.gif) no-repeat right 3px;
footer .fright ul li a {
text-decoration:none;
color:#535353;
footer .fright ul li a:hover,
footer .fright ul li a.active {
color:#c4c4c4;
text-decoration:underline;
footer .fright ul li.last {
background:none;
padding:0;
margin:0;
/*----- forms -----*/
#subscribe-form .rowElem {
width:100%;
overflow:hidden;
#subscribe-form span {
display:block;
width:193px;
height:26px;
margin-bottom:6px;
background:url(../images/input-bg.png) no-repeat left top;
#subscribe-form input {
background:none;
border:0;
line-height:1.2em;
vertical-align:top;
margin:5px 0 0 10px;
color:#8c8d8d;
width:173px;
#subscribe-form a.fleft {
color:#4b4b4b;
font-weight:bold;
position:relative;
left:10px;
top:7px;
/* The Nivo Slider styles */
#slider_box{ width:946px; height:370px; margin-top:-3px; margin-bottom:15px;background:url(../images/bg_img.png) 0 0 no-repeat; padding:21px 0 0 21px}
#slider{ position:relative; width:925px; height:348px; z-index:88;overflow:hidden;}
/* If an image is wrapped in a link */
.nivoSlider a.nivo-imageLink {position:absolute;top:0px;left:0px;width:100%;height:100%;border:0;padding:0; margin:0;z-index:60;display:none;}
/* The slices in the Slider */
.nivo-slice {display:block; position:absolute;z-index:50;height:100%;}
/* Direction nav styles (e.g. Next & Prev) */
.nivo-directionNav a { position:absolute; bottom:-34px; z-index:99; cursor:pointer;text-indent:-5000px; width:30px; height:30px; display:block;}
.nivo-prevNav { right:135px; background:url(../images/marker_left.gif) no-repeat}
.nivo-prevNav:hover{ background:url(../images/marker_left_active.gif) no-repeat}
.nivo-nextNav {right:10px; background:url(../images/marker_right.gif) no-repeat}
.nivo-nextNav:hover{ background:url(../images/marker_right_active.gif) no-repeat}
/* Control nav styles (e.g. 1,2,3...) */
.nivo-controlNav{ position: absolute;z-index:99; right:14px; bottom:21px;}
.nivo-controlNav a {position:relative;z-index:99;cursor:pointer; text-indent:-5000px; width:16px; height:16px; float:left; margin-right:6px; background:url(../images/buttons.png) right 0 no-repeat}
.nivo-controlNav a.active { background-position:left}
/* Caption styles */
.nivo-caption { padding-top:77px; height:270px; width:345px;position:absolute; top:0px; right:20px; color:#fff; z-index:99;}
.nivo-caption .box{ display:inline-block;background:url(../images/box.png) no-repeat; font:24px Arial, Helvetica, sans-serif; color:#fff; line-height:30px; text-align:center; font-weight:bold; width:83px; margin-right:10px;}
.nivo-caption .text1{ font:36px Arial, Helvetica, sans-serif; color:#39c0f8; font-weight:bold; display:inline-block; line-height:1.2em; margin-top:-7px;}
.nivo-caption .text2{ font:48px Arial, Helvetica, sans-serif; color:#fff; font-weight:bold; display:block; line-height:1.2em; margin-top:-10px; letter-spacing:-2px;}
.nivo-caption p{ font-size:12px; color:#fff; line-height:14px; font-weight:bold; padding-top:8px;}
.nivo-caption a{ display:inline-block; position:absolute; left:0; bottom:60px; background:url(../images/button-bg.png) 0 0 no-repeat; font:40px Arial, Helvetica, sans-serif; line-height:60px; padding-bottom:3px; text-align:center; width:194px; color:#fff; text-decoration:none; letter-spacing:-2px;}
.nivo-caption a:hover{ background-position:bottom}
.color1 p{ color:#454545}
.nivo-caption .color1 .text1{ font-size:30px; display:block; color:#454545; margin-top:0}
.nivo-caption .color1 .text2{ color:#3b3b3b; display:inline-block; letter-spacing:-3px}
.nivo-caption .color1 .box{ margin-right:0px; margin-top:7px; margin-left:7px}
#contacts-form .rowElem {
height:40px;
#contacts-form .rowElem span {
display:block;
width:300px;
height:26px;
margin-bottom:6px;
background:url(../images/input-bg_2.png) no-repeat left top;
#contacts-form input {
background:none;
border:0;
line-height:1.2em;
vertical-align:top;
margin:5px 0 0 10px;
color:#8c8d8d;
width:300px;
#contacts-form .rowElem1 span {
display:block;
width:300px;
height:175px;
margin-bottom:21px;
background:url(../images/textarea-bg.gif) no-repeat left top;
#contacts-form textarea {
width:300px;
height:168px;
overflow:auto;
background:none;
border:0;
color:#8c8d8d;
padding:5px 0 2px 10px;
#contacts-form .link2 {
margin-left:15px;
/*==========================================*/
The HTML is:
<!DOCTYPE html>
<html lang="en">
<head>
<!-- TemplateBeginEditable name="doctitle" -->
<title>TravelSober.com Eastern Caribbean Sober Cruise</title>
<meta name="keywords" content="Sober cruise, sober cruises, sober cruise vacations, sober holidays, sober travel, sober vacation, sober vacations, aa convention, sober safari, sober travel.">
<meta name="description" content="Find out more about our Eastern Caribbean Sober Cruise or any of our other sober vacations.">
<!-- TemplateEndEditable -->
<meta charset="utf-8">
<link rel="stylesheet" href="css/reset.css" type="text/css" media="all">
<link rel="stylesheet" href="css/layout.css" type="text/css" media="all">
<link rel="stylesheet" href="css/style.css" type="text/css" media="all">
<!--[if lt IE 7]>
<link rel="stylesheet" href="css/ie/ie6.css" type="text/css" media="screen">
<script type="text/javascript" src="js/ie_png.js"></script>
<script type="text/javascript">
ie_png.fix('.png, .nav-box .left, .nav-box .right, nav, footer .right, footer, #slider, #slider .inside a, .box .top, .box .bot, .link1, .link1 span, .link1 b, .list li, .main-box .left-top-corner, .main-box .right-top-corner, .main-box .border-top, .main-box .border-left, .main-box .border-right, .box1 .top, .box2 .top, .link2, .link3, .events-list li img, #subscribe-form span');
</script>
<![endif]-->
<!--[if lt IE 9]>
<script type="text/javascript" src="js/html5.js"></script>
<![endif]-->
<style type="text/css">
body,td,th {
font-size: 92%;
</style>
<!-- TemplateBeginEditable name="head" -->
<!-- TemplateEndEditable -->
<script type="text/javascript">
var _gaq = _gaq || [];
_gaq.push(['_setAccount', 'UA-21210386-3']);
_gaq.push(['_trackPageview']);
(function() {
var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
</script>
<link href="images/favicon.ico" rel="SHORTCUT ICON">
</head>
<body id="page7">
<div id="main">
<!-- header -->
<header>
<h1><a href="index.html"><strong>TravelSober.com</strong></a></h1>
<div class="nav-box">
<div class="left">
<div class="right">
<nav>
<ul>
<li><a href="index.html"><span><b>Home</b></span></a></li>
<li><a href="about-us.html"><span><b>About Us</b></span></a></li>
<li><a href="planned-trips.html"><span><b>Planned Trips</b></span></a></li>
<li><a href="instant-specials.html"><span><b>Bob's Super Specials</b></span></a></li>
<li><a href="testimonials.html"><span><b>Testimonials</b></span></a></li>
<li><a href="contact-us.html"><span><b>Contact Us</b></span></a></li>
</ul>
</nav>
</div>
<a href="#" class="rss">RSS</a> </div>
</div>
<ul class="banners">
<li>
<div class="box">
<div class="top"></div>
<div class="xcontent">
<div class="bg">
<div class="inner">
<h2>Sober Cruises</h2>
<p>Our cruises go to the best destinations on earth on a budget or in 6 Star luxury.</p>
<div class="wrapper"><a href="planned-cruises.html" class="link1"><span><b>more</b></span></a></div>
</div>
</div>
</div>
<div class="bot"></div>
</div>
</li>
<li>
<div class="box style1">
<div class="top"></div>
<div class="xcontent">
<div class="bg">
<div class="inner">
<h2>Friends of Lois Trips</h2>
<p>Al-Anon conferences and vacations</p>
<div class="wrapper"><a href="friends-of-lois-trips.html" class="link1"><span><b>more</b></span></a></div>
</div>
</div>
</div>
<div class="bot"></div>
</div>
</li>
<li>
<div class="box style2">
<div class="top"></div>
<div class="xcontent">
<div class="bg">
<div class="inner">
<h2>Conventions</h2>
<p>We take advantage of the many worldwide AA conventions combining them with tours.</p>
<div class="wrapper"><a href="sober-cruise-greece-2013.html" class="link1"><span><b>more</b></span></a></div>
</div>
</div>
</div>
<div class="bot"></div>
</div>
</li>
<li>
<div class="box style3">
<div class="top"></div>
<div class="xcontent">
<div class="bg">
<div class="inner">
<h2>Recovery</h2>
<p>Check out our sober resources page for all fellowships and the chance to meet new friends.</p>
<div class="wrapper"><a href="recovery-resources.html" class="link1"><span><b>more</b></span></a></div>
</div>
</div>
</div>
<div class="bot"></div>
</div>
</li>
</ul>
</header>
<div class="main-box">
<div class="left-top-corner">
<div class="right-top-corner">
<div class="border-top"></div>
</div>
</div>
<div class="border-left">
<div class="border-right">
<div class="xcontent">
<div class="tail">
<div class="inner2">
<!-- content -->
<section id="content">
<h2><b>Costa Caribbean Cruise on the Mediterranea
- November 30 – December 10, 2012</b><br><br>
<b>From $699 Per Person / Double-Occupancy. 10 days for the price of 7!</b></h2>
<p> <img src="images/costa-mediterranea-sober-cruise- caribbean-2012.jpg" alt="sober_cruise_caribbean" width="320" height="204" align="right"></p>
<h5>Enjoy the Bahamas, Jamaica, Grand Cayman Islands, Roatan, Belize and Cozumel with a round-trip from Miami. You will experience great Italian cuisine, fabulous entertainment and famous <i>In This Life</i> Custom Excursions. We will feature the best of snorkeling, scuba, golf, dolphin encounter and much more!<p></p>Get on board for one of our latest once in a lifetime opportunities. Costa Cruises has reached out to showcase their ships and famous Italian ambience. We have traveled extensively with Costa on one of their best vessels, the Mediterranea. <p></p>This is one of the most popular vessels in the Costa fleet and has been enjoyed by hundreds of <i>In This Life</i> clients. Costa has extended special rates because of the unfortunate accident in Europe. They are giving <i>In This Life</i> guests 10 days for the price of 7 with free upgrades on their November 30 combination Eastern-Western Caribbean cruise.<p></p>Join us for various meetings onboard everyday!</h5>
<h5>10-day itinerary includes: <dir>
<p>Day 1: Depart 9.00pm: Miami, Florida,<br>
Day 2: 9.00am - 6.00pm: Nassau, Bahamas,<br>
Day 3: At Sea,<br>
Day 4: 12.00pm - 7.00pm: Ochos Rios, Jamaica,<br>
Day 5: 9.00am - 6.00pm: Grand Cayman,<br>
Day 6: At Sea,<br>
Day 7: 8.00am - 6.00pm: Roatan, Honduras,<br>
Day 8: 8.00am - 5.00pm: Belize,<br>
Day 9: 8.00am - 7.00pm: Cozumel, Mexico,<br>
Day 10: At Sea,<br>
Day 11: Miami, Florida: Arrive 8.00am.</p>
</dir><h2>ITL special - Save up to $200 per person! These are exclusive prices ONLY AVAILABLE from <i>Travel Sober</i>. </h2>
<img src="images/Cribbean-sober-cruise-2012.jpg" alt="sober_cruise_caribbean" width="394" height="264" align="right">
<h5><p></p>Inside Cabin: $699<br>Ocean View Cabin: $699<br>Deluxe Ocean View Cabin: $899<br>Veranda Cabin: $899</p>
<p></p>
<p>Book an Inside Cabin for $699 and be upgraded for free to Ocean View.
<p></p>Book Deluxe Ocean View for $899 and be upgraded for free to Veranda.
Other free upgrades within categories – placement on first come, first served basis.
<p></p>This is a Sober Cruise. Get a group together and get extra PERKS!
</p>
<p><h2>Deposit now for best cabin placement, specials and free upgrades!</h2><br><br>
<img src="images/in-this-life-logo.jpg" alt="sober_cruise_caribbean" width="300" height="214" align="middle">
<h5><h2>
Call or Email Us Today</h2></a>
<p></p><h2>Office: (805) 927-6910</h2>
<h2>Toll Free: (800) 531-7578</h2>
<p></p><br>
<h2>Email:<a href="mailto:[email protected]" class="txt1"> [email protected]</h2></a><br>
<h2>Email:<a href="mailto:[email protected]" class="txt1"> [email protected]</h2></a>
</p></h5>
</section>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- footer -->
<footer>
<div class="right">
<div class="tail">
The MORE buttons aren't images. They are in the HTML and appear to be styled with CSS to look like button images.
<span><b>more</b></span>
Unfortunately, Design View is incapable of displaying CSS border-radius, gradients, shadows and other CSS level 3 properties. That's why we have Live View which behaves more like a real browser.
If you can't live with this, disable CSS in DW by going to View > Style Rendering > untick display styles.
Or, use a Design-Time Style Sheet that contains no CSS level 3 properties.
Nancy O.
Maybe you are looking for
-
Navigation between different componets in IC Web Client for CRM 7.0
Once the user click save button in component ICCMP_BT_BUTTON I need to navigate to component ICCMP_BT_SVO that displays the Service Order Data and display the new Service Request that was created. How can I do navigation between different componets i
-
How to setup 2 AXs in ethernet series from an AT&T DSL modem
I want to expand my exisitng ethernet network (AT&T DSL modem -> Ethernet Cat6 -> AX -> WiFi). My home is concrete block ranch, so one AX doesn't cover the whole house. I am running the latest version of ML on a 1TB, 16GB RAM, MBP 9.1 (non-retina di
-
Hi. I've read some of these other posts but they're hurting my mind. Appreciate any help in advance. Have footage in shot in 60 fps. Put it in it's own 60 timeline and copied the clip, dropped in the main 24 fps seq. Looks terrible. I know why. How d
-
Design View selecting buried items?
I'm wondering if there is a way to select components that are not visible in design view; that is they are underneath something that is 100% wide and high (but in reality on top of them). I have tried cntl clicking, tab, esc, cmd, all the standard wa
-
ABAP Refactoring Assistant not available
Dear all, We could not able to find the ABAP Refactoring Assistant in the Main Menu/Context menu in our ABAP editor (SE80/SE38). We are having the same in SE24 (Class builder). We are in SAP ECC 6.0 EHP 7 SP02, Kernel Release 740. Can anyone help me