How to view semantic css based layouts in design view in dreamweaver?
Hi all,
I havent had a lot to do with CSS based layouts (tables have alwasy just worked for me fine) but I am wondering how do I view the semantic/css based layout in design view in Dreamweaver?
As when I write the code, in design view its not showing me what the page will look like, I have to click on "Live View" to see what the page actually looks like.
I guess I am asking is there a way to using WYSIWYG on css layouts in design view??? Just like I do table layouts (In design view I can grab the edge of the table and resize etc)?
Any help would be great
Lou yeah I don't think the term WYSIWYG really applys to dreamweaver anymore when building CSS layouts.
The term "WYSIWYG" never applied to DW. It was never such a thing, nor was any other HTML authoring, no matter what the marketing hype said. It's not possible to deliver wysiwyg layouts when there are so many different browsers/platforms/versions to worry about. This is particularly true when you go back to the era when WYSIWYG was actively used (but not with DW, which was not advertised in such a way) - Netscape 4, and IE5/Mac would alone be enough to destroy any layout....
The view you are getting in Design view is happening because your CSS is misplaced BELOW the <body> tag - it should be in the head of the page (i.e., above </head>). Your CSS should never be placed within the body of the page.
Similar Messages
-
Creating template areas when using CSS based layout
Hi:
I'm ransitioning to pure CSS based layouts. When I used tables for layouts I could select a table cell and make that an editable template region. But when I'm setting everything up in Divs, you can't "select" a div in Layout mode. Indeed, layout mode doesn't really work at all - things are shown all jumbled and you have to use Preview or open in a browser window to see how things will look. (I'm not using the grid - maybe I should?) Is there a way to select a div and make it an editable template region?
I'm using GoLive CS2 on a Mac.
Thanks!Is this affecting ALL text on that page?
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
==================
"matthewtrefz" <[email protected]> wrote in
message
news:eo5o8v$aqa$[email protected]..
> We have recently performed an upgrade to our site. The
entire layout is
> css
> based. The problem we have run into is that Contribute
users can no longer
> select the content using the mouse. In fact the only way
to edit the
> content is
> to use the arrow keys on the keyboard. Though it is
possible to edit
> content
> this way it is very time consuming and confusing to most
of our users.
>
> I have tired to edit pages based on a template, and
pages not based on a
> template and get the same issue.
> What can I do to fix this problem?
>
> The web address is
http://engineering.osu.edu
>
> Thanks,
> Matthew
> -
How to transform fixed table iWeb layouts to liquid CSS based layouts
I'm in the process of changing my website over iWeb and would like to change the iweb fixed table layout to a liquid based layout.
Here's the website I have now: http://teacherweb.com/CA/Newhart/CanKuhn and when changing to iweb I want the layout to change with the window size like it does with my website.
Is this possible with iWeb?Lou yeah I don't think the term WYSIWYG really applys to dreamweaver anymore when building CSS layouts.
The term "WYSIWYG" never applied to DW. It was never such a thing, nor was any other HTML authoring, no matter what the marketing hype said. It's not possible to deliver wysiwyg layouts when there are so many different browsers/platforms/versions to worry about. This is particularly true when you go back to the era when WYSIWYG was actively used (but not with DW, which was not advertised in such a way) - Netscape 4, and IE5/Mac would alone be enough to destroy any layout....
The view you are getting in Design view is happening because your CSS is misplaced BELOW the <body> tag - it should be in the head of the page (i.e., above </head>). Your CSS should never be placed within the body of the page. -
HTML DB's (even 2.0) layout features are based firmly on pure HTML tables. Rows and cells, rowspans/colspans. etc.
Reading some of the bleeding edge web development sites/blogs out there, they have been proclaiming the death of HTML tables for page layout purposes for years now. CSS support is pretty well established in all major browsers, CSS standards have matured substantially over the past few years.
What does the HTML DB development team think about adding native support for CSS-based page layouts?
ThanksHello,
You can pretty much ,with some exceptions' create a fully XHTML/CSS based templates in HTML DB.
The Builder will not be doing this for some time yet and some comments in your own post explains why.
Reading some of the bleeding edge web development sites/blogs out there,I would suspect most people would want production quality not bleeding edge.
You will notice we have removed pretty much removes all deprecated tags though.
What follows next is a rant but it's only because I take my HTML 'VERY' seriously, been building pages since the bleeding edge browser was lynx , you have been warned.
--BEGIN RANT
CSS support is 'pretty well established' in all major browsers, CSS standards have
matured substantially over the past few years.I can't even begin to count all the different ways pretty well established does not equal looks the same in all major browsers, if you don't believe me just ask google.
I don't like pointing at any one browser in particular (all heads look towards Redmond , Washington) but one of these browsers doesn't stack up compared to the others. It is unfortunate that it has the huge install base it does.
examples of things that just plain suck:
style="display:inline-table;"
png's with transparency
background image under links blinking bug
caching of backgroud images
oh and the whole box model thing
I'm a huge fan of xhtml/css layout's but the css hacks involved, the css issues between different browsers, unless it's a demonstration of how cool you can make things with only <div> tags and css it's not worth the time and effort to get it perfect.
You need to email Mozilla Foundation and Microsoft and complain to them once they get it right.
I 'personally' will make it right till then LONG LIVE TABLES!!!!?
--END RANT
Thanks,
Carl
[pre] -
How to biod Crystal Reports based on ABAP Tables/Views
Hi,
Can any one post me some document stuff on building Crystal reports based on ABAP Tables/Views please!
Thanks,
Madhu.Hi,
Check out the links below for Crystal Reports :
Re: Crystal report in SAP BW
http://support.businessobjects.com/documentation/product_guides/
http://help.sap.com/saphelp_nw04/helpdata/en/86/06a8d3be17fc47aa8d850e50cf5f24/frameset.htm
http://help.sap.com/saphelp_nw04/helpdata/en/46/dfd33b1ed4b47de10000000a114084/frameset.htm
http://help.sap.com/saphelp_nw04/helpdata/en/34/c0523e83464644e10000000a114084/frameset.htm
http://help.sap.com/saphelp_nw04/helpdata/en/0d/5f72b7c0e943d99f4f5cef2bfacfe1/frameset.htm
http://help.sap.com/saphelp_nw04/helpdata/en/06/00a63b60f26e3be10000000a114084/frameset.htm
Hope this helps.
Cheers,
Kedar -
How can I get back to editing in Design view?
I can't edit my web pages in Design view. When I DON'T have Live View on, nor Live Code, I only get a cursor shaped like a NO circle and I cannot click on anything to edit it. I can only make changes in the code window.
What can I do to restore editablilty in Design view?Sorry this has taken so long. I have been trying a few things. One is the fact my template my pages are all based on has an editable region, which is where the uneditable are is within.. Other editable areas in the template are available for me to click into and edit, but not the main area.
I tried moving the main div inside the editable region, but then, although it is now editable, the main div gets wiped away when the site pages get updated. So then I am forced to go back to the previous situation.
Link: http://www.revelantiron-ons.com/MainPage.html
Code:
<html><!-- InstanceBegin template="/Templates/PageLayout_Idea_Template.dwt" codeOutsideHTMLIsLocked="false" -->
<head>
<!-- InstanceBeginEditable name="doctitle" -->
<title>Revelant Iron-Ons Home</title>
<!-- InstanceEndEditable -->
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" > <meta name="keywords" content="christian t shirts, christian apparel, iron on transfer, iron-on transfer, transfers iron on, creation, creator, relevant, Christian, t-shirt, tshirt, iron on, iron-on, inspirational, political, conservative, pro-life, prolife, religious, religion, christian, bible, Jesus, Holy Spirit, spiritual, design, revelation">
<meta name="description" content="A site for custom-designed Christian, religious, inspiriational, politically conservative iron-on designs. Unique Christian and inspirational iron-on transfer designs for you.">
<link href="rio-styles.css" rel="stylesheet" type="text/css">
<script type="text/javascript">
<!--
function MM_preloadImages() { //v3.0
var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
function MM_findObj(n, d) { //v4.01
var p,i,x; if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
if(!x && d.getElementById) x=d.getElementById(n); return x;
function MM_nbGroup(event, grpName) { //v6.0
var i,img,nbArr,args=MM_nbGroup.arguments;
if (event == "init" && args.length > 2) {
if ((img = MM_findObj(args[2])) != null && !img.MM_init) {
img.MM_init = true; img.MM_up = args[3]; img.MM_dn = img.src;
if ((nbArr = document[grpName]) == null) nbArr = document[grpName] = new Array();
nbArr[nbArr.length] = img;
for (i=4; i < args.length-1; i+=2) if ((img = MM_findObj(args[i])) != null) {
if (!img.MM_up) img.MM_up = img.src;
img.src = img.MM_dn = args[i+1];
nbArr[nbArr.length] = img;
} else if (event == "over") {
document.MM_nbOver = nbArr = new Array();
for (i=1; i < args.length-1; i+=3) if ((img = MM_findObj(args[i])) != null) {
if (!img.MM_up) img.MM_up = img.src;
img.src = (img.MM_dn && args[i+2]) ? args[i+2] : ((args[i+1])? args[i+1] : img.MM_up);
nbArr[nbArr.length] = img;
} else if (event == "out" ) {
for (i=0; i < document.MM_nbOver.length; i++) {
img = document.MM_nbOver[i]; img.src = (img.MM_dn) ? img.MM_dn : img.MM_up; }
} else if (event == "down") {
nbArr = document[grpName];
if (nbArr)
for (i=0; i < nbArr.length; i++) { img=nbArr[i]; img.src = img.MM_up; img.MM_dn = 0; }
document[grpName] = nbArr = new Array();
for (i=2; i < args.length-1; i+=2) if ((img = MM_findObj(args[i])) != null) {
if (!img.MM_up) img.MM_up = img.src;
img.src = img.MM_dn = (args[i+1])? args[i+1] : img.MM_up;
nbArr[nbArr.length] = img;
//-->
</script>
<!-- InstanceBeginEditable name="head" -->
<script type="text/javascript">
<!--
function MM_swapImgRestore() { //v3.0
var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
function MM_swapImage() { //v3.0
var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
//-->
</script>
<!-- InstanceEndEditable -->
</head>
<body class="body" onLoad="MM_preloadImages('images/NavRllvr1.jpg','images/NavRllvr2.jpg','images/NavRllvr3. jpg','images/NavRllvr4.jpg','images/NavRllvr5.jpg','images/NavRllvr6.jpg','images/RIO_NavU p1.jpg','images/RIO_NavUp2.jpg','images/RIO_NavUp3.jpg','images/RIO_NavUp4.jpg','images/RI O_NavUp5.jpg','images/RIO_NavUp6.jpg','images/BuyBttn_sml_ovr.jpg')">
<div id="container">
<div id="adspace">
<!-- InstanceBeginEditable name="AdSpaceRegion" --><img src="../images/AlsoFollowbar.jpg" id="followbox" alt="Also follow Revelant Iron-Ons at these locations" width="857" height="43" hspace="59" vspace="0" border="0" usemap="#Map">
<map name="Map">
<area shape="rect" coords="640,2,712,48" href="http://www.cafepress.com/RevelantIronOnsCP" target="_blank" alt="Revelant Iron-Ons at CafePress">
<area shape="rect" coords="487,4,616,40" href="http://www.zazzle.com/revelant" target="_blank" alt="Revelant Iron-Ons at Zazzle.com">
<area shape="rect" coords="792,1,848,42" href="http://twitter.com/RevelantIronOns" target="_blank" alt="Revelant Iron-Ons Twitter page">
<area shape="rect" coords="727,2,787,45" href="http://www.facebook.com/profile.php?id=100002412534139&sk=wall" target="_blank" alt="Revelant Iron-ons Facebook page">
</map><!-- InstanceEndEditable --></div>
<div id="leftside"></div><div id="rightside"></div><div id="centercore">
<div id="header"><img src="images/RIO_Masthead-left.jpg" width="448" height="109" alt="Revelant Iron-Ons logo"><img src="images/RIO_Masthead-Right.jpg" width="448" height="109" alt="Inspirational Iron-On Designs"></div>
<div id="navbar">
<div id="navbuttonlineup"><a href="MainPage.html" target="_top" onClick="MM_nbGroup('down','group1','Home_bttn','../images/NavRllvr1.jpg',1)" onMouseOver="MM_nbGroup('over','Home_bttn','../images/NavRllvr1.jpg','../images/RIO_NavUp 1.jpg',1)" onMouseOut="MM_nbGroup('out')"><img src="images/RIO_NavUp1.jpg" alt="Home" name="Home_bttn" width="150" height="28" border="0" onload=""></a><a href="designs.html" target="_top" onClick="MM_nbGroup('down','group1','Designs_bttn','../images/NavRllvr2.jpg',1)" onMouseOver="MM_nbGroup('over','Designs_bttn','../images/NavRllvr2.jpg','../images/RIO_Na vUp2.jpg',1)" onMouseOut="MM_nbGroup('out')"><img src="images/RIO_NavUp2.jpg" alt="Designs" name="Designs_bttn" width="150" height="28" border="0" onload=""></a><a href="news.html" target="_top" onClick="MM_nbGroup('down','group1','News_bttn','../images/NavRllvr3.jpg',1)" onMouseOver="MM_nbGroup('over','News_bttn','../images/NavRllvr3.jpg','../images/RIO_NavUp 3.jpg',1)" onMouseOut="MM_nbGroup('out')"><img src="images/RIO_NavUp3.jpg" alt="News" name="News_bttn" width="150" height="28" border="0" onload=""></a><a href="articles.html" target="_top" onClick="MM_nbGroup('down','group1','Articles_bttn','../images/NavRllvr4.jpg',1)" onMouseOver="MM_nbGroup('over','Articles_bttn','../images/NavRllvr4.jpg','../images/RIO_N avUp4.jpg',1)" onMouseOut="MM_nbGroup('out')"><img src="images/RIO_NavUp4.jpg" alt="Articles" name="Articles_bttn" width="150" height="28" border="0" onload=""></a><a href="instructions.html" target="_top" onClick="MM_nbGroup('down','group1','instruct_bttn','../images/NavRllvr5.jpg',1)" onMouseOver="MM_nbGroup('over','instruct_bttn','../images/NavRllvr5.jpg','../images/RIO_N avUp5.jpg',1)" onMouseOut="MM_nbGroup('out')"><img src="images/RIO_NavUp5.jpg" alt="Instructions" name="instruct_bttn" width="150" height="28" border="0" onload=""></a><a href="contactform.html" target="_top" onClick="MM_nbGroup('down','group1','About_bttn','../images/NavRllvr6.jpg',1)" onMouseOver="MM_nbGroup('over','About_bttn','../images/NavRllvr6.jpg','../images/RIO_NavU p6.jpg',1)" onMouseOut="MM_nbGroup('out')"><img src="images/RIO_NavUp6.jpg" alt="Contact Us" name="About_bttn" width="146" height="28" border="0" onload=""></a></div>
<div id="mainContent"><!-- InstanceBeginEditable name="ContentRegion" -->
<div id="mainblurb" class="RIO_basic">
<div id="quickquip" ><p class="RIO_smaller">Keep on top of new designs and other important information. <a href="http://revelantiron-ons.com/letsshop/index.php?main_page=login">Click here</a> to sign up for our newsletter.<a href="http://revelantiron-ons.com/letsshop/index.php?main_page=login"><img src="/images/nwslttr_choose_shot.jpg" alt="choose our newsletter section of registration form" width="190" height="67" vspace="6" border="0"></a> </p>
</div>
<div id="quickquip" ><p class="RIO_smaller">Have questions about Revelant Iron-Ons iron-on transfers? <a href="FAQ.html">Look up our FAQ page</a>.</p>
</div>
<div class="clearfloat"></div>
<p class="RIO_HeadlineK">God’s Cool Creation! </p>
<p>This is sure to become popular very quickly. God’s Cool Creation displays a wonderful arrangement of images and illustrations glorifying God in His handiwork of Earth’s creation.</p>
<p><img src="/images/designs/proxies/CC_proxy_150w.png" width="150" height="126" alt="God's Cool Creation iron-on design"></p>
<p>Take a look at this design, <a href="http://revelantiron-ons.com/letsshop/index.php?main_page=product_info&cPath=1&products_id= 7&zenid=217315476d30c2abb2e57d53bcbadb97"><span class="linkK">order it today</span></a>, and get ready to hear your friends ooh and aah over it!</p>
<p class="RIO_HeadlineK"><a href="news.html#SpecialOffer" class="linkK">A Special Introductory Offer<br>
for first-time orders!</a></p>
<p class="RIO_HeadlineK">Welcome to Revelant Iron-Ons.</p>
<p class="RIO_SubK">Iron-On Designs that Say What You Want to Say</p>
<p>We are happy to present to you some of the most relevant, eye-catching and unique Christian, inspirational iron-on designs available on the web. This is our aim, and as we grow, we believe you will find this to be true.</p>
<p>As this site is new, we currently have only a few designs. However, many new designs are in the works. The Bible asks, “Who despises the day of small things?” Well, not us! We thankfully rejoice that we can start offering you specially made iron-ons in a small way now and grow to more designs later.</p>
<p class="RIO_SubK">A DIY Approach</p>
<p>Our purpose is to provide you with great iron-on designs, and impactful messages, printed with Epson’s premium DURABrite<span class="Superscript">®</span> Ultra ink, on quality iron-on transfer material. You supply the garment and the iron, follow our special instructions, and end up with a fantastic iron-on you can enjoy wearing for years.</p>
<p>Please view our designs, order what you like, and also read any important news and articles about each offering. </p>
<div id="duraBriteBlurb"><img name="durabriteimage" src="images/DURABrite_logo_8bt.png" width="120" height="65" alt="DURABrite Ultra Ink logo"></div>
</div><p class="RIO_basic"><br>
Click on any design to see more!<br>
<br>
<a href="/letsshop/index.php" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('buybttn_sml','','images/BuyBttn_sml_ovr.jpg',1)"><img src="images/BuyBttn_sml_up.jpg" alt="Buy now!" name="buybttn_sml" width="116" height="30" border="0"></a> </p>
<div id="pictscolumn">
<p class="RIO_caption"><a href="designs.html"><img src="images/designs/T-Shirt_Proxy_CoolC.png" width="162" height="165" alt="Cool Creation T-shirt" border="0" align="top"></a><br>
God’s Cool Creation</p>
<p class="RIO_caption"><a href="designs.html"><img src="images/designs/T-Shirt_Proxy_ATS.png" width="162" height="165" alt="Able To Save T-shirt" border="0" align="top"></a><br>
Able to Save</p>
<p class="RIO_caption"><a href="designs.html"><img src="images/designs/T-Shirt_Proxy_answr.png" width="162" height="165" alt="the answers T-shirt" border="0" align="top"></a><br>
the answers</p>
<p class="RIO_caption"><a href="designs.html"><img src="images/designs/proxies/Shirt_Proxy_FOSS.png" alt="Fruit of the Spirit Spots T-shirt" width="162" height="165" border="0"></a><br>
Fruit of the Spirit Spots</p>
<p class="RIO_caption"><a href="designs.html"><img src="images/designs/proxies/Shirt_Proxy_Endrs.png" alt="Endorse does not Establish T-shirt" width="162" height="165" border="0"></a><br>
Endorse does not Establish</p>
<p class="RIO_caption"><a href="designs.html"><img src="images/designs/T-Shirt_Proxy_WrngChc.png" alt="Fruit of the Spirit Spots T-shirt" width="162" height="165" border="0"></a><br>
The Wrong Choice</p>
</div>
<!-- InstanceEndEditable --></div></div>
</div>
<div class="clearfloat"></div>
<div id="footer"><p class="foottype">© 2011 RightStar Computing<br>
Revelant Iron-Ons is a brand of RightStar Computing. 123 Hedman Lane, Monticello, Minnesota 55362<br>
<a href="MainPage.html" class="link">Home</a> | <a href="designs.html" class="link">Designs</a> | <a href="news.html" class="link">News</a> | <a href="articles.html" class="link">Articles</a> | <a href="instructions.html" class="link">Iron-On Instructions</a> | <a href="contact.html" class="link">Contact Us | </a><a href="letsshop/index.php" class="link">Buy Now!</a></p><!--footer info will go here, such as copyright, etc. --></div>
</div><!--end container area -->
</body>
<!-- InstanceEnd --></html>
CSS:
@charset "UTF-8";
.body {
text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
background-color: #514444;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 100%;
margin: 0px;
padding: 0px;
border-top-width: 0px;
border-right-width: 0px;
border-bottom-width: 0px;
border-left-width: 0px;
border-top-style: none;
border-right-style: none;
border-bottom-style: none;
border-left-style: none;
.RIO_basic {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 100%;
font-style: normal;
line-height: 120%;
font-weight: normal;
font-variant: normal;
color: #000000;
text-decoration: none;
white-space: normal;
margin-left:0 em;
margin-right:1.5em;
margin-top:0.5em;
.RIO_smaller {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 85%;
font-style: normal;
line-height: 120%;
font-weight: normal;
font-variant: normal;
color: #000000;
text-decoration: none;
white-space: normal;
margin-left:0 em;
margin-right:1.5em;
margin-top:0.5em;
.RIO_showtitle {
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #000;
font-size: 85%;
font-weight:bold;
margin-top:0px;
margin-bottom: 4px;
text-decoration:none;
.RIO_caption {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 70%;
--font-style:italic;
color:#000;
margin-top:.25em;
margin-bottom:1em;
text-decoration:none;
.RIO_basicK {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 100%;
font-style: normal;
line-height: 120%;
font-weight: normal;
font-variant: normal;
color: #000000;
text-decoration: none;
white-space: normal;
.RIO_HeadlineK {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 120%;
font-style: normal;
line-height: 120%;
font-weight: bold;
font-variant: normal;
color: #000000;
text-decoration: none;
white-space: normal;
text-align: center;
margin-top:1em;
.RIO_HeadlineK-left {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 120%;
font-style: normal;
line-height: 120%;
font-weight: bold;
font-variant: normal;
color: #000000;
text-decoration: none;
white-space: normal;
text-align: left;
margin-top:1em;
.newsdate {
color: #cead33;
font-weight: bold;
font-size: 85%;
text-decoration:underline;
margin-top:0.125em;
.RIO_SubK {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 110%;
font-style: normal;
line-height: 120%;
font-weight: bold;
font-variant: normal;
color: #000000;
text-decoration: none;
white-space: normal;
text-align: left;
margin-left:0em;
margin-right:0.5em;
margin-top:0.75em;
.Superscript {
font-size: x-small;
.link {
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #FFFFFF;
text-decoration: none;
--text-indent: 2em;
white-space: normal;
--text-decoration: underline;
.linkK {
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #000000;
text-decoration: none;
--text-indent: 2em;
white-space: normal;
text-decoration: underline;
.linkhover {
color: #ffe050;
text-decoration: none;
--text-indent: 2em;
white-space: normal;
--text-decoration: underline;
.foottype {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 65%;
color: #FFF;
font-weight:lighter;
text-align:center;
line-height:160%;
text-decoration: none;
.caption {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: .75em;
color: #000F;
font-weight:lighter;
text-align:center;
line-height:160%;
text-decoration: none;
.background {
background-attachment: fixed;
background-image: url(images/RVLT_Bkgrd_2000h.jpg);
background-repeat: no-repeat;
background-position: left top;
#container {
width:970px;
text-align: left;
height: 900px;
padding: 0px;
border-top-width: 0px;
border-right-width: 0px;
border-bottom-width: 0px;
border-left-width: 0px;
border-top-style: none;
border-right-style: none;
border-bottom-style: none;
border-left-style: none;
margin-top: 0;
margin-right: auto;
margin-bottom: 0;
margin-left: auto;
#buttonspace {
width:180px;
height:auto;
margin-right: 10px;
margin-bottom: 6px;
padding-left: 5px;
padding-bottom: 5px;
background-color:#f8cf35;
text-align:left;
float: left;
border-radius:6px;
-moz-box-shadow: 3px 3px 5px rgba(0,0,0, .5);
box-shadow: 3px 3px 5px rgba(0,0,0, .5);
.buttontext {
margin:0px;
text-decoration:none;
font-size:80%;
#centercore {
border-top-width: 0px;
border-right-width: 0px;
border-bottom-width: 0px;
border-left-width: 0px;
border-top-style: none;
border-right-style: none;
border-bottom-style: none;
border-left-style: none;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
margin-left: 0px;
position: relative;
padding-top: 0px;
padding-right: 0px;
padding-bottom: 0px;
padding-left: 37px;
#followbox {
margin-top:46px;
margin-bottom:0px;
#adspace {
background-image: url(images/RIO_Adspace.jpg);
background-repeat: no-repeat;
background-position: 0px 0px;
margin: 0px;
height: 100px;
width: 970px;
padding: 0px;
--clip: rect(auto,auto,auto,auto);
position: relative;
clear: both;
#header {
height: auto;
width:auto;
border-top-width: 0px;
border-right-width: 0px;
border-bottom-width: 0px;
border-left-width: 0px;
border-top-style: none;
border-right-style: none;
border-bottom-style: none;
border-left-style: none;
margin: 0px;
padding: 0;
#leftside {
background-image: url(images/RIO_LeftSide.jpg);
background-repeat: no-repeat;
float: left;
width: 37px;
background-position: top;
border-top-width: 0px;
border-right-width: 0px;
border-bottom-width: 0px;
border-left-width: 0px;
border-top-style: none;
border-right-style: none;
border-bottom-style: none;
border-left-style: none;
margin: 0px;
padding: 0px;
height: 700px;
position: inherit;
left: 0px;
top: 100px;
#rightside {
background-image: url(images/RIO_RightSide.jpg);
background-repeat: no-repeat;
margin: 0px;
float: right;
border-top-width: 0px;
border-right-width: 0px;
border-bottom-width: 0px;
border-left-width: 0px;
border-top-style: none;
border-right-style: none;
border-bottom-style: none;
border-left-style: none;
width: 37px;
height: 700px;
background-position: top;
#mainblurb {
float: left;
width: 500px;
margin-top: 20px;
margin-right: 10px;
margin-bottom: 15px;
margin-left: 20px;
padding-right:15px;
overflow: auto;
height: 485px;
padding:0px, 0px, 0px, 0px;
#pictscolumn {
float: right;
width: 230px;
height:380;
margin-top: 15px;
margin-right: 50px;
margin-bottom: 15px;
margin-left: 0px;
overflow: auto;
padding:0px;
#navbar {
height: 71px;
width: 896px;
background-image: url(images/RIO_NavBarBkgd.jpg);
background-repeat:no-repeat;
background-position: top;
margin: 0px;
padding: 0;
position: absolute;
top: 109px;
#navbuttonlineup {
height: 28px;
padding-top:43px;
width: 896px;
margin-right: 0px;
margin-bottom: 0px;
margin-left: 0px;
border-top-width: 0px;
border-right-width: 0px;
border-bottom-width: 0px;
border-left-width: 0px;
border-top-style: none;
border-right-style: none;
border-bottom-style: none;
border-left-style: none;
position: relative;
z-index: 80;
margin-top: 0px;
padding-right: 0px;
padding-bottom: 0px;
padding-left: 0px;
#mainContent {
margin: 0; /* the right margin can be given in percentages or pixels. It creates the space down the right side of the page. */
background-image: url(images/RIO_ContentBkgrd.jpg);
background-repeat: no-repeat;
height: 520px;
width: 896px;
position: relative;
border-top-width: 0px;
border-right-width: 0px;
border-bottom-width: 0px;
border-left-width: 0px;
border-top-style: none;
border-right-style: none;
border-bottom-style: none;
border-left-style: none;
top: 0px;
background-position: left top;
padding-top: 10px;
padding-right: 37px;
padding-bottom: 0px;
padding-left: 37px;
overflow: auto;
#quickquip {
width: 205px;
padding-left:6px;
padding-right:6px;
margin:6px;
background-color:rgba(248, 207, 53, .85);
border-radius:6px;
float:left;
#showbox {
width: 268px;
height: 268px;
background-color:rgba(255, 255, 255, .7);
border-radius:8px;
text-align:center;
float:left;
padding-top:8px;
margin:4px;
#duraBriteBlurb {
padding: 10px;
float: right;
height: 70px;
width: 125px;
border-top-width: 0px;
border-right-width: 0px;
border-bottom-width: 0px;
border-left-width: 0px;
border-top-style: none;
border-right-style: none;
border-bottom-style: none;
border-left-style: none;
z-index: auto;
table {
margin-left: 20px;
margin-right: 20px;
border: thin solid black;
caption-side: bottom;
border-spacing:0px;
border-collapse: collapse;
td, th {
border: thin dotted gray;
padding: 5px;
th {
background-color:#cc6600;
table table th {
background-color:white;
caption {
font-style: italic;
padding-top: 8px;
font-size: 80%;
.cellshirt {
width:180px;
.cellcolor {
background-color:#fcba7a;
.centered {
text-align: center;
.right {
text-align: right;
#footer {
padding: 0,0,0,0;
width:970px;
background-image: url(images/RIO_Footer.jpg);
background-repeat: no-repeat;
height: 100px;
border-top-width: 0px;
border-right-width: 0px;
border-bottom-width: 0px;
border-left-width: 0px;
border-top-style: none;
border-right-style: none;
border-bottom-style: none;
border-left-style: none;
position: relative;
clear: both;
float:left;
background-position: 0px 0px;
margin: 0px;
top: 0px;
/* Tips for mainContent:
1. The space between the mainContent and sidebar1 is created with the left margin on the mainContent div. No matter how much content the sidebar1 div contains, the column space will remain. You can remove this left margin if you want the #mainContent div's text to fill the #sidebar1 space when the content in #sidebar1 ends.
2. Be aware it is possible to cause float drop (the dropping of the non-floated mainContent area below the sidebar) if an element wider than it can contain is placed within the mainContent div. WIth a hybrid layout (percentage-based overall width with em-based sidebar), it may not be possible to calculate the exact width available. If the user's text size is larger than average, you will have a wider sidebar div and thus, less room in the mainContent div. You should be aware of this limitation - especially if the client is adding content with Contribute.
3. In the Internet Explorer Conditional Comment below, the zoom property is used to give the mainContent "hasLayout." This may help avoid several IE-specific bugs.
/* Miscellaneous classes for reuse */
.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 */
float: left;
margin-right: 8px;
azimuth:center-left
.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
clear:both;
height:0;
font-size: 1px;
line-height: 0px;
[if IE]>
<style type="text/css">
/* place css fixes for all versions of IE in this conditional comment */
#navbar, #header, #mainContent, #container, navbuttonlineup, #centercore, #leftside, #rightside, #adspace, #mainblurb, #pictscolumn {zoom: 1;}
#header {
top:0px;
position:absolute;
/* the above proprietary zoom property gives IE the hasLayout it needs to avoid several bugs */
</style>
<![endif]
If you have any solution, I would greatly appreciate it! -
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.
-
Viewing CSS fomated pages in Design View DW MX 2004
I am using DW MX 2004. I have imported a new clients site and
am trying to view the pages in DW. The web site is completely
formated using CSS. When the document is opened in DW I do not see
any of the page. The page views fine when previewing in a browser.
How do I get the css to execute/render in DW MX 2004s design view?
Thanks in advance for any help!
TroCatDefinitely 'exceeded the capability' of DW's
DoWhatIWantNotWhatICode
function.
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
==================
": Nadia : ** Adobe Community Expert **"
<[email protected]> wrote in message
news:[email protected]...
> Yep, especially the 'unclosed' tag errors ;-)
>
> --
> Nadia
> Adobe® Community Expert : Dreamweaver
> ----------------------------------------
> CSS Templates |Tutorials |SEO Articles
>
http://www.DreamweaverResources.com
> ~ Customisation Service Available ~
>
http://www.csstemplates.com.au
> ----------------------------------------
> CSS Tutorials for Dreamweaver
>
http://www.adobe.com/devnet/dreamweaver/css.html
>
>
> "josie1one" <joleros[nospam]@yahoo.com> wrote in
message
> news:[email protected]...
>> You have many errors which when fixed could make all
the difference:
>>
>>
http://validator.w3.org/check?verbose=1&uri=http%3A%2F%2Fwww.exteriorinnovations.com%2F
>>
>>
>> --
>> Jo
>>
>>
>> "trocat" <[email protected]> wrote
in message
>> news:[email protected]...
>>> Exceeded the capability of DWMX 2004? What I am
asking is, how can I
>>> view a
>>> page that was designed and layed out with CSS,
tables, buttons, etc.in
>>> DW 2004
>>> design view. The page is completey visible in
Front Page 2000 in it's
>>> design
>>> view. But not in DW 2004. Am I missing
something? It seems like FP
>>> renders the
>>> CSS to show you the page as you edit. DW 2004
does not show me anything
>>> but the
>>> background in design view. I see DW 8 has a
toolbar called "Style
>>> Rendering".
>>> Is DW 2004 just not capable of this? You can
view the code source of the
>>> page I
>>> am referring to at
http://www.exteriorinnovations.com.
>>>
>>
>>
>
> -
JDeveloper: Viewing a .css on JSP at design-time + run-time
Hi,
As a newbie to JDeveloper, i'm struggling to get a stylesheet reference to work in both the Design view and at run-time. Dragging a stylesheet on to the JSP works fine in the development enviroment, but when the JSP is called from a controlling servlet, the stylesheet doesn't render. From looking on the web it seems i have to use request.getContextPath() to get the path: doing this works at runtime, but in the design view of JDeveloper doesn't show anything (obviously wouldn't because the getContextPath is evaluated at runtime).
Is there a work around so i can see a style sheet rendered in both design & runtime?
Thanks,
PhilHi,
Thanks for your reply. When I added my stylesheet (from the component palette) JDev put it in a 'css' folder. When I drag it on to the page it uses ..href = "css/stylesheet.css".. This doesn't work at runtime, neither does href = "/css/stylesheet.css".
To explain the problem better...if I create a new project with 2 jsp files and link them together with Go to page 1 etc this is fine. As soon as I use the mvc method of controlling jsps thorough servlets I can call page 1 fine, but if I linked back to page 2 with the href calling the jsp directly (rather than through a servlet) it won't find the page, because the context root has an extra 'servlet' folder on the path, ie it's looking for page 2 in "Testing-Project-context-root/servlet/page2.jsp", when it's not located in a servlet folder. This is why the css file is not rendering, because it's looking for it in a servlet folder. I can only get round it at the moment by using:
<link type="text/css" rel="stylesheet" href="<%=request.getContextPath()%>/css/stylesheet.css"/>. This of course is no good in the development environment.
Thanks,
Phil -
How Do I Change the Font Size in Design View?
The font size when coding in Dreamweaver's "Design View" is
too small. How do I change the size in "Design View" to make it
bigger? I've found that you can change the code view in Preferences
but it has no way to change the font size in Design View.
P.S.--I'm using DW8Hi,
By "a meeting notice", do you mean the Outlook meeting reminder? It's not possible to change the font in Calendar reminders. It's a system font.
If I've misunderstood something, please feel free to let me know.
Best Regards,
Steve Fan
TechNet Community Support -
Dreamweaver 8.0.2 -- code view is totally screwed, so is design view. Split view works fine.
I just started having an extremely annoying issue in DW8-XP.
The code view is completely messed up. I can switch to code view,
but nothing is there. Just a ghost of the split view I was just in.
If I open a new file (like css file) in code view, I see a ghost of
the last view. Since css files don't have a split or design view,
I'm screwed. Cannot firgure out how to delete the config file. Do
you think this would help? Would it erase any settings I have
currently set?
I tried switching to a default layout, restarting and all. No
luck. Little help? :DRestart the system.
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
==================
"purefusion" <[email protected]> wrote in
message
news:eqntd2$chq$[email protected]..
>I just started having an extremely annoying issue in
DW8-XP. The code view
>is
> completely messed up. I can switch to code view, but
nothing is there.
> Just a
> ghost of the split view I was just in. If I open a new
file (like css
> file) in
> code view, I see a ghost of the last view. Since css
files don't have a
> split
> or design view, I'm screwed. Cannot firgure out how to
delete the config
> file.
> Do you think this would help? Would it erase any
settings I have currently
> set?
>
> I tried switching to a default layout, restarting and
all. No luck. Little
> help? :D
> -
Preview and Generate view not displaying the same as design view
RoboHelp HTML Ver 8.0.2.208.
Hi all,
I have a topic that will not generate or preview what is displayed in the design view.
The topic is a table that uses a different image as the background for each cell (from the CSS).
The background images display fine in design view but will not display when previewed or generated. Everything else is displayed but not the backgrounds.
Any ideas.
Thanks
WowroninYou have this -
</head>
<script>
<!--
function msgopen(url, name, w, h)
w += 32;
h += 96;
var win = window.open(url,
name,
'width=' + w + ', height=' + h + ', ' +
'location=no, menubar=no, ' +
'status=no, toolbar=no, scrollbars=yes, resizable=yes,screenX=2,screenY=2,left=100,top=100,');
win.resizeTo(w, h);
win.focus();
// -->
</script>
<style type="text/css">
#preloader {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: #fefefe;
z-index: 99;
height: 100%;
#status {
width: 200px;
height: 200px;
position: absolute;
left: 50%;
top: 50%;
background-image: url(ajax-loader.gif);
background-repeat: no-repeat;
background-position: center;
margin: -100px 0 0 -100px;
</style>
<body>
In other words, you have a script block AND a CSS block between </head> and <body>. That's invalid code. Move it to where it belongs inside the <head> region. You could have found this in an instant by checking the page here - http://validator.w3.org. -
OT: Tutorial | How to author HTML, CSS, jQuery, and PHP 5.4 in Dreamweaver CC
Hi all,
Dreamweaver CC 2014 comes with a host of tutorials for both beginners and advanced users. In this tutorial you will learn how the latest support for HTML5, CSS3, jQuery and PHP5.4 in Dreamweaver can help you author static, dynamic, mobile or responsive projects.
We would love to hear your opinion on this tutorial after you complete the training.
https://helpx.adobe.com/dreamweaver/how-to/html-css-jquery-php-dreamweaver.html?scid=socia l26198776
Thanks,
Preranjlig wrote:
> David, I just read thru the sample chapter 7 "Building
Site Navigation with the
> Spry Menu bar".
> - Finally a Spry resource that is friendly , thorough
and easy to follow
> along.
> - I especially like your honest comments in the "Mixed
Blessing" section.
Glad you found it useful. I felt it was essential to present
a balanced
view of Spry widgets, rather than giving a starry-eyed one.
> Trying to adjust the Tab Colors, Fonts, CSS page sizes,
margins, borders, etc
> is a bit of a nightmare for me. I know it is just a
matter of learning, but it
> would help to have resources like yours that take all of
the practical
> considerations into mind for end-users.
It is quite easy to do simple things with CSS, but it's very
powerful,
and has a long learning curve. Keep at it, and you'll get
there in the end.
> ps: How about a similiar new resource: "The Essential
Guide to Dreamweaver
> CS3 with ADDT, SPRY, CSS, AJAX and PHP / ColdFusion"
I'm not a big fan of ADDT (Adobe knows my opinions, because I
have told
them directly). I would like to see how ADDT develops before
committing
to writing about it. As for ColdFusion, I experimented with
it a long
time ago, but decided I preferred to improve my knowledge of
PHP before
branching out into other fields.
David Powers, Adobe Community Expert
Author, "The Essential Guide to Dreamweaver CS3" (friends of
ED)
Author, "PHP Solutions" (friends of ED)
http://foundationphp.com/ -
Applying css style in DW (design view) or CT
Hi Folks,
Here's a dumb question I can't figure out. In DW and CT, you
can apply a css style to a paragraph selecting p tag, right? You
get <p class="myclass"></p>
What I don't get is why the css style apply to an image for
exemple inside the paragraph and not to the paragraph itself?
Of course as you developp a website you certainly don't worry
about that since you handcode or you never apply a style to a
paragraph.
Let's say you need to define a css style saying:
.myclass {
margin: 0 0 20px 20px;
float:right;
so the paragraph containing an image align to right and have
proper margin. Why by default the css style apply to the image and
not to the paragraph? You end with this <p><img
src="myimage.jpg" class="myclass" /></p>
What's the logic behind this, this is very annoying, specialy
for CT users.
Richardrichsky wrote:
> Hi Folks,
> Here's a dumb question I can't figure out. In DW and CT,
you can apply a css
> style to a paragraph selecting p tag, right? You get
<p class="myclass"></p>
> What I don't get is why the css style apply to an image
for exemple inside the
> paragrph and not to the paragraph itself?
> Of course as you developp a website you certainly don't
worry about that since
> you handcode or you never apply a style to a paragraph.
> Let's say you need to define a css style saying:
> .myclass {
> margin: 0 0 20px 20px;
> float:right;
> }
> so the paragraph containing an image align to right and
have proper margin.
> Why by default the css style apply to the image and not
to the paragraph? You
> end with this <p><img src="myimage.jpg"
class="myclass" /></p>
> What's the logic behind this, this is very annoying,
specialy for CT users.
> Richard
>
> .myclass {
> margin: 0 0 20px 20px;
> float:right;
> }
>
> <p class="myclass"></p>
>
> <p><img src="myimage.jpg" class="myclass"
/></p>
>
You must be selecting the image?
Try this: select the <p> tag, located along the bottom
of the design
window (it will highlited when selected) then from the style
drop menu
in the properties inspector select 'myclass'
That should apply the class to only to the <p> tag? -
Building a sporting website as part of a project im undertaking, want to build a kit designer but not sure where to start, and help or advice would be greatly appreciated.
Thanks.Its sort of a plugin you would build and add on to a page where people are able to select a a certain shirt for example, and then customise design colour etc, an example of this would be on Rugby Kit Designer | Akuma Sports.
Thanks
Maybe you are looking for
-
Looking for a driver for HP M277dw for MAC OS 10.6.8
HI friends, I have a new model of HP MFP M277dw. Unfortunately HP does not have a driver for my OS 10.6.8. I don't want to upgrade it. Can you help me where to find a driver. Thank you in advance.
-
I upgraded a friend's Iphone4 IOS to 7.0.2 on my computer and now she is receiving my email. How do I correct this? Also I can not load music onto my Iphone4 which i also upgraded the iOS.to 7.0.2
-
SUNWinst package for Solaris 8
Hi, I am working on flar images and i have to get a flar image from existing solaris 8 system. But flar has not been included to the system installation when it installed. I have tired to install flar with pkgadd command from SUNWinst package which i
-
Hi Experts, Need to understand the logic as to how the delivery type is getting determined whenever we create a delivery against a purchase order . If we have created Z delivery types how system picks up the delivery type . Thanks Jimmi
-
Another problem creating AuthenticationContext
I am running Access Manager and IdentityManager 2005Q4 on separate Solaris servers. I am unable to configure IdentityManager to provision Access Manager accounts. I hve followed (and re-followed) the steps in the Resource Reference (the latest versio