Pointer coordinates in design view.
Is there a way to see what my pointer coordinates are in design view? This would greatly increase my production!
What? AP Div's work great for positioning div's that need to be Absolutely Positioned! When it's selected, I can use the cursor keys to move it where I want.
I'm not going to debate the merits/downsides of using APDivs with you. I'll just say that 98% of my layouts are built with default CSS positioning (none specified, or static), which keeps content within the normal document flow. Margins, padding & floats are used to align elements where needed.
I'm still curious if there is a way to turn on pointer coord to display in a status area. Does anyone know for sure if it's in Dreamweaver somewhere or if there is an extension for it?
Not that I'm aware of. DW is not a graphics application. It's web authoring software which adheres to different design rules (based on HTML and CSS web standards).
As far as Photoshop is concerned... that's really retarded that the fonts can't match what we use in html when they know damn well that we use it for mockups!
I'm about to test and see if GIMP is any better about it.
This just doesn't make any sense. Graphics applications don't adhere to web standards any more than DW adheres to graphical standards. Knowing the differences and using the right tools for your task will make your job much easier.
Good luck with your project,
Nancy O.
Alt-Web Design & Publishing
Web | Graphics | Print | Media Specialists
http://alt-web.com/
http://twitter.com/altweb
Similar Messages
-
JDeveloper ESB designer view points a server, how to change this to another
Hi,
I have developed a ESB service that deployed and tested on my Local system. Its tested and running well.
However now I have to develop another service that has to be registered under one of the existing service group.
But in the eSB designer view I can see only localsysem specific EBS systems/and service groups. How to change this to point to other server.
-- KhaleelHi Chandrasekhar,
Thanks for your reply. Yes thats correct. Infact after doing some research finally I got it.
However I hope a restart of the JDeveloper as a 4th step is required. but it works well.
Thanks.
--Khalee -
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.
-
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 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.
-
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. -
Chinese Characters not showing in Design View
Version: DW MX 2004
I have a file I created in FrontPage and am now migrating
over to DW. Most of the language on the page is English, with a
portion of Chinese.
My Chinese characters do not show up in Design View, but when
I preview or upload the page to the server (live), they show up ok
in IE and FF. Everything worked fine in FrontPage.
Why can't I see them in Design View? I have looked in the
Help for languages, character sets, etc.Once again, no one seems to know much about this question.
(I've noticed it's gone unanswered in previous years.)
In the Knowledgebase, I find only this: "Encoded HTML
documents created outside of Dreamweaver may not display correctly
in Dreamweaver. This includes documents that have been hand-coded
or created in another HTML editor."
This was updated in March, 2006.
Which leads me to say, bugger. I guess there's little point
in accommodating those 1.2 billion Chinese. -
Dreamweaver crashes when i drag my div tags in design view
Hi
Ive just encountered a problem with dreamweaver cs4 at work.
I was creating a website using CSS and creating multiple div tags to house my images around the page. I normally position them using the CSS style sheet, but on this occasion, I grabbed the div tag whilst in design view and dragged it manually, and dreamweaver crashed! See image below It does so everytime I try the same thing again. Ive even restarted my PC. Anyone know why?I've not see this before, so can't say why it would be happening. Would the pc be low on resources? but then again you say it happened even after a restart of the pc.
Maybe you could try the file cache and the personal configuration folder fix to see if it fixes any issues.
http://forums.adobe.com/thread/417116#cache
PS: While I'm at it, it would be wrong for me to point out that using AP divs is not the optimum way to create a layout.... unless you know the repercussions of using them.
Here's why: (from the Dreamweaver FAQ)
http://forums.adobe.com/thread/477969 -
Dreamweaver 8 Design View render issue
I was wondering if anyone else has noticed a highly
irritating issue with DW8 that is apparently not an issue in the
Design View of DW MX 2004.
In DW 8 for some reason I'm getting an extra 150 pixels of
white space to the right of my #content container. It only appears
to happen when the content within the #content container does NOT
exceed the length of the content in my menu container (#priNav2).
In other words, if the content is longer then the menu, it renders
fine.
See here:
Dreamweaver
8
But, in DW mx2004 the exact same file shows up how it should.
Dreamweaver
MX 2004
Does anyone have any suggestions on how to resolve this issue
or have a clue as to why this is happening? It's really one of the
only bugs left preventing me from upgrading to DW 8 anymore.
Thanks,
- PaulAfter some tinkering around and a call to Tech. Support I
eventually resolved this issue by pointing out a bug to Adobe.
Apparently the problem is the View / Visual Aids / Invisible
Elements option. If this is turned on, and you have a website set
up similiarly to
this one, you will
experience this sporatic, extranenous white space that shifts your
content around. It is not an issue in DW MX 2004, only DW 8.
The solution is to just simply turn OFF the "Invisible
Elements" option. Then the page will render the way it should.
A bug report has been submitted. -
Rendering - position on report preview is not where field is in design view
Hello all,
I have looked over the forums as best as I can and have not located a post like this. Please feel free to point out an existing post if there is one.
I am working on a report that is designed to print payment information on pre-printed check stock. In the first link please notice that in Group Footer 4 I have highlighted a field that while in the design view it appears where I would like it when I run this report in the software it will be generated in it shows up in a different location as seen in the second link. The dollar amount of $365.07 (called @PeriodNetpay) is designed to show to the right of the check number (called CMRef) in design view and instead shows to the left of the check number in the rendering software.
[report as seen in design view|http://imageshack.us/photo/my-images/94/201108151100.png/]
[report as seen in rendering of report|http://imageshack.us/photo/my-images/828/201108151059.png/]
I was originally using Crystal Reports Professional 11.0.0.1282 to create the report. The rendering software I am working in uses the 11.5.0.0 version of the reports rendering engine ( I can provide a dll version on request, please just let me know the necessary dll file name) and is called Crystal Report XI Release 2 .NET 2005 Server in add/remove programs. This happens intermittently so I am not able to repeat the problem at will. It always shows correctly when I preview the report in Crystal
I have verified that there is no formula present that drives the X position of the field as seen in the Object Size and Position window. I am not aware of any other formula location that can modify the field to move as shown. I am unable to control the rendering software version.
Any suggestions on where to look next or any other observations would be appreciated.
Thank you
Scott
Edited by: SAlvey on Aug 15, 2011 8:31 PMHi Scott,
You were close, I moved your post to .NET SDK forums. Since it works in the designer and only an issue in your app...
Only thing I can suggest is you verify you are on Service Pack 6 and the redist package?
https://smpdl.sap-ag.de/~sapidp/012002523100009114712011E/crxir2sp4_fullbuild.exe
https://smpdl.sap-ag.de/~sapidp/012002523100009114412011E/crxir2sp6_incremental.exe
https://smpdl.sap-ag.de/~sapidp/012002523100013451332010E/crxir2_fp64_net_mm.zip
Or
https://smpdl.sap-ag.de/~sapidp/012002523100013451312010E/crxir2_fp64_server_ins.zip
Then it could be due to the default Printer you have as compared to the user. Some of those Drivers are very old and have problems. Get them to install the latest Printer drivers and make sure they are .NET compatible...
And what Language are they using, I'm wondering if this has to do with right to left orientation....
Thanks
Don -
Javascript error when selecting Spry Menu Bar in Design View
Hi there,
I get the following error message when trying to format the Spry Menu Bar in Design View:
"while executing inspectSelection in spry_menu.htm, a Javascript error occurred."
I have tried the following troubleshooting steps:
deleting site cache
closing/re-opening Dreamweaver
deleting Spry Menu Bar and recreating - same error occurs.
Other information:
I am using a MacBook Pro
it happens when clicking on the Menu Bar itself. I just want to change the properties
the Spry Menu Bar does not appear in Live View.
Here is a link to my site on Browserlab. It has not yet been published:
https://browserlab.adobe.com/en-us/index.html#zoom=100;state=use;view=0;url=dreamweaver%3A %2F%2Fsite%3AHope%2520Against%2520Hope%2FHAH_home.html;browsers=WXPIE6000%2CWXPIE9000%2COS XFF7000%2COSXSF5000%2CWXPCH14000
Is it a case of changing one of the values in the spry_menubar.js file?
Can anyone help?
Thanks,
CharlieHi there,
The problem appears to have returned. I am getting the same error message as before and also an error saying there is a syntax error in my source code. Dreamweaver tells me which line the error is in:
var MenuBar1 = new Spry.Widget.MenuBar("hope_menu", {imgDown:"SpryAssets/SpryMenuBarDownHover.gif", imgRight:"SpryAssets/SpryMenuBarRightHover.gif"});
In response to your earlier questions/points:
I am using version 0.13 of SpryMenuBar.js (is this what you mean?)
The menu now shows in Live View as I would expect it to
Here is a link to my published site:
http://hopeagainsthopeuk.co.uk/HAH_home.html
Do you have any further advice? -
My 'Design View' has stopped working in CS5. How can I get it functioning again?
I've looked through the existing topics and couldn't find an answer.
I hadn't made anything in DreamweaverCS5 for a a few months, but when I went today to create a new HTML document, I couldn't do anything in 'Design View' . I have not changed anything with the program at all. I still checked Edit>Preferences>File Types/Editors and .html is not listed for 'Code View'. The 'Split' and 'Design View' buttons are clickable, but when I click in 'Design View' the Properties Inspector grays out. I also can't type anything into the field. There are two icons at the top, one for the meta tag and the other for the title tag in the 'Code View'.
I haven't the slightest idea as to why this is no longer working. This has never happened before. I did nothing but create a blank document. I'm on a PC. Any help with this would be extremely appreciated.And just like that, I figured it out.
For some reason, the 'head content' had overtaken the 'Design View'. I clicked the down pointing arrow on the grayed out Properties Inspector just to try something else, and also to see what was hidden. When I did that, the top part of the 'Design View' peeked out a little from under the 'head content' area. I enlarged the 'Design View' field and realized what was going on. I still have no idea why that happened on it's own since I've never enlarged the view for 'head content' before. I actually usually don't have it enabled. I guess it's like a lot of people complain, Design View is quite buggy. -
Design view different from preview - is muse still in beta testing
I have limited experience with coding html so when Adobe released Muse, I was excited. However, I'm wondering if they released it too soon and/or if it is still in beta testing - which I don't mind but would like to know what I'm dealing with. It seems to have a lot of quirks - mainly that the design view is sometimes different from the preveiw or browser view. I spent over an hour yesterday trying to get text boxes to line up. If there is an hidden element affecting the text boxes, I don't see it. I have moved everything off the page and >selected all
and nothing shows up.
Other issues:
Sometimes paragraph styles do not apply - even though in design view it looks like they do.
Can't find a way to center text vetically in a text box other than adjusting the leading?
Can't find a way to organize assets into folders?
When an object is selected on a page, is there a way to indicate that that is the object in the assests panel?
Sometimes the padding options are not available for no apparent reason.
Thanks to the Adobe staff for being responsive as these issues are discovered. One staff member in particular was very helpful as I was trying to get hyperlinks to work right. But I am STILL having a problem. The text box and the text itself have the hyperlink style applied but as you can see on the Dardanelle and Chad Lawson Trio hyperlinks - the style did not take even though they are both hyperlinks that point to the right URL. -- geezermusicclub is the correct link for Dardanelle - It's difficult to see in the pic, but the Dardanelle and Chad Lawson text color is black but the hyperlink text style is brown.
Persoanlly, I feel Adobe should lower the subcription price while all these kinks are being worked out in Muse. In a way, subscribers are **** a LOT of beta testing for Adobe. Not only are we not being compensated for that, we are having to pay for an application that has too many wrinkles.Murray and David: it worked! It is a rare and joyous experience to have a straightforward solution to the sorts of problems I come up with (including other realms). But I have to say that with HTML and CSS (and hence with Dreamweaver), solutions to difficulties have seemed within easier reach than in other parts of the computer world.
By the way, I wanted to choose "correct answer" for both your posts, but after making the first click it was no longer available for the remaining post--so I typed "helpful" even though that one was correct too.
Thanks again.
--Paul -
Design View - Can't Select Text, Only Divs
This is a page I did not build, and I hope I can describe this properly. Here's the published page -
www.wheeltime.com
I'm in CS4 and there are two things going on when trying to edit in design view. The first is I can't select text of content. Clicking to select said content, say a line of text or a word, selects and highlights the entire div container and all the content within in one big chunk. Why is DW not letting me select the actual content? This is the first time I've enver encountered this issue.
This is the same for all the div ontainers on the page. But another, perhaps related problem, has to do with this content area. In design view, there's a fixed height, so not only can I not select the content, but I can't see it all. It's OK in the browser, expands as it should. I've looked at all the properties anywhere and don't see any height attribute anywhere, especially those that enclose this area of content.
One this that has be wondering - this content area is warpped in a "main-content" div, with a class applied. But this div has no corresponding entry or properties in the style sheet. I can see where a div can be used that has no specific properies of it's own, but is it OK to not be mentioned at all in the style sheet? And can this affect what's going on in design view editing?
So, I guess the question is - what is governing this inability to edit in Design view? Thank you in advance!!Have you tried double clicking the content?
I'm not sure what causes this exactly, but I downloaded your page and ran it in my DWCS4. It did the same thing until I double clicked the content of the divs. That allowed me to select it without issue from that point on.
It may have something to do with the content being wrapped in <span> tags within each <div>.
Onto your other question, your <div id="main-container"class="container"> is being affected by the .container class in your style.css file rather than a #main-container id.
EDIT: HTML id's like <div id="main-content"> serve to identify elements for many purposes, not just css. There is no problem with giving an element an id simply for organizational purposes, though usually they are used as targets for javascripts, css or php scripting purposes.
Maybe you are looking for
-
Audio in video messages does not work
When I record a video message for someone, the audio does not work properly. It either doesn't work at all (silence is recorded), or cuts out after a 1-2 seconds. The problem seems to be confined to the MP4 video/audio encoder used by Skype for video
-
Error while updating, now it will not turn on.
My friend has had this problem, it is not mine, but she asked me to look into it for her. She was having troubles with her iPod Touch, such as when she was looking through the album view, it would stop playing the song that was currently playing and
-
im subscribed to verizon fios with the multi room dvr and two rooms are not working i cant get access to my recorded programs and when i troubleshoot im asked to call and subscribe,but im already subscribed....i turned everything off but that doesnt
-
Photoshop CS6 Extended Video Project Help
Ok here is the setup. PS CS6 Ext. Bringing still images into the time line for a video project. Images default to 5 seconds in length. Is there any way to batch change that to like 2 seconds without going through and shortening every image manually?
-
Having trouble installing a wireless
Hello, Having trouble installing a 410 wireless on vista, keep getting a preloadrecoverymechanism fault stopping the down load. Any help PLEASE.