Divs not aligning in design view.

Hi,
I have to divs next to each other their combined widths = the divs width I have wrapped around them so they should align perfectly. However in disign view one of the divs is pushed below the other but when I preview in the browser they are aligned how they should be. I know this isn't a huge problem as in the browser its appearing how it should but its really distracting whilst I'm still coding a site when divs aren't where they should be.
I have attached my code and css styles. If someone could advise what may be going on.
Thank you and kind regards
Elliot
Source code
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<link href="web_design_style.css" rel="stylesheet" type="text/css" />
<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_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_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>
</head>
<body onload="MM_preloadImages('images/nav_bar/home_ro.png','images/nav_bar/about_ro.png','imag es/nav_bar/packages_ro.png','images/nav_bar/portfolio_ro.png','images/home header/nav_bar/contact_home_RO.png')">
<div id="web_centre_wrap">
<div id="header_home">
<div id="top_header_home"></div>
<div id="middle_header_left_home"></div>
<div id="middle_header_right_home"></div>
<div id="menu_bar_home">
<table width="396" border="0" cellspacing="0" cellpadding="0">
    <tr>
      <td><a href="web_design_home.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('home','','images/nav_bar/home_ro.png',1)"><img src="images/nav_bar/home.png" name="home" width="67" height="121" border="0" id="home" /></a></td>
      <td><a href="web_design_about.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('about','','images/nav_bar/about_ro.png',1)"><img src="images/nav_bar/about.png" name="about" width="70" height="121" border="0" id="about" /></a></td>
      <td><a href="web_design_packages.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('packages','','images/nav_bar/packages_ro.png',1)"><img src="images/nav_bar/packages.png" name="packages" width="92" height="121" border="0" id="packages" /></a></td>
      <td><a href="portfolio.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('portfolio','','images/nav_bar/portfolio_ro.png',1)"><img src="images/nav_bar/portfolio.png" name="portfolio" width="89" height="121" border="0" id="portfolio" /></a></td>
      <td><a href="contact.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('contact','','images/home header/nav_bar/contact_home_RO.png',1)"><img src="images/home header/nav_bar/contact_home.png" name="contact" width="78" height="121" border="0" id="contact" /></a></td>
    </tr>
</table>
</div>
<div id="bottom_header_home">
</div>
</div>
<div id="content">
</div>
<div id="sidebar">
<div id="quote"></div>
<div id="testimonials"></div>
</div>
<div id="footer">
<div id="contact"></div>
<div id="cpptu"></div>
</div>
</div>
</body>
</html>
CSS Style
@charset "utf-8";
/* CSS Document */
body {
background:#bfbfbf;}
#web_centre_wrap {
margin:0 auto;
width:860px;
height:auto;}
#header_home {
width:860px;}
#top_header_home {
background:url(images/home%20header/header_top_bg.png);
width:860px;
height:219px;}
#middle_header_left_home {
background:url(images/home%20header/banner_left_bg.jpg);
width:396px;
height:150px;
float:left;}
#middle_header_right_home {
background:url(images/home%20header/banner_monitor.png);
width:464px;
height:383px;
float:right;}
#menu_bar_home {
float:left;
height:121px;
width:396px;}
#bottom_header_home {
background:url(images/home%20header/bottom_header_bg.png);
width:396px;
height:112px;
float:left;
font-family: Verdana, Geneva, sans-serif;}
#header {
width:860px;}
#top_header {
background:url(images/top_header_bg.png);
width:860px;
height:369px;}
#bottom_header {
background:url(images/bottom_header_bg.png);
height:121px;
width:464px;
float:right;}
#menu_bar {
width:396px;
height:121px;
float:left;}
#content {
background:#fff;
height:auto;
width:589px;
float:left}
#sidebar {
background:#fff;
height:auto;
width:271px;
float:right;}
#quote {
background: url(images/quote_bg.png) no-repeat;
height:341px;
width:258px;
margin:0 auto;}
#testimonials {}
#footer {
background:url(images/footer_bg.png) repeat-x;
height:253px;}
#contact {}
#cpptu {}
.first_header_word {
color: #3181fa;
text-align: center;
font-family: Verdana, Geneva, sans-serif;
font-size:20px;}
.header_word {
color: #a8a8a8;
text-align: center;
font-family: Verdana, Geneva, sans-serif;
font-size:20px;}
.content_txt {
color: #a8a8a8;
text-align:left;
font-family: Verdana, Geneva, sans-serif;
font-size:18px;}

Hi Murray,
Thank you for responding to my query.
I haven’t noticed any problems occurring as a result of using short hand when applying CSS styles but I will take your advice on board and start using long hand.
I have just noticed there are very few paths with spaces, I was aware that using spaces or other punctuation in paths on a website is a bad idea. I didn’t notice I let some slip through so thank you for pointing that out.
My website width is 860px and the two divs I mentioned #content & #sidebar their combined widths equal 860px. All my divs are wrapped inside #web_centre_wrap. As the two divs widths equals the website width they should sit next to each other as I have floated #content to the left and #sidebar to the right. As I said the divs sit next to each other when previewed in the browser just not in design view which is extremely distracting. Are you advising that I should wrap #content & #sidebar inside another div for example:
<div id=” content_centre”>
<div id=””>content</div>
<div id=”sidebar”>
<div id=”quote”></div>
<div id=””>testimonials</div>
</div><!-- end #sidebar -- >
</div><!-- end #content_centre -- >
Thank you again for your help
Kind regards
Elliot

Similar Messages

VB code not showing in Design View

I am working with a form that has VB code for validation and need to style it with CSS. The problem is the form is not visible in Design View. The code is there, the page renders and works fine in a browser but has anyone seen this issue before? I have a similar form that uses C# and it shows up fine in Design view.
the page is here: http://www.housing.ucsb.edu/digiknow/digiknow_form.aspx

Display problems are most often caused by malformed code or an imbalance in opening and closing <div> tags. Try validating your code and fix reported errors.
           Code Validation Tools
          CSS - http://jigsaw.w3.org/css-validator/
          HTML - http://validator.w3.org/
Nancy O.
Alt-Web Design & Publishing
Web | Graphics | Print | Media Specialists
http://alt-web.com/
http://twitter.com/altweb

Lists not showing in Design view

If I preview page in browser, I can see the bulleted list,
but it is not visibile in design view, pretty annoying. Anyone know
why this might be happening? I validated my code and got no
errors...

Open any html page
either type the element in code view, say h1. Hello
it doesn't show up in Design View (It's visible in Live view however)
Or,
In Design View type Hello (yes, it's visible!)
Highlight Hello, then right click (I use a 2 button mouse) select from the pop-up menu and format the hello as h1. Hello
It disappears from the design view... (yes, it's visible in Live View)
Menu spry's and other "widgets" inserted do not display correctly in Design View, but display Okay in Live view
(This behaviour did not happen in CS4)
Mo Eb , Garry
*** http://uofgts.com
** [email protected]
o "Beer is living proof that God loves us and wants us to be happy."
-Benjamin Franklin, American statesman and diplomat, (1706-1790 ).

After reopening dreamweaver files, the table and its contents are not shown in design view

I got a problem with deisgn view which has stucked me for the whole week. I've designed a webpage with dreamweaver CS4. After reopening this webpage, I got problem to see the tables and images inserted in dreamweaver (the sliced images from fireworks works well). Somehow this problem only existed in design view, but NOT is browswer view/ live view. I thought it is the setting problem, but I tried to reopen the webpage I designed earlier... got no problem in either design or live view. I also tried starting over another new file, same problem existed (tables/images do not show in design view) I am really confused. Any thoughts?
I've already done my research everywhere, but cannot find solution.

Thank you so much... it works...
I should come here earlier... wasted lots of time !!

SSI do not appear in design view; CS4

All of a sudden.. my ssi's do not appear in design view in CS4. This is occuring in multiple web sites that prevously DID display SSI's
Yes.. I do have Preverances --> Invisible Elements --> Server Sides Includes: Show contents of include file IS checked
Yes.. I have checked both the local and remote information in Site definitions .. all are correct. (and none have changed since the problem emerged) All sites are set to site root relative.
Yes.. I have checked each include. None has any doc type, html or body tags.
No.. LIve View is not turned on
Yes.. the pages all validate
Yes.. I have tried to 'start from scratch' .. new site, new site definitions.. new .shtml pages and new includes. No love!
After inserting a new SSI using the insert menu (typical code result: ) the properties bar seems to get stuck .. displaying the ssi code and not allowing me to select other elements on the page to edit properties. A restart of Dreamweaver solves the problem. But boy is this annoying.
All of the includes do display properly when uploaded to the web server and viewed in a browser.
I've searched the forum.. and read any post that seemed even remotely relavant and have not been able to solve the problem.
I would really appreciate your help. I am a web designer and have used Dreamweaver for many, many years.
Karen

Nice site. I drive by that school quite often when I shop in Thousand Oaks.
Crashes, installation, JavaScript errors, and unexplained problems
If Dreamweaver is acting erratically, or if you see a message saying "the following JavaScript error(s) occurred", it's usually a sign of a corrupt cache file. The first thing to try should always be to delete the file cache. If that doesn't work, delete your personal Configuration folder. Full instructions are in Deleting a corrupted cache file.
http://forums.adobe.com/thread/429114
Nancy O.
Alt-Web Design & Publishing
Web | Graphics | Print | Media Specialists
www.alt-web.com/
www.twitter.com/altweb
www.alt-web.blogspot.com

XSLT Mapper file does not open in design view

XSLT mapper file in the composites exported from weblogic EM as a jar and imported in JDeveloper 11.1.14 does not open in design view. There is no option of design view itself in the tab structure. It is viewable only in source view.
Please suggest, how do I view the desgn view of the xslt mapper?
Thanks,
Promiit

When you export composites from Weblogic EM in jar format, the resulting files are differently formatted from what was used for deployment.
So, basically, the XSLT file, you are trying to open in Jdeveloper has lost the "mapSources" and "mapTargets" sections, which are generally present in the header section of the jdeveloper-generated XSLT file. Try to manually hand-crack those sections and you should be good to go.
Hope it helps !

DW8 text not visible in design view

I have imported a site from DWMX(6?) to DW8.
In DWMX everything is visible in design view.
In DW8 the text is NOT visible in design view unless I switch off rendering using CSS (Display Styles Off), but displays fine in a browser.
If I switch off rendering using CSS I can see and edit the text but it is not remotely WYSIWYG
The pages are created from templates and were originally created using DW4 or DW3.
The site URL is http://www.decisionmodels.com/
There has to be a simple solution to this but I just cant find it.
Charles

font verdana { font-family: Verdana, Geneva, sans-serif; }
I changed the font from default because one of the old fixes I found for Dreamweaver suggested that... I could change it back.
You are aware that this is not a legitimate CSS selector, right?
Forgive my ignorance, but what does this mean? Does it refer to my font selection? Or something else?
It means that your selector "font verdana" is not a legal selector. It says to find all "verdana" tags that are descendents of a font tag. Clearly there is no valid HTML tag called "verdana". If it was your intention to create a rule that would allow you to format text as verdana, or geneva or sans-serif, then that would have to be done with a CLASS selector, e.g.,
.font_verdana { font-family: verdana, geneva, sans-serif; }
Note the leading 'dot' and the underscore - spaces are not allowed in selector names.

SSI includes do not display in design view.

Hi,
I am working on an existing site. By "existing", I mean there
was no Dreamweaver site definition. I created the site definition
but, when I open pages that use ssi, the included files do not show
in design view. If I reinsert the include, it show in design view.
The code is the same in code view. Is there some way to update the
includes so I don't have to reinsert them?
Thank you,
Henry

By "header/footer" tags, Ken means "<html>,
<head>, or <body>" tags - you
have none of those in your files being included, do you?
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
==================
"Henry Anthony" <[email protected]> wrote in
message
news:f2skgv$aej$[email protected]..
> Ken,
>
> I inherited the site. To work on it in Dreamweaver, I
had to create the
> site
> definition. So, the site was defined after it was built.
The include files
> are
> fine. No header/footer tags. I assumed the includes
would show when I
> opened a
> file but they will only show if I reinsert the include
while in design
> view.
> Upon examination of the code after the reinsert, there
is no change.
>
> Thanks,
> Henry
>

Heading elements do not appear in design view

Hello,
heading (h1, h2 ...) elements do not appear in design view. anybody know how to fix this?
btw seems like DW gets worse with each successive version.

I really don't have any troubleshooting advice because I can't reproduce the problem and have not seen this problem being raised previously in the forums.
If you have deleted the personal config file and cache and that hasn't helped, it may be time to uninstall and reinstall.
Also double check your computer for any viruses or malware etc.,
Depending on what version you are using then, you may want to run the uninstall scripts to make sure you remove *all* files associated with the software and start from scratch.
If you are having problems with Creative Suite 3, I would suggest using the CS3Clean script: http://www.adobe.com/support/contact/cs3clean.html
There is a different version for Creative Suite 4: http://www.adobe.com/support/contact/cs4clean.html.
WARNING: The CS3Clean and CS4Clean scripts remove from your computer EVERYTHING related with the CS3 and CS4 suites, apart from any documents that you have created using Adobe programs. Make sure you have your installation disks and serial numbers available for reinstallation.
If all else fails, then you may need to contact Adobe Technical Support.

PhpBB2 source code does not show in design view /CS3

I would like to customize a php bulletin board.
The default bulletin board page does not show in design view.
Is there a way to do it , such that php code can be written
by DreamWeaver via the design view ?

> The files I am trying to edit, or that is think I should
be trying to edit ,
> are
> index.php , and in the includes file template.php
If I am sorting this out correctly, which i am _not_ sure of
at the moment:
those aren't .tpl files.
they are .php files, and are part of the forum. They aren't
displaying in
design view because they are all php.
You need to find and edit the template files.
In previous link given:
http://www.phpbb.com/community/viewtopic.php?t=10764
<q>
So where do I find these great 'templates'?
Look in /templates/subSilver (thoroughout the FAQ I will be
using subSilver,
the default template. If you are using a different template
then change the
folder you look in accordingly). You will see a collection of
files there.
The templates are the ones with the file extension '.tpl' The
majority of
files in that folder are .tpl files. </q>
strongly suggest you make a backup copy of anything you try
to touch.
Alan
Adobe Community Expert, dreamweaver
http://www.adobe.com/communities/experts/

PHP icon not showing in design view

I just ordered Studio 8 and currently working on the demo
version of Dreamweaver 8. I had been using FrontPage for many years
and I finally hit it's limitations. I am creating new pages from
scratch and not importing any of my older FrontPage web pages. I am
coding in PHP and noticed this nice php icon that shows in my
design view of where all my php code is. This FrontPage could never
do. I have a table that is doing multiple "include" calls. I am
able to successfully add 2 lines of code, which generates two php
icons in my design view. When I try to add a 3rd line of php code,
it removes all of the nice php icons in the design view. For the
rest of the document, if I add more code, then the icons will not
show up. The PHP is in the code view, but the design view is no
longer showing the php icon. Does anyone have any ideas on how to
make them show up permanently? This is one of many great features
of Dreamweaver that drove me to purchase it.

Thank you for the quick response. I went home and took a look
at my code. It matches pretty closely with what you offered as a
suggestion. That didn't seem to fix the issues I am having. Maybe
there is something I am missing that will stand out for you.
Here is a sample of it:
<td>Item Review 1</td>
<td><div align="center"><?php include('
http://www.mytestsite.com/review/stars_only_by_item_id_listing.php?item_id=5');
?></div>
</td>
<td><div align="center"><a href="
http://www.mytestsite.com/review/index2.php?item_id=5">
link</a></div></td>
</tr>
<tr>
<td>Item Review 2</td>
<td><div align="center"><?php include('
http://www.mytestsite.com/review/stars_only_by_item_id_listing.php?item_id=6');
?></div></td>
Thank you for any help you can offer. This one is really
stumping me. Could it be that I am using the demo version and not
the full version?

Text alignment "Justify" is not aligned in Crystal Viewer.

Hi,
I am having a text field in report like paragraph format in Detail section and I have setting the text alignment as u201CJustifyu201D. If I launch the report through dhtml viewer the text is not aligned in justify format, it is getting aligned as left alignment, but it is working properly while exporting to PDF and Design Preview panel.
This problem is occurs in Crystal Report XI Release 2 and Crystal Report 2008 also.
This has been already posted and the link is Text Alignment - Justification Problem
Please help me to overcome this issue.
Thanks in Advance.

With CR 2008, make sure you are on SP4:
SP4
https://smpdl.sap-ag.de/~sapidp/012002523100008782452011E/cr2008sp4.exe
SP4 MSI
https://smpdl.sap-ag.de/~sapidp/012002523100008782532011E/cr2008sp4_redist.zip
SP4 MSM
https://smpdl.sap-ag.de/~sapidp/012002523100008782522011E/cr2008sp4_mm.zip
If that does not help, please provide a link to screen shots of the issue.
Ludek
Follow us on Twitter http://twitter.com/SAPCRNetSup
Got Enhancement ideas? Try the [SAP Idea Place|https://ideas.sap.com/community/products_and_solutions/crystalreports]

CSS is not showing in design view

Hello, I wonder if anyone can help. I would appreciate very
much if you can... I have read all the css related problems, but
did not see the problem I am having.
Anyway, I have done a website template for someone and I gave
it to him to update the contents. However, on his dreamweaver
Design view, the css does not support it at all so it looks all
messy. Though when he preview it on IE, this is all fine. I have
made templates and css files with dreamweaver and I can view
everything fine. He seems to have the same version of DW (MX 2004)
so I am not sure how this happens. We were looking in everything
(including goofy css as someone says on this forum), but have no
luck so far. Here is my link and I pasted my css here.
http://www.norithefish.com/index2.html
Many thanks for this.
Noriko
/* HTML tag styles */
body
{background: #cccccc; font-family: Verdana, Arial, Helvetica,
sans-serif;
font-size: small; color: #000000; font-weight: normal}
a { color: #333333; text-decoration: none }
a:active { color: #666666; text-decoration: none }
a:hover { color: #CC3300; text-decoration: underline }
.bodytext { font-size: small; color: #000000; font-weight:
normal}
.smalltext { font-size: x-small; color: #000000; font-weight:
normal}
.smalltextw { font-size: x-small; color: #ffffff;
font-weight: normal}
.title{ font-size: 1.5em; font-weight: bold; color: #CC3300}
.wbracket{ font-size: small; font-weight: normal; color:
#ffffff}
.smalltitle { font-size: 1em; font-weight: normal; color:
#666666}
.sub { font-size: small; font-weight: bold; color: #ffffff }
.foot { font-size: x-small; font-weight: normal; color:
#000000}
h1 {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 1.5em;
color: #cc3300
h2 {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 1.15em;
color: #cc3300
h3 {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 1em;
color: #666666
ul{
list-style-type: square;
ul ul{
list-style-type: disc;
ul ul ul{
list-style-type: none;
/* Layout Divs */
#pageNav{
float: left;
width:21.3%;
top:10px;
padding-left: 0px;
border-bottom: 1px solid #cccccc;
border-right: 1px solid #cccccc;
#content{
width:75%;
float: left;
padding: 0px 0px 0px 0px;
margin: 0px 0px 1px 20px;
/* Component Divs */
#siteName{
margin: 0px;
padding: 16px 0px 8px 0px;
color: #ffffff;
font-weight: normal;
/************** feature styles *****************/
.feature{
padding: 0px 0px 0px 0px;
font-size: 100%;
/************* #siteInfo styles ***************/
#siteInfo{
clear: both;
font-size: 100%;
background-color: #999999;
padding: 0px 0px 0px 0px;
border-top: 1px solid #666666;
/************* #smalltitle styles ***************/
#smalltitle{
clear: both;
background-color: #ffffff;
font-size: 100%;
padding: 0px 0px 0px 0px;
border-top: 1px solid #CC3300;
border-bottom: 1px solid #CC3300;
/*********** #sectionLinks styles ***********/
#sectionLinks{
position: relative;
width: 150px;
margin: 0px;
padding: 0px;
border-bottom: 1px solid #cccccc;
font-size: 90%;
#sectionLinks a:link{
font-size: 1.15em;
padding: 2px 0px 5px 10px;
border-top: 1px solid #cccccc;
width: 100%;
width: auto;
#sectionLinks a:visited{
font-size: 1.15em;
border-top: 1px solid #cccccc;
padding: 2px 0px 5px 10px;
#sectionLinks a:hover{
font-size: 1.15em;
border-top: 1px solid #cc3300;
background-color: #dddddd;
padding: 2px 0px 5px 10px;
/*********** .frame styles ***********/
.frame {
width: 700px;
left: 50%;
padding-top: 0px;
margin-left: -350px;
margin-top: 0px;
position: absolute;
visibility: visible;
border-top: 1px solid #999999;
border-bottom: 1px solid #999999;
border-right: 1px solid #999999;
border-left: 1px solid #999999;
background-color: #ffffff;
.bg {
height: 1px;
background-color: #cccccc;
width: 100%;
/*********** #pageNav link styles ***********/
#pageNav ul a:link, #pageNav ul a:visited {display: block;}
#pageNav ul {list-style: none; margin: 0; padding: 0;}
/* hack to fix IE/Win's broken rendering of block-level
anchors in lists */
#pageNav li {border-bottom: 1px solid #EEE;}
/* fix for browsers that don't need the hack */
html>body #pageNav li {border-bottom: none;}
/********************* end **********************/

> *** you are missing <li> at the beginning of the
line and </li> at the end
> or you want to remove the </li> from the previous
lines.
Or move the image within the existing pair. You cannot have
that
construction, though -
<li>blah</li>
<img>
<li>blah</li>
Murray --- ICQ 71997575
Adobe Community Expert
(If you *MUST* email me, don't LAUGH when you do so!)
==================
http://www.projectseven.com/go
- DW FAQs, Tutorials & Resources
http://www.dwfaq.com - DW FAQs,
Tutorials & Resources
==================
"josie1one" <[email protected]> wrote in message
news:[email protected]...
> It sounds to me as if it's a path issue.
> Your path is this:
> <link rel="stylesheet" href="styles/inside.css"
type="text/css">
>
> Does he have a folder called "styles" within which
should be the
> stylesheet?
>
> You have a couple of code problems (I'd say unrelated to
your question).
> <li><a href="1-about.html">Order your Tshirt
</a></li>
> <img src="ferrari_team_polo.jpg" alt="photo of a
T-shirt" width="120"
> height="180">***
> <li><a href="1-about.html">Order your
cap</a></li>
> <img src="ferrari_cap.jpg" alt="photo of a cap"
width="120"
> height="75"><br>***
>
> *** you are missing <li> at the beginning of the
line and </li> at the end
> or you want to remove the </li> from the previous
lines.
>
> and according to
>
http://validator.w3.org/check?verbose=1&uri=http%3A%2F%2Fwww.norithefish.com%2Findex2.html
>
> you have an extra </div> a couple of lines above
the </body>
>
>
> --
> Jo
>
>
>
>
>
> "norithefish" <[email protected]> wrote
in message
> news:[email protected]...
>> Hello, I wonder if anyone can help. I would
appreciate very much if you
>> can...
>> I have read all the css related problems, but did
not see the problem I
>> am
>> having.
>>
>> Anyway, I have done a website template for someone
and I gave it to him
>> to
>> update the contents. However, on his dreamweaver
Design view, the css
>> does not
>> support it at all so it looks all messy. Though when
he preview it on IE,
>> this
>> is all fine. I have made templates and css files
with dreamweaver and I
>> can
>> view everything fine. He seems to have the same
version of DW (MX 2004)
>> so I am
>> not sure how this happens. We were looking in
everything (including goofy
>> css
>> as someone says on this forum), but have no luck so
far. Here is my link
>> and I
>> pasted my css here.
>>
>>
http://www.norithefish.com/index2.html
>>
>> Many thanks for this.
>> Noriko
>>
>> /***********************************************/
>> /* HTML tag styles */
>> /***********************************************/
>>
>> body
>> {background: #cccccc; font-family: Verdana, Arial,
Helvetica, sans-serif;
>> font-size: small; color: #000000; font-weight:
normal}
>>
>> a { color: #333333; text-decoration: none }
>>
>> a:active { color: #666666; text-decoration: none }
>>
>> a:hover { color: #CC3300; text-decoration: underline
>>
>> .bodytext { font-size: small; color: #000000;
font-weight: normal}
>>
>> .smalltext { font-size: x-small; color: #000000;
font-weight: normal}
>>
>> .smalltextw { font-size: x-small; color: #ffffff;
font-weight: normal}
>>
>> .title{ font-size: 1.5em; font-weight: bold; color:
#CC3300}
>>
>> .wbracket{ font-size: small; font-weight: normal;
color: #ffffff}
>>
>> .smalltitle { font-size: 1em; font-weight: normal;
color: #666666}
>>
>> .sub { font-size: small; font-weight: bold; color:
#ffffff }
>>
>> .foot { font-size: x-small; font-weight: normal;
color: #000000}
>>
>>
>> h1 {
>> font-family: Verdana, Arial, Helvetica, sans-serif;
>> font-size: 1.5em;
>> color: #cc3300
>> }
>> h2 {
>> font-family: Verdana, Arial, Helvetica, sans-serif;
>> font-size: 1.15em;
>> color: #cc3300
>> }
>> h3 {
>> font-family: Verdana, Arial, Helvetica, sans-serif;
>> font-size: 1em;
>> color: #666666
>> }
>>
>> ul{
>> list-style-type: square;
>> }
>>
>> ul ul{
>> list-style-type: disc;
>> }
>>
>> ul ul ul{
>> list-style-type: none;
>> }
>>
>>
>> /***********************************************/
>> /* Layout Divs */
>> /***********************************************/
>>
>> #pageNav{
>>
>> float: left;
>> width:21.3%;
>>
>> top:10px;
>> padding-left: 0px;
>> border-bottom: 1px solid #cccccc;
>> border-right: 1px solid #cccccc;
>> }
>>
>> #content{
>> width:75%;
>> float: left;
>> padding: 0px 0px 0px 0px;
>>
>> margin: 0px 0px 1px 20px;
>>
>> }
>>
>>
>> /***********************************************/
>> /* Component Divs */
>> /***********************************************/
>> #siteName{
>> margin: 0px;
>> padding: 16px 0px 8px 0px;
>> color: #ffffff;
>> font-weight: normal;
>> }
>>
>>
>> /************** feature styles *****************/
>>
>> .feature{
>> padding: 0px 0px 0px 0px;
>> font-size: 100%;
>>
>>
>> }
>>
>>
>>
>> /************* #siteInfo styles ***************/
>>
>> #siteInfo{
>> clear: both;
>>
>> font-size: 100%;
>> background-color: #999999;
>> padding: 0px 0px 0px 0px;
>> border-top: 1px solid #666666;
>> }
>>
>> /************* #smalltitle styles ***************/
>>
>> #smalltitle{
>> clear: both;
>>
>> background-color: #ffffff;
>> font-size: 100%;
>> padding: 0px 0px 0px 0px;
>> border-top: 1px solid #CC3300;
>> border-bottom: 1px solid #CC3300;
>>
>> }
>>
>>
>>
>> /*********** #sectionLinks styles ***********/
>>
>> #sectionLinks{
>> position: relative;
>> width: 150px;
>> margin: 0px;
>> padding: 0px;
>> border-bottom: 1px solid #cccccc;
>> font-size: 90%;
>>
>> }
>>
>>
>>
>> #sectionLinks a:link{
>> font-size: 1.15em;
>> padding: 2px 0px 5px 10px;
>> border-top: 1px solid #cccccc;
>> width: 100%;
>>
>> width: auto;
>> }
>>
>> #sectionLinks a:visited{
>> font-size: 1.15em;
>> border-top: 1px solid #cccccc;
>> padding: 2px 0px 5px 10px;
>> }
>>
>> #sectionLinks a:hover{
>> font-size: 1.15em;
>> border-top: 1px solid #cc3300;
>> background-color: #dddddd;
>> padding: 2px 0px 5px 10px;
>> }
>>
>>
>>
>>
>> /*********** .frame styles ***********/
>> .frame {
>> width: 700px;
>> left: 50%;
>> padding-top: 0px;
>>
>> margin-left: -350px;
>> margin-top: 0px;
>> position: absolute;
>> visibility: visible;
>>
>> border-top: 1px solid #999999;
>> border-bottom: 1px solid #999999;
>> border-right: 1px solid #999999;
>> border-left: 1px solid #999999;
>> background-color: #ffffff;
>> }
>> .bg {
>> height: 1px;
>>
>> background-color: #cccccc;
>> width: 100%;
>> }
>>
>> /*********** #pageNav link styles ***********/
>>
>> #pageNav ul a:link, #pageNav ul a:visited {display:
block;}
>> #pageNav ul {list-style: none; margin: 0; padding:
0;}
>>
>> /* hack to fix IE/Win's broken rendering of
block-level anchors in lists
>> */
>> #pageNav li {border-bottom: 1px solid #EEE;}
>>
>> /* fix for browsers that don't need the hack */
>> html>body #pageNav li {border-bottom: none;}
>>
>> /********************* end **********************/
>>
>>
>>
>>
>
>

Code not displaying in Design View

Why would code visible in code view not be visible in design view? DW cs4, using lesson pages from Adobe DW cs4 CIB.[I'm stuck and can't complete my lesson!]

Display problems are most often caused by malformed code or an imbalance in opening and closing <div> tags. Try validating your code and fix reported errors.
           Code Validation Tools
          CSS - http://jigsaw.w3.org/css-validator/
          HTML - http://validator.w3.org/
Nancy O.
Alt-Web Design & Publishing
Web | Graphics | Print | Media Specialists
http://alt-web.com/
http://twitter.com/altweb

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.

Divs not aligning in design view.

Similar Messages

Maybe you are looking for