Templates & div tags

ok, got another one here.
I did a browser check & this error keeps coming up, not
only that, my drop down menu's will not work. I can't seem to
figure out the problem. I can read code just very little & i am
learning, but my boss is on me to get this done, & i am running
out of time, can someone please look at this & let me know what
i did wrong.
Thanks
Attached is my page that i am working on setting a template
by.

Any template properly created by DMX or later will have two
editable regions
in the head of the page - one for the title tag (doctitle),
and another for
anything else you want to put there (head). You can place
meta tags,
javascript, or embedded styles in that second editable region
- so that each
page has unique content. Does yours have these regions? If
not, then you
have not made your template properly.
Don't worry too much about meta tags. The keywords are no
longer used by
the major search engines.
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
==================
"Deon" <[email protected]> wrote in message
news:e8ngnd$kk$[email protected]..
> Hi there,
>
> DW 8.0.2
>
> I use templates for the sites I work with. But,
unfortunately the
> meta-tags are locked in a non-editable region. Is there
some way to change
> this? I want the meta tags to have key words
specifically to the page it
> is on.
>
> Any help will be welcome.
>
> Deon

Similar Messages

None editable Div tag within a editable Div tag template

I am using a template i created to build a website and the only editable Div is the 'Content'. Using this template i have created a 2nd template for a portfolio page. On my 2nd template i have a Div tag within the 'Content' Div tag with list of all the jobs i have done with hyperlinked to photos. I want this list to be only editable on the template so when i update the 2nd template rest of the files related to this template get updated.
Is it possible to have a none editable Div tag within an editable Div tag?
I hope i have explained this well. Many thanks for your help

Thank you for your respond.
I have a main template with just the 'Content' Div Tag editable. Using this template i created anyother template for my portfolio page. Inside the editable Div Tag i have another Div Tag with 2 sets of tables for my portfolio lists. I want this Div tag to be only editable through the 2nd template only as i will have portfolio lists of over 30 pages/links.
I selected the Div Tag with the 2 set of tables and selected 'Add Object to Library'. First message was that the CSS coding will not be copied but errors messages as follows;
'While executing canInspectSelectio in phatfusion slideShow_FAB75CA2.htm, a JavaScript error occurred.'
'While executing canInspectSelectio in Ken Burns Slideshow.htm, a JavaScript error occurred.'
'While executing canInspectSelectio in Shadowbox3b Gallery_2528933A.htm, a JavaScript error occurred.'
Everytime i click inside the Div Tag, i keep getting these messages.
I went to the library and amended the list but only the 2nd template changed, not the related pages linked to the 2nd template.
Is there a place where i can upload my page in this website so you can see it?
Please see below the coding for the 2nd template for my portfolio pages;
<!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" />
    <META NAME="robots" CONTENT="index, follow">
    <meta name="google-site-verification" content="a_way2ZMkNZuMTtOveF3o1bvtWsVMBQujbA5jw9i0Q0" />
    <META name="y_key" content="d38873598f3b3934" />

<title>???s</title>

<link href="../_css/main.css" rel="stylesheet" type="text/css" />

    <link href="../Galleria/galleria.css" rel="stylesheet" type="text/css" media="screen">
    <script type="text/javascript" src="../Galleria/jquery.min.js"></script>
    <script type="text/javascript" src="../Galleria/jquery.galleria-0.9.js"></script>
    <script type="text/javascript">
    $(document).ready(function(){ $('ul.gallery_demo2').galleria({nextText:'Next portfolio item'}); }) // activates the gallery
    </script>
    <style media="screen,projection" type="text/css">
    p,.caption{
    font-size: 10px;
    color:#006;
    .demo2{
    position:relative;
    clear:both;
    background:black;
    width: 600px;
    .gallery_demo2{
    width: 600px;
    .gallery_demo2 li{
    width:68px;
    height:50px;
    border:thin solid #000;
    background:#111;
    padding-left: 5px;
    overflow: hidden;
    .gallery_demo2 li.active{
    border-color:#623;
    .gallery_demo2 li div{
    top:60px;
    left:0;
    border:3px solid #111;
    background:#111;
    .gallery_demo2 li img.thumb{
    opacity:.3;
    padding-left: 3px;
    .gallery_demo2 li.active img.thumb,.gallery_demo2 li:hover img.thumb{
    opacity:.99;
    </style>
    



<script src="../SpryAssets/SpryMenuBar.js" type="text/javascript"></script>
<link href="../SpryAssets/SpryMenuBarHorizontal.css" rel="stylesheet" type="text/css" />
<style type="text/css">
body {
    background-color: #FFF;
    background-image: url(../_images/background.jpg);
</style>
</head>
<body>
<div class="container">
<div class="header">
    <div class="header2">
      <h4><strong>ARCHITECTURAL & STRUCTURAL ENGINEERING SERVICES<br />
        PROJECT MANAGEMENT & CONSTRUCTIONS</strong></h4>
    </div>
</div>
<div class="linkBar">
    <ul id="MenuBar1" class="MenuBarHorizontal">
      <li><a href="index.html">HOME</a></li>
      <li><a href="about.html">ABOUT US</a></li>
      <li><a href="service.html" class="MenuBarItemSubmenu">SERVICES</a>
        <ul>
<li><a href="service.html">Overview</a></li>
<li><a href="planning.html">Planning Permission</a></li>
<li><a href="building.html">Building Regulations</a></li>
<li><a href="partywall.html">Party Wall Act</a></li>
          <li><a href="schedule.html">Schedule of Work</a></li>
          <li><a href="project.html">Project Management</a></li>
          <li><a href="structural.html">Structural Surveys</a></li>
        </ul>
      </li>
      <li><a href="portfolio.html">PORTFOLIO</a></li>
      <li><a href="contact.html">CONTACT US</a></li>
    </ul>
</div>

<div class="content">
    <h3>PORTFOLIO- website under construction</h3><div class="portfolioText">
      <h2 class="textSubHeading">Commercial</h2>
      <div class="portfolioCommercial">
        <table width="374" align="right">
          <tr>
            <td width="181" height="20">AA Partner Ltd</td>
            <td width="181" height="20">Railing London Ltd</td>
          </tr>
          <tr>
            <td height="20">Pemon Ltd</td>
            <td height="20"> </td>
          </tr>
          <tr>
            <td height="20"> </td>
            <td height="20"> </td>
          </tr>
          <tr>
            <td height="20"> </td>
            <td height="20"> </td>
          </tr>
          <tr>
            <td height="20"> </td>
            <td height="20"> </td>
          </tr>
          <tr>
            <td height="20"> </td>
            <td height="20"> </td>
          </tr>
          <tr>
            <td height="20"> </td>
            <td height="20"> </td>
          </tr>
          <tr>
            <td height="20"> </td>
            <td height="20"> </td>
          </tr>
          <tr>
            <td height="20"> </td>
            <td height="20">lhjffkhgkhg</td>
          </tr>
        </table>
</div>
      <h2 class="textSubHeading"><br />
      </h2>
      <h2 class="textSubHeading"> </h2>
      <h2 class="textSubHeading"> </h2>
      <h2 class="textSubHeading"> </h2>
      <h2 class="textSubHeading">Residential</h2>
      <div class="portfolioResidential">
        <table width="374" align="right">
          <tr>
            <td width="181" height="20">Batchworth Lane, <span dir="ltr">Northwood</span></td>
            <td width="181" height="20">Derrylands, Harrow</td>
          </tr>
          <tr>
            <td height="20">Pine Walk, Surrey</td>
            <td height="20"> </td>
          </tr>
          <tr>
            <td height="20"> </td>
            <td height="20"> </td>
          </tr>
          <tr>
            <td height="20"> </td>
            <td height="20"> </td>
          </tr>
          <tr>
            <td height="20"> </td>
            <td height="20"> </td>
          </tr>
          <tr>
            <td height="20"> </td>
            <td height="20"> </td>
          </tr>
          <tr>
            <td height="20"> </td>
            <td height="20"> </td>
          </tr>
          <tr>
            <td height="20">teytdytyt</td>
            <td height="20"> </td>
          </tr>
        </table>
</div>
    </div><div class="portfolioSlideshow">
      <p>Project Title Goes Here:</p>
      <div class="demo">
</div>
<div class="demo2">
<ul class="gallery_demo2">
    <li class="active"><img src="../_images/portfolio/planning.jpg" alt="Planning sample drawing" width="600" height="400"></li>
    <li><img src="../_images/portfolio/building.jpg" alt="Building Reg sample drawing" width="600" height="400"></li>
    <li><img src="../_images/portfolio/structural.jpg" alt="Structural sample drawing" width="600" height="400"></li>
    <li><img src="../_images/portfolio/fabrication.jpg" alt="Fabrication sample drawing" width="600" height="400"></li>
</ul>
</div>
    </div>
</div>

<div class="footer">
<table width="1025" border="0">
<tr>
    <td width="500"><h6>??? </h6></td>
    <td width="10"> </td>
    <td width="500" align="right"><h6>???</h6></td>
</tr>
</table>
</div>
</div>
<script type="text/javascript">
var MenuBar1 = new Spry.Widget.MenuBar("MenuBar1", {imgDown:"../SpryAssets/SpryMenuBarDownHover.gif", imgRight:"../SpryAssets/SpryMenuBarRightHover.gif"});
</script>
</body>
</html>

Can you place an image in a div tag and then add type over top of it?

I told someone in class lastweek that I wanted to be able to
place type over an image. They said you can just add the image into
the div tag as a background image, which will allow you to then
type over it if you like. How is this done? I have tried and
failed. I have an image that is 200x590 going down the left side of
my page. I want to run type over it, and keep the image consistent
on every page, but change the header and type. I've seen this in
several sites. How do you do this with the div tag box model method
of building a page. Can I insert an image into the div and then run
type over it. What does the code look like?

Here's an example of using a css and a background image to a
table cell...
sample principle for a div
#div {styles go here{
http://tinyurl.com/yqeptp
You may also want to go through the beginner css tutorials at
the Adobe
site:
http://www.adobe.com/devnet/dreamweaver/css.html
(pay attention to the ones
by Adrian), beginner moving onto to creating full css
layouts.
Hope this helps :-)
Nadia
Adobe® Community Expert : Dreamweaver
CSS Templates |Tutorials |SEO Articles
http://www.DreamweaverResources.com
~ Customisation Service Available ~
http://www.csstemplates.com.au
Forum Posting Guidelines:
http://www.adobe.com/support/forums/guidelines.html
>I told someone in class lastweek that I wanted to be able
to place type
>over an
> image. They said you can just add the image into the div
tag as a
> background
> image, which will allow you to then type over it if you
like. How is this
> done?
> I have tried and failed. I have an image that is 200x590
going down the
> left
> side of my page. I want to run type over it, and keep
the image consistent
> on
> every page, but change the header and type. I've seen
this in several
> sites.
> How do you do this with the div tag box model method of
building a page.
> Can I
> insert an image into the div and then run type over it.
What does the code
> look
> like?
>

AP Div Tag Issue

Hello Everyone,
I am working on this page:
http://www.paulargoescreens.com/300rps2dt40.shtml
The problem is that I am using a AP Div for the
saw_blade.jpg. The bottom of the teal paper needs to be level with
the bottom line of text in the description area.
I am not very familiar with div tags and cold use some help.
Any idea why it is showing up at the bottom of the page? I placed
it correctly in Dreamweaver CS3 but when it uploaded and checked it
of course this is what I got.
should I figure out what the x and y coordinates are and try
to do something to it that way?
Help!
Scott
null

Never happen. Look at the page in Firefox, and bump the text
size up a tick
or two. Note how the text expands downward. You will be
trying to nail
jelly to a tree....
Why do they need to match?
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
==================
"SCbeekeeper" <[email protected]> wrote in
message
news:f6mdll$k12$[email protected]..
> Hello Everyone,
>
> I am working on this page:
>
>
http://www.paulargoescreens.com/300rps2dt40.shtml
>
> The problem is that I am using a AP Div for the
saw_blade.jpg. The bottom
> of
> the teal paper needs to be level with the bottom line of
text in the
> description area.
>
> I am not very familiar with div tags and cold use some
help. Any idea why
> it
> is showing up at the bottom of the page? I placed it
correctly in
> Dreamweaver
> CS3 but when it uploaded and checked it of course this
is what I got.
>
> should I figure out what the x and y coordinates are and
try to do
> something
> to it that way?
>
> Help!
>
> Scott
http://www.paulargoescreens.com/300rps2dt40.shtml
>

Help with floating a Div tag?

I am having difficulty properly floating a div tag in my site. The page is http://www.planetwhistler.com/bandbs.html The Div on the bottom of the second column with 'content for right_bandb_div' goes here will not properly float to the right of the Div to the left of it. I have floated the 'right_bandb_' div to the left with enough of a margin to clear the div tag in the first column, I have also put the code for 'right_bandb' before the code for the div to the left of it but for some reason it won't properly place itself. Thanks for any help provided.

I realize my Template isn't exactly like yours, but you can learn from it.
http://alt-web.com/TEMPLATES/CSS-centered-round-boxes.shtml
1) apply min-height values to all your .boxes.
2) add a float clearing between rows.
Nancy O.
Alt-Web Design & Publishing
Web | Graphics | Print | Media Specialists
http://alt-web.com/
http://twitter.com/altweb

Centering a DIV Tag

Hi,
am having trouble / don't have a clue how to centre a div tag
to the center of the page? Can someone point me where am going
wrong. Here is the html code:
thanks in advance
hammer.

>>I think you'll find significant disagreement here
about the following
Yes, here, I definitely will find significant disagreement.
But I'm very
much of the opinion that publishing to the web is for the
masses, not just
for you folk with the time, motivation, and expereince to
deal with the
range of issues relating to css layout. The simplicity of
tables far
outweighs the gains of css layout at this point in time.
>>There is nothing worse than a morass of nested tables
spanned to death,
>>not
only for you as the maintainer of the site, but also for the
browsers, some
of which simply cannot render such pages. CSS layouts do not
have these
problems.
Here you are wrong. I would actually revese that whole point.
It is css
layout that are notorious fo rbrowsers laying out or not
rendering properly.
Tables never came close to having such issues. Even nested
tables, one level
deep, are perfectly fine.
>>some
of which simply cannot render such pages. CSS layouts do not
have these
problems.
Politely, where the heck have you been living these last few
years!!
>>Future maintainence, bandwidth usage, and simplicity
of layout are big
benefits of using CSS as opposed to tables.
simplicity of layout??? Again, I think you are missing the
argument here.
Its almost a given that tables are simpler to use for layout.
Almost all
books on teh topic agree, but point out the long term benefit
of css layout
despite the added complexity. So please don't use the
'simplcity' as an
argument here. CSS layout is the most intimidating and hard
to fathom thing
for most beginners, not just the new syntax but all the
nonsensical
(seeming) twists and turns that must be taken to get it to
work properly -
not to mention they are buggy as hell. Tables? They don't
come close to
being as nasty as CSS layout as it is today.
>>Everyone here (I think) agrees that if tables work
better for you, then use them. BUT use them correctly if you
are going to
do that. It's pretty simple, really....
Agreed. I personally use tables for average sized websites
which have to be
edited/maintained by general staff - you can teach tables oto
people inside
of amorning to a day. You'd need weeks to months to teach
enough CSS layout
to a layman and even then he'd think it sucks. I will be
using css for
layout about two browser versions from now.
I don't see the sense on jumping on a technology that, at
every second turn
you get, go here for this hack, do this to get around that
problem, IE
cannot do this so use this javascript fix, oh it doesn't work
while looking
at in dreanweaver but it will work in the browser, blah blah
blah...its
enough to put someone off web design for life.
I came to the web initially becuase I was amazed at how much
I could do with
so little knowledge - it was awseome. I think this should
still happen to
people today - it's quite empowering. I think the reality is
a lot more folk
get disheartned, confused and simply don't run with it. We
scare the crap
out them with css layout.
"Murray *ACE*" <[email protected]> wrote
in message
news:[email protected]...
>I think you'll find significant disagreement here about
the following -
>
> * CSS for layout is simply not there yet
> * Its only the accesibility issue which tables lose
points for
> * Possibly, the only benefit of css layout is that it
can be centrally
> goverened through a linked style sheet, but even this
can be done with DW
> templates and tables
>
> CSS for layout is certainly "there". Perhaps it's not
there for you, but
> it surely is for others.
>
> There is nothing worse than a morass of nested tables
spanned to death,
> not only for you as the maintainer of the site, but also
for the browsers,
> some of which simply cannot render such pages. CSS
layouts do not have
> these problems.
>
> Future maintainence, bandwidth usage, and simplicity of
layout are big
> benefits of using CSS as opposed to tables.
>
> But let's not make this a holy war. Nobody here is
saying that you have
> to replace tables with CSS. Everyone here (I think)
agrees that if tables
> work better for you, then use them. BUT use them
correctly if you are
> going to do that. It's pretty simple, really....
>
> --
> 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
> ==================
>
>
> "Arrdvark" <[email protected]> wrote in
message
> news:[email protected]...
>> tables are much simpler, translate well to knowledge
people have from
>> other tools (ie; ms word) and can do layout quite
well. CSS for layout is
>> simply not there yet - it feels like one great big
hack and is difficult
>> for people to learn, especially causal web designers
who just dont have
>> the time to amass all teh knowledge and expereince
needed just to get a
>> simple css layout working in both major browsers.
One of the things that
>> made the web so big was how simple it was to publish
to - CSS layout is a
>> step backward in this regard.
>>
>> tables are still fine for most sites, a perfectly
valid choice. Its only
>> the accesibility issue which tables lose points for.
Possibly, the only
>> benefit of css layout is that it can be centrally
goverened through a
>> linked style sheet, but even this can be done with
DW templates and
>> tables, or dynamic pages and tables (ie: asp.net
master pages).
>>
>> I am 50 / 50 these days as to wether css layout is
worth the hassle for
>> the average website being bult by the avergae
person.
>>
>>
>>
>>
>> "FreakyJesus" <[email protected]>
wrote in message
>> news:[email protected]...
>>> Very well said, Thierry
>>> And Arrdvark, I hear you on this:
>>> "it almost always causes total confusion as to
"why" this is the case
>>> and puts
>>> people right off CSS altogther."
>>> I am showing a friend how to use CSS (blind
leading the blind) and on a
>>> regular basis she's like "wouldn't this be
easier with tables within
>>> tables."
>>> Css CAN be very confusing.
>>>
>>> Andy
>>>
>>>
>>>
>>>
>>>
quote:
Originally posted by:
Newsgroup User
>>> Al wrote:
>>> > On Fri, 01 Dec 2006 09:39:18 -0500, Murray
*ACE*
>>> > <[email protected]>
wrote:
>>>
>>> >> Not only something different, but an
inferior choice at that!
>>>
>>> > I guess it can sometimes be difficult for
an inexperienced user to
>>> > assess and evaluate multiple solutions. If
there are downsides to
>>> > public forums, that would be at least one
of them. It's hard enough
>>> > for newbies to assess a single solution,
but wading through a
>>> > sub-discussion between third-parties
micro-analyzing their personal
>>> > favorite solutions can be untenable.
>>>
>>> I agree, but I can also understand that it can
be frustrating for people
>>> (people in general) who try to help to see that
the OP (OPs in general)
>>> didn't even try a solution that didn't require
too much effort.
>>> IMHO, there was not much for the OP to go
through here since *early* in
>>> this
>>> thread, the OP had everything to make it work.
>>> First post FreakyJesus said to set up the
left/right margin of the DIV
>>> to
>>> "auto" and second post Murray gives a very
explicit "fix" for IE5:
>>> body { text-align:center; }
>>> #graybox { text-align:left; }
>>> Actually, just trying margin auto could have
been enough for the OP.
>>> Sometimes it is important to know "some"
Javascript, HTML or else to be
>>> able
>>> to implement (not necessary understand) a
solution, but here it was not
>>> the
>>> case.
>>>
>>> Nothing against the OP here, and nothing to get
excited either ;-)
>>> This is just a general statement about the other
side of the coin.
>>>
>>> > Note to self: Recite Serenity Prayer before
posting here in the
>>> > future.
>>>
>>> Let's hope that works :)
>>>
>>> --
>>> Thierry
>>> Articles and Tutorials:
http://www.TJKDesign.com/go/?0
>>> The perfect FAQ page:
http://www.TJKDesign.com/go/?9
>>> CSS-P Templates:
http://www.TJKDesign.com/go/?1
>>> CSS Tab Menu:
http://www.TJKDesign.com/go/?3
>>>
>>>
>>>
>>>
>>>
>>>
>>
>>
>
>

Ap Div Tag Problem

OK so this is my first wbesite in dreamweaver so and i ran into a problem....i made a AP div tag but i can get it where i want it.....my backrground is center in the website and i put my nav links in a AP div tag so i could then put them in a certain area where i wanted.(i think is the only way i know hjow to do this) Well how can i get them centered left and right in the website but the top and bottom i want to place by hand???? they are where they need to be when i preview it in the browser but in the dreamweaver file they are down and to the right......i had to keep messing with it and previewin it until it showed up where i wanted it to in the browser. Im sure i have a setting worng either in my CSS or html.... Please help!

First rule of web design is to stop thinking like a graphic or print designer. Web pages need to be flexible to perform well on different devices, browsers, user settings, screen and text sizes. And web designers have almost no control over these user-centric variables.
The second rule of web design, you cannot precisely position text or other elements on top of big background image and expect it to stick. It just doesn't work.
http://alt-web.com/Backgrounds.shtml
If your navigation bar requires a background, it should be separate from the page background. You'll need to use solid colors or create image slices for your nav bar in your graphics editor.
Third rule, use default CSS positioning (which is no positioning at all). Align objects with CSS margins, padding and floats.
Basic CSS Layout. (No APDivs used, no animals were harmed)
http://alt-web.com/TEMPLATES/Basic-1-col-fixed.html
Also read this tutorial:
Taking a Fireworks (or Photoshop) comp to a CSS based layout in DW
http://www.adobe.com/devnet/fireworks/articles/web_standards_layouts_pt1.html
Good luck with your project!
Nancy O.
Alt-Web Design & Publishing
Web | Graphics | Print | Media Specialists
www.alt-web.com/
www.twitter.com/altweb
www.alt-web.blogspot.com

Div tag viewing problem

When I wrap a div tag around an image - I don't see that
image in the "designer view"
I do see it when I look at it in a browser.
Isn't there some way that I should be able to see the image
in the designer view?

Hmm - I must admit, I've never had this problem. Can you tell
me exactly
what you are doing, please?
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
==================
"jfsneumann" <[email protected]> wrote in
message
news:ebarml$517$[email protected]..
> When I wrap a div tag around an image - I don't see that
image in the
> "designer
> view"
>
> I do see it when I look at it in a browser.
>
> Isn't there some way that I should be able to see the
image in the
> designer
> view?
>

DIV tags disappear when put over swf file background

I am working on a site which has a swf movie as a background
which fills the browser window(SWFobject). When I place DIV tags,
which reference a CSS id and contain swf files as well, over the
top (for absolute positioning, etc.) they disappear when previewed
in a browser . Is there a reason that the swfobject always takes on
top position in the browser? Do I need to change something in the
SWFoject javascript file, in the code or within either the CSS file
or the dreamweaver HTML code? Here is a link to a site that is very
similar to what I am working on.
http://www.pronghornclub.com
Any help would be most appreciated.

All Active content on a page will always rise to the top, so
to speak,
including Flash, certain form elements, Java applets, and
Active X controls.
This means that each of these will poke through layers. There
is not a good
cross-browser/platform reliable way to solve this issue, but
if you can be
confident in your visitors using IE 5+ or NN6+, then you can
use the Flash
wmode parameter (however, Safari does not support this
properly!).
Adobe articles:
http://www.adobe.com/cfusion/knowledgebase/index.cfm?id=tn_15523
http://www.adobe.com/cfusion/knowledgebase/index.cfm?id=tn_14201
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
==================
"jlrowedog" <[email protected]> wrote in
message
news:fb53q0$akk$[email protected]..
>I am working on a site which has a swf movie as a
background which fills
>the
> browser window(SWFobject). When I place DIV tags, which
reference a CSS
> id,
> over the top (for absolute positioning, etc.) they
disappear when
> previewed in
> a browser. Is there a reason that the swf file always
takes on top
> position in
> the browser? Do I need to change something in the
SWFoject javascript
> file, in
> the code or within either the CSS file or the
dreamweaver HTML code? Here
> is a
> link to a site that is very similar to what I am working
on.
>
>
http://www.pronghornclub.com
>
> Any help would be most appreciated.
>
>
>

Copied and pasted a div tag but cannot rename it on style sheet. any ideas?

Hello,
I am new to Dreamweaver so after paying someone to basically build be a template, I tried to midify it a little by copying and pasing a div tag to a lower section of my page.
Probe is, its entitled "content-box-top" ... If I make adjust the width or height etc it also changes it to div tage at the top of my page in which I duplicated from.
That all makes sense. So I tried to rename my dupoicate div tag "content-box-bottom". But it doenst appear in the style sheet so I can't make my modifications.
What am I doing wrong and how could this be accomplished? Thanks to all who can help.
JIMM

First off, <div id="names"> need to be unique on a page (used only once)... so a <div> id name cannot be reused on the same page..
Second, just because you rename a <div> does not automatically add/change anything in your CSS.
If you want 2 <div>s to be identical, then assign them each the same class="wearethesame"... or whatever class you want to create.
http://www.w3schools.com/css/css_id_class.asp
or in your CSS file, just copy/paste the CSS for the first #div and rename the pasted version to the same name as the second <div>. This will work just fine.. but it's not an automatic function.
Best wishes,
Adninjastrator

DW Beginner - Tables, Div Tags and CSS Confusion

Hi,
I am a beginner to DW. The layout I am designing is as follows:
First I have an overall "container" on the outside of my layout which I called "wrapper" and I made it using a div tag.
Next I made a table within or right after this "wrapper" div tag, which I called my "navbar".
After this table I made another table named left and right column (r:1 cz:2).
And lastly, another table, called "footer".
Now, I made a CSS for the div tag, no problem. But, when I go to make CSS for the tables, that's where it gets confusing.
For example, I went into my "navbar" table, selected on the "trail" <td>, and then tried to create a CSS for this particular table.
Problem: Why when setting my font or background or any other setting, are the other 2 tables changing also if I only assigned this specific area for the CSS navbar table? Am I selecting the wrong "trail" or is it because it is still entrapped somehow in the "wrapper" div tag, so it won't allow my new CSS settings? I would appreciate any help. This can really get confusing fast, especially for us beginners trying to learn.
Thanks,
S

Since you're new to DW, I'm assuming you're new to HTML and CSS, too. So start by learning code basics first and you'll have a much easier time understanding DW.
Begin here:
HTML & CSS Tutorials - http://w3schools.com/
CSS layouts are much more flexible than tables. Below are some example of CSS layouts (no tables needed)
http://alt-web.com/TEMPLATES/I-page-with-floats.html
http://alt-web.com/TEMPLATES/2-col-fixed-layout.shtml
http://www.tjkdesign.com/articles/one_html_markup_many_css_layouts.asp
From Tables to CSS Web Design Part 1 -
http://www.adobe.com/devnet/dreamweaver/articles/table_to_css_pt1.html
From Tables to CSS Web Design Part 2 -
http://www.adobe.com/devnet/dreamweaver/articles/table_to_css_pt2.html
Good luck,
Nancy O.
Alt-Web Design & Publishing
Web | Graphics | Print | Media Specialists
www.alt-web.com/
www.twitter.com/altweb
www.alt-web.blogspot.com
How To get Help Quickly in DW Forums
http://forums.adobe.com/thread/470404

CSS div tags

Hi folks,
I have a quick questions which
should be easily resolved. I have created sites using Div
tags, the usual 'masterhead' / 'navi' / 'content' / 'footer'. The
Divs margins are set to 0 for for top and bottom. My querie is, in
IE the Divs 'butt up' to each other however in FF/Safari/Mozilla
there is a gap - is there a way to get the pages to appear the
same? I have tried playing with the margins and had no joy. I have
even attempted to create another Div tag to include the
'navi/content' to see if that would 'squeeze up' the elements -
that didn't work in the desired browsers either - any ideas?
Many thanks in advance

> Murray *ACE* you may not remember but you advised me to
get some CSS
> books,
> which I have read through (one from Sitepoint &
another by aPress) - I
> have you
> to thank in gaining extra knowledge in this. However
don't I wont be
> asking any
> Q's - I'll just try not to ask any 'basic' ones now! ;)
I'm glad I could push you in this direction. The flash of
enlightenment is
such a wonderful experience!
> why on earth cant all browsers have the same protocols
and viewing
> behaviours??
They are trying, thankfully. As opposed to how it was a few
short years
ago, I think they all now agree that the W3C's specifications
are the law.
The problem is that sometimes those specifications are
ambiguous, and when
that happens there is the possiblity of different
interpretations....
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
==================
"tommysauce" <[email protected]> wrote in
message
news:f8akm4$olo$[email protected]..
> Hi guys,
>
> I was persistent in trying to solve this problem and
worked it out !! Oh
> happy
> days! ;p
>
> Question, why on earth cant all browsers have the same
protocols and
> viewing
> behaviours?? Although I must admit there is a certain
amount of
> satisfaction
> gained when you work stuff out!
>
> Murray *ACE* you may not remember but you advised me to
get some CSS
> books,
> which I have read through (one from Sitepoint &
another by aPress) - I
> have you
> to thank in gaining extra knowledge in this. However
don't I wont be
> asking any
> Q's - I'll just try not to ask any 'basic' ones now! ;)
>

Margins, div tags displaying differently on different monitors CS3 DW

I am working on a class website on three, maybe four computers all running DS3. My work computer is a 17" 4:3 ratio monitor running at, maybe 1280 - 1024. The page in DESIGN view displays fine, and looks fine in IE and Firefox. My class computer is a 19" 4:3 ratio monitor running the same resolution, and it looks fine.
My home computer is a 24" monitor running 1900 x 1200 16:9 widescreen ratio resolution. And what looks good at school and work goes to pot at home. All the div tags shift around, margins, screw up in Design view but look okay in IE or Firefox when I preview them. What is up? Is there a setting I've missed. If it helps, know that I am NOT using AP divs or AP -- I want the pages to float center. Thanks in advance.
W!

Thanks for your concern regarding the class instructor!
The instructor was very clear about what the course would not cover --- DIVs, behaviors, Sprys, templates, etc. It covers DW commands, tables, formatting, linking, posting sites to the web, and beginning flash. In fact, the final project is only supposed to be 1 landing page and two supporting pages. And to be fair, it's one of those classes where you've got people like myself with previous exposure to HTML combined with folks who don't know how to use Windows Explorer to navigate to a directory. . .
Before taking the class, I had purchased one of those TOTAL TRAINING DVD instruction sets -- DW instructor Janine Warner did the two disc instruction set and did a really good job explaining the difference between regular divs and AP divs. Which is why I'm not using AP divs right now. I wasn't able to control spacing or formatting the way I wanted using tables, so I decided to use DIVs instead. Building a Nav Bar using "Insert -- Nav Bar" didn't provide submenus and the graphics I created for rollovers took to long to load (even though I took pains to create small graphic buttons in Photoshop as 3 KB gifs), I was pointed in the director of Spry widgets, etc. My class instructor is good enough to say, "We're not doing that in this class. But why don't you research. . ."
I think it's all good. I appreciate having this forum as a resource.

Design View missaligned div tags location

I am using div tags to layout my webpage and the Design view
shows the wrong alignment. Check mektronix-net.campusbizcenter.com
for the page which seems to display correctly. I am also using CSS
for formating the webpage. Is DreamWeaver having a problem with
placing the div tags in Design view? Any help will be
appreciated.

The bracketed width is the actual width as a result of what
you have put in
the div and how you have styled it. The other width is the
width you *wish*
it would be.
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
==================
"april floyd" <[email protected]> wrote in message
news:esrgd1$jji$[email protected]..
> Why in the Design View do you see a width for a DIV and
also another width
> (greater) in brackets after it.

Editable bg color in div tag

Hello,
I am trying to create an editable background color within the
div tag of the top portion of my webpage. I have a banner image and
I would like not only it, but also its associated bkgd color to be
easily changeable from page to page. So I am trying to have these
appear within an editable region (the div) of my template. It looks
like it works in design view, but when I preview it in a browser,
although the image shows up ok, the background color disappears
here is the code in question:

<div id="header" bgcolor="6999bc">
<img src="../imgs/banr_genl_6999bc.gif" alt="banner
image" width="687" height="118" />
</div>

Any suggestions?
Many thanks!
Alan

> Maybe how
> I have typed the code for this tag is where I have
erred...?
I would think so, yes.
> I think I may have found a workaround though - I created
a separate
> editable
> region in the head of the template and placed the
bgcolor reference there,
> within opening and closing style tags.. that seems to
work although its
> not
> quite as tidy.
It's actually much more tidy, and it's how you should always
do such things.
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
==================
"alan kirker" <[email protected]> wrote in
message
news:fc2402$ltt$[email protected]..
> Thanks Murray,
> That is what I would expect as well and its what I
want... however, when I
> apply the template with this code to a page, and then
test it by browsing
> it
> locally, the image appears, but the bkgd color does
not... And although
> its
> technically "editable" for the reason you point out,
changes made to the
> hex
> value still yield no color behind the image. Even when I
add the "#" or
> try
> using "background-color" instead of "bgcolor" as the
attribute name. Maybe
> how
> I have typed the code for this tag is where I have
erred...?
>
> I think I may have found a workaround though - I created
a separate
> editable
> region in the head of the template and placed the
bgcolor reference there,
> within opening and closing style tags.. that seems to
work although its
> not
> quite as tidy.
>
> many thanks for your help... if you have additional
suggestions, I am all
> ears,
> Alan
>

Templates & div tags

Similar Messages

Maybe you are looking for