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?
>

Similar Messages

Image Map in a div tag causing problems in webpage

I have an image map in a div tag (I'm using Dreamweaver so
I've place hot spots on a gif within a div tag). When I preview in
a browser the hot spots are creating an empty space between the
image and the div tag below it, which there shouldn't be. Prior to
this I had done the same thing but using layers instead of div tags
and it was fine... there was no unwanted space. What am I doing
wrong?

Hi lauren,
I tried to replicate the above mentioned issue, but did not get the <div> around the image in Webhelp output. Would it be possible for you to provide more information on this:
At what point does the <div> start appearing around the image, as soon as the CBT expression is applied?
If yes, what is the expression?
What happens when expression is set to None again and individual CBT is under application
Is there a spacing or the CBT text just follows the inline image?
Please send us a sample file for the same, if possible. Thanks!
Amit

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

Nested div tags "Design View" problem

I have had ongoing problems using nested div tags to layout
my page. The page displays correct in browser but does not display
properly in Dreamweaver Design View. Highlighting the CSS id in
Code View shows the correct groupings. The code also passed the
validator test.
I am fairly new at Dreamweaver so I could be missing
something basic.
Code is displayed at
http://www.mektronix-net.campusbizcenter.com/

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 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

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.

Div tags in design view

How is it that I can no longer control the position and size of a Div in design view? There appears to be no way to resize or move the div tag.I am using CS5

Do you mean Divs or AP Divs?

HTML or PHP visibility div tag problem in IE

Hi,
I have a PHP search function on a travel site a programmer
did for me. When you look at it in FF and Safari, it looks fine.
But in IE, there is a big blank space where the calendar function
goes. He has the div tag set to visibility:hidden. Any ideas how to
make it look right in IE as well?? Any help would be appreciated!
The PHP code is below:
He thinks the problem is here in this part of the code:
<div id="kalendar" style="visibility:hidden; width:0px;
height:0px; border:0;">
//then goes some tables
</div>
Any help would be much appreciated...we are stumped!
Thanks

>
http://www.bluehippotravel.com/surfingvacations
404 on that link.
> Does this tell you anything?
Unfortunately, yes. The person who coded this has no sense of
best practice
in HTML authoring....
I'd like to see the page in the wild if I could - can you
investigate the
404, please?
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
==================
"Lvanhoff" <[email protected]> wrote in
message
news:[email protected]...
> Murray,
> As always you are a genius :-)
>
> The only problem I still have, and only in IE, not FF,
is that the drop
> down
> menus are cutting part of themselves off...any idea why?
>
http://www.bluehippotravel.com/surfingvacations
> Top left...see how the arrows are cut off on the drop
downs?
>
> Not sure if its ok to post to page??
>
> I didn't do this part of the page...so not sure how it
was done...
> Does this tell you anything?
>
> <table bgcolor="#f7ebb3" class="search"
style="table-layout: fixed;
> padding:0px" border="0">
> <tr><td colspan="4" width="auto">
> <select size="1" class="search" id="country"
> onchange="javascript:listajzemlje(this.value)">
> <?php
> drzave();
> ?>
> </select>
> </td></tr>
> <tr><td colspan="4" width="auto">
> <div id="state1">
> <input type="hidden" id="state" value="" >
> <input type="hidden" id="city" value="" >
>
> </div></td></tr>
> <tr>
>
>
> <td colspan="4" width="auto">
> <input class="search" id="hotel" name="hotel" value="
Hotel name
> (optional)" />
>
>
>
> <tr><td colspan="4" style="cursor:pointer;"
onClick="showKalendar()"
> class="search" >
>
> <img class="search"
src="images/btn-hotelmenu-searchbydate.jpg"
> alt="Search by
> date (optional) ">
> </td></tr>
> <tr><td colspan="4">
> <div id="kalendar" style="display:none; width:0px;
height:0px;
> border:0;layout:fixed">
>
> <table border="0" class="submenucolor" align="center"
width="auto">
>
> <tr>
> <td></td><td></td>
> <td class="HotelSearchMenu" colspan="2"
align="right">In:<?
> $aCalendarParams=array(
> "sIconPath" => "./img/calendar.png",
> "iAction" => 1, //0=>reloadCurrentPage with get
param sDate,
> 1=>fill
> field sFieldName
> "sFieldName" => "DPC_date1",
> "iStyle" => 1, //0=>display calendar,
1=>display div on icon
> click
> "aMonthNames" => $aMonthNames["EN"],
> "aDaysNames" => $aDaysNames["EN"],
> "sDateFormat" => $sDateFormat["EN"]
>
> );
> new oCalendarPicker("calFixe1",$sDate,$aCalendarParams);
> ?></td>
>
>
>
>
>
> </tr>
>
>
> Thanks!
>

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

Applet Over DIV tag problem

Hi,
we are using Div tag along wth applet. While loading we want to freeze the screen. so we set width and height for DIV tag. All textboxes and other thngs are going behind the DIV but not working for applets like Browser, Grid. Applets are coming over the DIV tag when freezing. We set the high Z index forApplet div and low for freezing DIV and also tried in reverse. But it is not working..
How to solve this problem?
Regards,
Senthil

The problem is that applets are not part of the DOM. This is why most commonly; iframes are used whenever you need to "dynamically" need to manipulate a MII applet. You may be better off using an XSLT style sheet transform or AJAX / Javascript framework so that you can more precisely control your grids.
Some people have tried using OBJECT tags instead of APPLET but I haven't heard of much success in this route.

Div tags problem on centered layout

Like the title says, I'm working on a centered layout and I
need to place a div tag that has an overflow for scrolling. The
problem is what do I do so that it does just that. I tried using an
AP div tag but it doesn't follow the rest of the layout if you play
with the browser width. And if I simply put a div tag in my table,
I don't know how to put an overflow on it. I only have a limited
amount of space for the text, and I have too much text to simply
put it in the table. It's my first time working on a centered
layout, so I'm kind of at a lost right now. And that's the only
thing stopping me from putting it online.

> And if I simply put a div tag in
> my table, I don't know how to put an overflow on it.
<div style="overflow:scroll">
> I only have a limited
> amount of space for the text, and I have too much text
to simply put it in
> the
> table.
If that's the case, then you have a broken layout scheme, and
a usability
problem.
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
==================
"cprime" <[email protected]> wrote in
message
news:g6n78v$qmn$[email protected]..
> Like the title says, I'm working on a centered layout
and I need to place
> a div
> tag that has an overflow for scrolling. The problem is
what do I do so
> that it
> does just that. I tried using an AP div tag but it
doesn't follow the rest
> of
> the layout if you play with the browser width. And if I
simply put a div
> tag in
> my table, I don't know how to put an overflow on it. I
only have a limited
> amount of space for the text, and I have too much text
to simply put it in
> the
> table. It's my first time working on a centered layout,
so I'm kind of at
> a
> lost right now. And that's the only thing stopping me
from putting it
> online.
>

Problem to place Div tags

I am developing a web site using div tags under Dreamweaver.
Until now, I succeeded to place the different blocks using
CSS rules.
One of the block has an automatic height definition;
sometimes it can be 100 pixels high, the other time 200 pixels
high.
I need to add a block that will come immediately below the
previous one.
So sometimes it may be placed from 100 to 150 pixels,
sometime it may be placed from 200 to 250 pixels.
I don't know how to define the position of this block :
absolute, relative? I tried different solutions; I do not succeed
to make the block comming immediately after the previous.
Should someone help me?
Thanks a lot.

> I don't understand what does 'normal flow' mean.
Google it, and read about it. It's the process by which the
browser renders
the page from the top of the code to the bottom and places
page elements as
they encounter them.
> The first div
> tag has the following parameters :
> position: absolute;
You will not get anything to float under this div, since
absolute positioned
elements are removed fromt the normal flow, meaning that they
are placed on
the page in that location without regard for what else might
be immediately
before or immediately after it in the code.
This is why best practice is to not use layers for page
layout.
In your case, if you REMOVE the absolute positioning, you
will get exactly
what you want, e.g.,
<style type="text/css">

</style>
You'll also need to change this -
<div class="test">
<html xmlns="
http://www.w3.org/1999/xhtml">
to this -
<html xmlns="
http://www.w3.org/1999/xhtml">
and this -
</html>
</div>
to this -
</html>
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
==================
"Annie Benech" <[email protected]> wrote in
message
news:[email protected]...
> Thanks for your answer.
> I don't understand what does 'normal flow' mean.
> Joined, you will find a small program reproducing the
problem. The first
> div
> tag has the following parameters :
> position: absolute;
> height: auto;
> width: 100px;
> left: 10px;
> top: 10px;
> What must the parameters of the second div tag be to
float after the first
> one? Which menu of Dreamweaver should I use to define
those parameters.
> Thanks again for your help.
> Regards.
>
> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0
Transitional//EN"
> "
http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
> <div class="test">
> <html xmlns="
http://www.w3.org/1999/xhtml">
> <head>
> <meta http-equiv="Content-Type" content="text/html;
charset=iso-8859-1"
> />
> 
> <title>Document sans titre</title>
> 
>  
> <style type="text/css">
> 
> </style>
> </head>
>
> <body>
> <div class="test">Placez ici le contenu de class
"test"Placez ici le
> contenu de class "test"Placez ici le contenu de class
"test"</div>
> <div class="test1">Placez ici le contenu de class
"test1"</div>
> </body>
> </html>
> </div>
>

Problem with Flash in a Hide/Show Div Tag

What is the best way to handle Flash files on an HTML page
within a <div> tag you hide and show (via javascript). It
seems to reload when you hide and then show the <div> tag
when using display: block.
Positioning instead (move offscreen)?
Visibility?
Other?

I would say off-screen is going to give you the best
cross-platform performance. I've found visibility show/hide
prevents the swf from working in IE while hidden much like you
alluded to. Of course in mozilla browsers hide doesn't behave the
same way.

Div tag problem

Hi there,
i am creating a website.i seem to be having a bit of trouble with div tag...i think.the navigation bar and the main content seem to be overlapping each other.any ideas?id appreciated any help.
thanks.
<body>
<div id="header">Heading</div>
<div id = "nav">
<ul id="Fyp">
<li><a href="html/Index.html">Home</a> </li>
<li><a href="html/Conventional.html">Conventional Encryption</a></li>
<li><a href="#">Public Key Encryption</a>
    <ul>
<li><a href="html/PublicKey-Confidentiality.html">PublicKey-Confidentiality</a></li>
<li><a href="html/PublicKey-Authentication.html">PublicKey-Authentication</a></li>
<li><a href="html/Public Key-Confidentiality and Authentication.html">Public Key-Confidentiality and Authentication</a></li>
    </ul>
</li>
<li><a href="#">MAC Encryption</a>
    <ul>
<li><a href="#">MAC - Message Authentication</a></li>
     <li><a href="#">Message Authentication and Confidentiality (Plaintext)</a></li>
     <li><a href="#">Message Authentication and Confidentiality(Ciphertext)</a></li>
</ul>
</li>
   <li><a href="#">HASH Encryption</a>
       <ul>
            <li><a href="#">Encryption after Concatenation</a></li>
            <li><a href="#">Encryption before Concatenation</a></li>
              <li><a href="#">Authentication</a></li>
            <li><a href="#">Authentication and Confidentiality</a></li>
           <li><a href="#">Secret Value</a></li>
          <li><a href="#">Secret Value and Encryption</a></li>
     </ul>
    </li>
   <li><a href="#">Self Test</a></li>
</ul>
</div>
<div id="main_content">
<p> </p>
<p>This is the home page for Message Authentication and Digital Signatures.This page will explain the funamental basis of these elements.</p>
<p> </p>
<p><strong>Authentication</strong>:</p>
<p><a name="#Authtentication"></a>
The Authentication service is concerned with assuring that a communication is authentic. Authentication acts as an warning or a alarm signal. The function of the authentication service is to assure the recipient that he message is from the source that it calms to be from.</p>
<p> </p>
<p><strong>Confidentiality</strong>:</p>
<p><a name = "Confidenitiality"></a>
Confidentiality is the protection of transmitted data from passive attacks. This makes sure that the message sent can not be read by anyboby except for the intended recipient .
</p>
<p> </p>
<p><strong>Public Key:</strong></p>
<p><a name = "Public Key"></a>
</p>
<p><strong>Digital Signature:</strong>
<p><a name = "Digital Signature"></a></p>
</p>
<p><strong>Integrity:</strong>
<p><a name = "Integrity"></a> </p>
<p><strong>MAC Function:</strong></p>
<p><a name = "MAC"></a> </p>
<p>A MAC (Message Authentication Code) is a small fixed size block of data that is appended to the message. The technique assumes hat two communicating parties say (Source A and B) share a common secret key(k). When A sends a message to B, it calculates the MAC as a function of the message and the key. The recipient performs the same calculation on the received message using the same key, to generate a new MAC. The received MAC and the calculated MAC are then compared. If the received MAC matches the calculated MAC, then the message is said to be authentic.</p>
</p>
</div>
<div id="footer">
<p>
Footer - all about the designer and contact links go here
</p>
</div>
</body>
</html>

Here ya go.
body {
margin:0px;
padding:0px;
text-align:center;
font-size:1.0em;
font-family:trebuchet ms, tahoma, arial, sans-serif;
#container {
text-align:left;
margin:0px;
width:1270px;
border:1px black solid;
padding: 0px;
#header {
text-align:center;
width:1270px;
#width:1022px;
height:100px;
font-size:2.0em;
background-color:white;
color:white;
padding-top:0px;
padding-right:0px;
border-bottom:1px black solid;
#nav {
width:1270px;
#width:1270px;
height:24px;
font-size:0.8em;
background-color:#20548E;
color:black;
border-bottom:1px black solid;
#main_content {
width:1270px;
#width:1022px;
font-size:0.9em;
background-color:white;
color:black;
border-bottom:1px black solid;
#footer {
text-align:center;
width:1270px;
#width:1022px;
height:100px;
font-size:1.0em;
background-color:#20548E;
color:white;
border-bottom:1px black solid;
#Fyp
{ margin: 0;
     padding: 0;
#Fyp li
{ float: left;
list-style: none;
font: 12px Tahoma, Arial;
#Fyp li a
{ display: block;
background: #20548E;
padding: 5px 12px;
text-decoration: none;
border-right: 1px solid white;
width: 140px;
color: #EAFFED;
white-space: nowrap;
#Fyp li a:hover
{ background: #1A4473;
#Fyp li ul
{ margin: 0;
   padding: 0;
   position: absolute;
   visibility: hidden;
   border-top: 1px solid white;
#Fyp li ul li
{ float: none;
   display: inline;
#Fyp li ul li a
{ width: auto;
   background: #9F1B1B;
#Fyp li ul li a:hover
{ background: #7F1616;

Problems with ap div tags

Hi I am currently working on a website for a school assignment and I have almost gotten my site done, however when I preview it ic the browser and then I maximize the the webpage moves but the ap div tags I have dont move with the rest of the page. Is there something that I can do about this? Any help would be greatly appreciated
Thanks Tanya

No. You're much better off using default CSS positioning which is none or static along with margins, padding and floats to align page elements. Tables are strictly for tabular data (spreadsheets, data sets).
If you're short on time, open one of the starter pages that comes with Dreamweaver.
File > New > Blank > HTML > Layout... 1 or 2-col, fixed, centered... This will serve as a framework you can drop your content and images into.
Good luck,
Nancy O.

Div tag viewing problem

Similar Messages

Maybe you are looking for