Names of DIV tags

Hi there and thanx for your help.
Just want know:
Can <div> tags (id and class) have number as name? For instance: <div id="12345">
I have a script for disjointed rollovers. The moment I name the div tags exactly as the name of the product, something like li#1234 then my script does not work, but the moment I change it to test, everything works 100%. The 7 products I need to show, all have numbers.
I will appreciate any direction in this matter.
Regards,
Deon

Excellent.
Thank you for the reply. It took me ±5 hours to have this fix.
Thanx for your help/
Deon

Similar Messages

What's wrong with my div tag / site won't center....

Hi,
I am re-designing a website and I cannot get it to center. I created a div tag and id it "wrapper" and created a css rule. I am sure its a simple mistake, but I cannot figure it out.....
Here is the CSS rules...
@charset "UTF-8";
/* CSS Document */
div, h1, h2, h3, h4, h5, h6, p, pre, address, blockquote, span, ul, ol, li, dl, dd, dt, ing {
          margin: 0px;
          padding: 0px;
#wrapper{
          margin: 0, auto;
          background-color: #9B9E6B;
ul {
          list-style: none;
table#content1{
          background-color: #00C;
          background-image: url(_images/content_bgrnd.png);
          background-repeat: no-repeat;
          font-family: "Arial Black", Gadget, sans-serif;
          font-size: 20px;
          text-align: center;
          padding: 8px;
Here is the code for the site......
<!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>Kiahuna 104</title>
<script type="text/javascript">

</script>
<link href="104.css" rel="stylesheet" type="text/css" />
</head>
<body onload="MM_preloadImages('_images/buttinside1.jpg','_images/buttproperty1.jpg','_images/b uttactivities1.jpg','_images/buttdining1.jpg','_images/buttcontacts1.jpg','_images/home_lg 1.png','_images/home_lg2.png','_images/home_lg3.png','_images/home_lg4.png','_images/home_ lg5.png','_images/home_lg6.png','_images/home_lg7.png','_images/home_lg8.png')">
<div id="wrapper">

<table id="header">
<div class="header"><img src="_images/newLOGO.jpg" alt="Kiahuna 104" width="1000"/>
</div>

<table width="1000" bgcolor="000">
<tr>
    <td width="40"> </td>
    <td width="150"><a href="inside.htm"><img src="_images/butthome1.jpg" alt="home1" name="home1" id="home1" /></a></td>
    <td width="150"><img src="_images/buttinside2.jpg" alt="inside2" name="inside2" id="inside2" onmouseover="MM_swapImage('inside2','','_images/buttinside1.jpg',1)" onmouseout="MM_swapImgRestore()" /></a></td>
    <td width="150"><a href="property.htm"><img src="_images/buttproperty2.jpg" alt="property2" name="property2" id="property2" onmouseover="MM_swapImage('property2','','_images/buttproperty1.jpg',1)" onmouseout="MM_swapImgRestore()" /></a></td>
    <td width="150"><a href="activities.htm"><img src="_images/buttactivities2.jpg" alt="activities2" name="act2" id="act2" onmouseover="MM_swapImage('act2','','_images/buttactivities1.jpg',1)" onmouseout="MM_swapImgRestore()" /></a></td>
    <td width="150"><a href="dining.htm"><img src="_images/buttdining2.jpg" alt="dining2" name="dining2" id="dining2" onmouseover="MM_swapImage('dining2','','_images/buttdining1.jpg',1)" onmouseout="MM_swapImgRestore()" /></a></td>
    <td width="150"><a href="contact.htm"><img src="_images/buttcontacts2.jpg" alt="contact2" name="contact2" id="contact2" onmouseover="MM_swapImage('contact2','','_images/buttcontacts1.jpg',1)" onmouseout="MM_swapImgRestore()" /></a></td>
</tr>
</table>

<table id="content1" table width="1000" height="371">
<tr>
    <td width="34"> </td>
    <td width="897"><p>blah blah blah.</p>
      <p class="center2">NEW: IN-CONDO WASHER & DRYER - COMPLETELY NEW FURNITURE</p></td>
    <td width="53"> </td>
</tr>
</table>
</body>
</html>

I tried to assign a width in both the page and CSS and it still doesn't center. Here is a link to the site and the CSS....
http://taffyproductions.com/test/
@charset "UTF-8";
/* CSS Document */
div, h1, h2, h3, h4, h5, h6, p, pre, address, blockquote, span, ul, ol, li, dl, dd, dt, ing {
          margin: 0px;
          padding: 0px;
#wrapper{
          margin: 0, auto;
          background-color: #000;
ul {
          list-style: none;
table#content1{
          background-color: #00C;
          background-image: url(_images/content_bgrnd.png);
          background-repeat: no-repeat;
font-size: 16px;
          font-family: Papyrus, Arial, "Helvetica Bold", serif;
          font-size: 22px;
          text-align: center;
          padding: 8px;
table#imagegallery{
          background-image: url(_images/imageGallery_bckgrnd.png);
          background-repeat: no-repeat;
#imagegallery a img{
    padding: 0px;
    margin: 2px;
    border: 2px solid #000;
#imagegallery a:hover img {
          border: 2px solid #C00;
table#footer{
          background-image: url(_images/footer_bckgrnd.png);
          background-repeat: no-repeat;

Floating div tags - won't align

Hi there,
I am trying to align 2 div tags next to one another in the latest version of dreamweaver cc. At the moment I have one floating to the left 60% wide and on the the right 40% wide. The second div tag sits on the next line down to the right but I can't seem to get them the sit directly next to one another. Please help Thank you

Copy & paste this code into a new, blank document. SaveAs test.html and preview in browsers.
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>HTML5 Document</title>

<style>
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
body {
    padding: 0;
    width: 90%; /**adjust width as required**/
    margin: 0 auto; /**this is centered**/
    background: #F5DD83;
    color: #2294AE;
    font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, sans-serif;
    font-size: 100%;
    box-shadow: 2px 2px 4px #333;
header {
    margin: 0;
    padding: 0 1%;
    width: 100%;
    background: #B00202;
    color: #FFF;
header h1, header h2 {
    display: inline;
    color: #F5DD83;
    padding: 0 3%;
section {
    margin: 0;
    padding: 0;
    background: #FFF;
    overflow: hidden; /**float containment**/
article {
    margin: 0;
    padding: 0 2%;
    float: left;
article.left { width: 60%; }
article.right {
    border-left: 1px solid #366;
    width: 40%;
footer {
    background: #B00202;
    clear: left;
    display: block;
    padding: 2%;
    color: #FFF;
</style>
</head>
<body>

<header>
<h1>Sitename</h1>
<h2>Some pithy slogan...</h2>
<nav>Horizontal menu goes here...</nav>
</header>

<section>
<article class="left"> <h3>Article Left 60% wide</h3>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris vitae libero lacus, vel hendrerit nisi!
Maecenas quis velit nisl, volutpat viverra felis. Vestibulum luctus mauris sed sem dapibus luctus. </p>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris vitae libero lacus, vel hendrerit nisi!
Maecenas quis velit nisl, volutpat viverra felis. Vestibulum luctus mauris sed sem dapibus luctus. </p>

</article>

<article class="right"> <h3>Article Right 40% wide</h3>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris vitae libero lacus, vel hendrerit nisi!
Maecenas quis velit nisl, volutpat viverra felis. Vestibulum luctus mauris sed sem dapibus luctus. </p>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris vitae libero lacus, vel hendrerit nisi!
Maecenas quis velit nisl, volutpat viverra felis. Vestibulum luctus mauris sed sem dapibus luctus. </p>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris vitae libero lacus, vel hendrerit nisi! Maecenas quis velit nisl, volutpat viverra felis. Vestibulum luctus mauris sed sem dapibus luctus. </p>
</article>

<footer> <small>© 2014 Your Site Name. All rights reserved</small> </footer>
</section>
</body>
</html>
Nancy O.

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

Please help! IE6 won't display my div tags!

My page looks fine in the other Mac browsers but the divs won't show up in Internet Explorer. Please tell me what I am doing wrong and how to fix it so that my div tags display correctly. Here is my source and CSS 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>



<style type="text/css">

</style>
<link href="../navmenu.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="wrapper">
<div id="logo"></div>
<div id="nav"></div>
<div id="buffer">this is a buffer</div>
</div>
</body>
</html>
     margin: 0px;
     padding: 0px;
#wrapper {
     width: 909px;
     background-color: #999;
     margin-right: auto;
     margin-left: auto;
     height: 54px;
     overflow: auto;
#wrapper #logo {
     width: 208px;
     float: left;
     background-color: #33F;
     height: 39px;
#wrapper #nav {
     background-color: #933;
     float: right;
     width: 701px;
     height: 39px;
#wrapper #buffer {
     width: 909px;
     clear: both;
     background-color: #0F6;
     height: 15px;

Because IE 6 is 5+ years old and hasn't been updated in a long while and the only reason it's still kicking in somewhat decent numbers is because some large companys utilized IE-only type features for internal applications and intranets and thus forced Microsoft to conitnue to support it beyond the original end-of-support date. :-)
By the way, potentially you could just give IE 6 a really bare-bones layout - but you'll need to make sure that that's acceptable for the project. Also it's good for your sanity if you stop trying to make the site look exactly the same in every browser. It's much easier to make it look "good enough" and make sure that the content is accessible and the site usable.

Trying to make sense of div tags and css

i know that i am a few years late here, but i am looking ot make the migration from using tables and switching over to div tags and css. i have watched a few tutorials on you tube and am trying to understand everything.
please tell me if this is correct. a div tag is basically a table and css is what is used to style that div tag to meet your needs, is this a correct assumption??
if you go to my current site www.tankinz.com you can clearly see that the site is made up of tables, basically these boxes or tables contain a different item or package that a customer can click on and buy. by using div tags and css would each of these boxes, or tables be their own div?
sorry for sounding a bit moronic but i am trying to make sense of all of this.
please help!

Markup (html) contains elements, such as html, body, h1, h2, p, span, div and so forth. Hence a <div>-tag is part of an element; the other part being the </div>-tag.
The element structure of many web sites is basically (using HTML5 element names)
html
     head
     body
          header
          nav
          aside
          article
          footer
These elements can be positioned and styled using style rules (css). Depending on the style rules, the above structure can take on many different styles, without ever touching the markup.
Have a look here for a simple two-column layout using the same structure as above http://www.456bereastreet.com/lab/developing_with_web_standards/csslayout/2-col/

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;

AP DIV tags

Back in 2003 when i was making web sites i would create the layout by using some sort of tag which i cant remember the name of. I think it was called a table tag (but definitly not the sort of tables you would get in MS word). It definitly was not a frameset.
You would draw a "area" which i think appeared in green and then draw spaces within that area which things could be placed in.
I cannot find this tag/function in dreamweaver cs5
what i have discovered is a AP DIV tag which works in a similar way excet the boxes can be drawn anywhere and not limited to your pre defined area and the code for them appears in the head (the old one was in the body)
does anyone know what i am talking about and are AP div tags a good alternative to my old method?
also if i change the ID name these boxes convert into ordinary div tags (by that i mean the look like ordinary div tags in design view) why is this?

I do like using AV divs to position objects like you would with indesign or ms publisher.
you say its able to cause display problems due to resolutions and accessability
I design my pages with 1024x768 in mind as this is typically the lowest resolution anyone will use but it is perfectally acceptable and sites which use it and fill the rest of the width screen with a background look clean. (this forum does this in fact)
if AV divs are such a bad idea what is a good alternative method of page layout?
Also ive noticed that divs and av-divs generate the exact same HTML code. so how exactly do they differ (other than the fact that dreamweaver lets you postition one in the same way you would position an object in indesign but does not allow this with the other)?

AP Div tag's absolute postioning not working

I have been trying to figure this problem out for about 2 hours and I have nothing. Div tags 98-101 are positioned in the right place when I'm looking at my page in Dreamweaver. But when I preview the page, those 4 div tags are not where they're supposed to be (they're in the bottom right of the page, hundreds of pixels from where they're supposed to be). Any ideas?
Here's the code if it will help. Sorry its really long.
<!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>SSR Shop!</title>
<style type="text/css">

</style>
<script src="../main_page/Scripts/AC_RunActiveContent.js" type="text/javascript"></script>
<script type="text/javascript">
function MM_CheckFlashVersion(reqVerStr,msg){
with(navigator){
    var isIE = (appVersion.indexOf("MSIE") != -1 && userAgent.indexOf("Opera") == -1);
    var isWin = (appVersion.toLowerCase().indexOf("win") != -1);
    if (!isIE || !isWin){
      var flashVer = -1;
      if (plugins && plugins.length > 0){
        var desc = plugins["Shockwave Flash"] ? plugins["Shockwave Flash"].description : "";
        desc = plugins["Shockwave Flash 2.0"] ? plugins["Shockwave Flash 2.0"].description : desc;
        if (desc == "") flashVer = -1;
        else{
          var descArr = desc.split(" ");
          var tempArrMajor = descArr[2].split(".");
          var verMajor = tempArrMajor[0];
          var tempArrMinor = (descArr[3] != "") ? descArr[3].split("r") : descArr[4].split("r");
          var verMinor = (tempArrMinor[1] > 0) ? tempArrMinor[1] : 0;
          flashVer = parseFloat(verMajor + "." + verMinor);
      // WebTV has Flash Player 4 or lower -- too low for video
      else if (userAgent.toLowerCase().indexOf("webtv") != -1) flashVer = 4.0;
      var verArr = reqVerStr.split(",");
      var reqVer = parseFloat(verArr[0] + "." + verArr[2]);
      if (flashVer < reqVer){
        if (confirm(msg))
          window.location = "http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash";
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_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_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>
<script src="../articles/jc/x_division/Scripts/AC_ActiveX.js" type="text/javascript"></script>
</head>
<body onload="MM_CheckFlashVersion('9,0,28,0','Content on this page requires a newer version of Adobe Flash Player. Do you want to download it now?\\\\\\\');MM_preloadImages(\\\\\\\'TV_guide/finished/days/wed_r2_c2_f2.gif\\\\\\\',\\ \\\\\'TV_guide/finished/days/thur_r2_c2_f2.gif\\\\\\\',\\\\\\\'TV_guide/finished/days/fri_ r2_c2_f2.gif\\\\\\\',\\\\\\\'TV_guide/finished/days/sat_r2_c2_f2.gif\\\\\\\',\\\\\\\'TV_gu ide/finished/days/sun_r2_c2_f2.gif\\\\\\\',\\\\\\\'TV_guide/finished/days/mon_r2_c2_f2.gif \\\\\\\',\\\\\\\'TV_guide/finished/days/tue_r2_c2_f2.gif\\\\\\\',\\\\\\\'TV_guide/finished /days/thu_r2_c2_f2.gif\\\\\\\',\\\\\\\'TV_guide/finished/days/monday_f2.gif\\\\\\\',\\\\\\ \'TV_guide/finished/days/thurday_f2.gif\\\\\\\',\\\\\\\'TV_guide/finished/days/friday_f2.g if\\\\\\\',\\\\\\\'TV_guide/finished/days/sunday_f2.gif\\\\\\\',\\\\\\\'TV_guide/finished/ days/suckerpunch_f2.gif\\\\\\\',\\\\\\\'TV_guide/finished/days/wednesday_f2.gif\\\');MM_pr eloadImages(\\\'TV_guide/finished/days/wed_r2_c2_f2.gif\\\',\\\'TV_guide/finished/days/thu r_r2_c2_f2.gif\\\',\\\'TV_guide/finished/days/fri_r2_c2_f2.gif\\\',\\\'TV_guide/finished/d ays/sat_r2_c2_f2.gif\\\',\\\'TV_guide/finished/days/sun_r2_c2_f2.gif\\\',\\\'TV_guide/fini shed/days/mon_r2_c2_f2.gif\\\',\\\'TV_guide/finished/days/tue_r2_c2_f2.gif\\\',\\\'TV_guid e/finished/days/thu_r2_c2_f2.gif\\\',\\\'TV_guide/finished/days/monday_f2.gif\\\',\\\'TV_g uide/finished/days/thurday_f2.gif\\\',\\\'TV_guide/finished/days/friday_f2.gif\\\',\\\'TV_ guide/finished/days/sunday_f2.gif\\\',\\\'TV_guide/finished/days/suckerpunch_f2.gif\\\',\\ \'TV_guide/finished/days/wednesday_f2.gif\');MM_preloadImages(\\\'TV_guide/finished/days/w ed_r2_c2_f2.gif\\\',\\\'TV_guide/finished/days/thur_r2_c2_f2.gif\\\',\\\'TV_guide/finished /days/fri_r2_c2_f2.gif\\\',\\\'TV_guide/finished/days/sat_r2_c2_f2.gif\\\',\\\'TV_guide/fi nished/days/sun_r2_c2_f2.gif\\\',\\\'TV_guide/finished/days/mon_r2_c2_f2.gif\\\',\\\'TV_gu ide/finished/days/tue_r2_c2_f2.gif\\\',\\\'TV_guide/finished/days/thu_r2_c2_f2.gif\\\',\\\ 'TV_guide/finished/days/monday_f2.gif\\\',\\\'TV_guide/finished/days/thurday_f2.gif\\\',\\ \'TV_guide/finished/days/friday_f2.gif\\\',\\\'TV_guide/finished/days/sunday_f2.gif\\\',\\ \'TV_guide/finished/days/suckerpunch_f2.gif\\\',\\\'TV_guide/finished/days/wednesday_f2.gi f\');MM_preloadImages(\'TV_guide/finished/days/wed_r2_c2_f2.gif\',\'TV_guide/finished/days /thur_r2_c2_f2.gif\',\'TV_guide/finished/days/fri_r2_c2_f2.gif\',\'TV_guide/finished/days/ sat_r2_c2_f2.gif\',\'TV_guide/finished/days/sun_r2_c2_f2.gif\',\'TV_guide/finished/days/mo n_r2_c2_f2.gif\',\'TV_guide/finished/days/tue_r2_c2_f2.gif\',\'TV_guide/finished/days/thu_ r2_c2_f2.gif\',\'TV_guide/finished/days/monday_f2.gif\',\'TV_guide/finished/days/thurday_f 2.gif\',\'TV_guide/finished/days/friday_f2.gif\',\'TV_guide/finished/days/sunday_f2.gif\', \'TV_guide/finished/days/suckerpunch_f2.gif\',\'TV_guide/finished/days/wednesday_f2.gif'); MM_preloadImages(\\\'TV_guide/finished/days/wed_r2_c2_f2.gif\\\',\\\'TV_guide/finished/day s/thur_r2_c2_f2.gif\\\',\\\'TV_guide/finished/days/fri_r2_c2_f2.gif\\\',\\\'TV_guide/finis hed/days/sat_r2_c2_f2.gif\\\',\\\'TV_guide/finished/days/sun_r2_c2_f2.gif\\\',\\\'TV_guide /finished/days/mon_r2_c2_f2.gif\\\',\\\'TV_guide/finished/days/tue_r2_c2_f2.gif\\\',\\\'TV _guide/finished/days/thu_r2_c2_f2.gif\\\',\\\'TV_guide/finished/days/monday_f2.gif\\\',\\\ 'TV_guide/finished/days/thurday_f2.gif\\\',\\\'TV_guide/finished/days/friday_f2.gif\\\',\\ \'TV_guide/finished/days/sunday_f2.gif\\\',\\\'TV_guide/finished/days/suckerpunch_f2.gif\\ \',\\\'TV_guide/finished/days/wednesday_f2.gif\');MM_preloadImages(\'TV_guide/finished/day s/wed_r2_c2_f2.gif\',\'TV_guide/finished/days/thur_r2_c2_f2.gif\',\'TV_guide/finished/days /fri_r2_c2_f2.gif\',\'TV_guide/finished/days/sat_r2_c2_f2.gif\',\'TV_guide/finished/days/s un_r2_c2_f2.gif\',\'TV_guide/finished/days/mon_r2_c2_f2.gif\',\'TV_guide/finished/days/tue _r2_c2_f2.gif\',\'TV_guide/finished/days/thu_r2_c2_f2.gif\',\'TV_guide/finished/days/monda y_f2.gif\',\'TV_guide/finished/days/thurday_f2.gif\',\'TV_guide/finished/days/friday_f2.gi f\',\'TV_guide/finished/days/sunday_f2.gif\',\'TV_guide/finished/days/suckerpunch_f2.gif\' ,\'TV_guide/finished/days/wednesday_f2.gif');MM_preloadImages(../ssr_tv/'TV_guide/finished /days/wed_r2_c2_f2.gif/',/'TV_guide/finished/days/thur_r2_c2_f2.gif/',/'TV_guide/finished/ days/fri_r2_c2_f2.gif/',/'TV_guide/finished/days/sat_r2_c2_f2.gif/',/'TV_guide/finished/da ys/sun_r2_c2_f2.gif/',/'TV_guide/finished/days/mon_r2_c2_f2.gif/',/'TV_guide/finished/days /tue_r2_c2_f2.gif/',/'TV_guide/finished/days/thu_r2_c2_f2.gif/',/'TV_guide/finished/days/m onday_f2.gif/',/'TV_guide/finished/days/thurday_f2.gif/',/'TV_guide/finished/days/friday_f 2.gif/',/'TV_guide/finished/days/sunday_f2.gif/',/'TV_guide/finished/days/suckerpunch_f2.g if/',/'TV_guide/finished/days/wednesday_f2.gif');MM_preloadImages('../ssr_tv/TV_guide/fini shed/days/wed_r2_c2_f2.gif','../ssr_tv/TV_guide/finished/days/thur_r2_c2_f2.gif','../ssr_t v/TV_guide/finished/days/fri_r2_c2_f2.gif','../ssr_tv/TV_guide/finished/days/sat_r2_c2_f2. gif','../ssr_tv/TV_guide/finished/days/sun_r2_c2_f2.gif','../ssr_tv/TV_guide/finished/days /mon_r2_c2_f2.gif','../ssr_tv/TV_guide/finished/days/tue_r2_c2_f2.gif','../ssr_tv/TV_guide /finished/days/thu_r2_c2_f2.gif','../ssr_tv/TV_guide/finished/days/monday_f2.gif','../ssr_ tv/TV_guide/finished/days/thurday_f2.gif','../ssr_tv/TV_guide/finished/days/friday_f2.gif' ,'../ssr_tv/TV_guide/finished/days/sunday_f2.gif','../ssr_tv/TV_guide/finished/days/sucker punch_f2.gif','../ssr_tv/TV_guide/finished/days/wednesday_f2.gif')">
<div align="center">
<div id="apDiv10"><img src="../images/ssr_mini_logo.jpg" width="126" height="85" /></div>
<div id="apDiv27"><img src="../images/redblacktemplate.jpg" width="775" height="1200" longdesc="http://ShootingStarRadio" /></div>
<div id="apDiv56"><img src="../images/jc_tv.jpg" width="207" height="245" /></div>
<form id="form1" name="form1" method="post" action="">
    <div id="apDiv28"></div>
</form>
<div id="apDiv8">
<script type="text/javascript">
AC_FL_RunContent( 'codebase','http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=5,0,0,0','widt h','138','height','27','src','../news/text5','quality','high','pluginspage','http://www.ad obe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash','bgcolor','#000000 ','movie','../news/text5' ); //end AC code
</script><noscript>
<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=5,0,0,0" width="138" height="27">
<param name="movie" value="../news/text5.swf" />
<param name="quality" value="high" />
<param name="bgcolor" value="#000000" />
<embed src="../news/text5.swf" quality="high" pluginspage="http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash" type="application/x-shockwave-flash" width="138" height="27" bgcolor="#000000"></embed>
</object>
</noscript></div>
<div id="apDiv7">
<script type="text/javascript">
AC_FL_RunContent( 'codebase','http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=5,0,0,0','widt h','164','height','28','src','../news/text4','quality','high','pluginspage','http://www.ad obe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash','bgcolor','#000000 ','movie','../news/text4' ); //end AC code
</script><noscript>
<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=5,0,0,0" width="164" height="28">
<param name="movie" value="../news/text4.swf" />
<param name="quality" value="high" />
<param name="bgcolor" value="#000000" />
<embed src="../news/text4.swf" quality="high" pluginspage="http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash" type="application/x-shockwave-flash" width="164" height="28" bgcolor="#000000"></embed>
</object>
</noscript></div>
<div id="apDiv6">
<script type="text/javascript">
AC_FL_RunContent( 'codebase','http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=5,0,0,0','widt h','146','height','32','src','../news/text3','quality','high','pluginspage','http://www.ad obe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash','bgcolor','#000000 ','movie','../news/text3' ); //end AC code
</script><noscript>
<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=5,0,0,0" width="146" height="32">
<param name="movie" value="../news/text3.swf" />
<param name="quality" value="high" />
<param name="bgcolor" value="#000000" />
<embed src="../news/text3.swf" quality="high" pluginspage="http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash" type="application/x-shockwave-flash" width="146" height="32" bgcolor="#000000"></embed>
</object>
</noscript></div>
<div id="apDiv5">
<script type="text/javascript">
AC_FL_RunContent( 'codebase','http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=5,0,0,0','widt h','81','height','20','src','../news/text2','quality','high','pluginspage','http://www.ado be.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash','bgcolor','#000000' ,'movie','../news/text2' ); //end AC code
</script>
<noscript>
<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=5,0,0,0" width="81" height="20">
    <param name="movie" value="../news/text2.swf" />
    <param name="quality" value="high" />
    <param name="bgcolor" value="#000000" />
    <embed src="../news/text2.swf" quality="high" pluginspage="http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash" type="application/x-shockwave-flash" width="81" height="20" bgcolor="#000000"></embed>
</object>
</noscript>
</div>
<div id="apDiv4">
    <script type="text/javascript">
AC_FL_RunContent( 'codebase','http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=5,0,0,0','widt h','85','height','18','src','../news/text1','quality','high','pluginspage','http://www.ado be.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash','bgcolor','#000000' ,'movie','../news/text1' ); //end AC code
</script><noscript>
<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=5,0,0,0" width="85" height="18">
    <param name="BGCOLOR" value="#000000" />
    <param name="movie" value="../news/text1.swf" />
    <param name="quality" value="high" />
    <embed src="../news/text1.swf" width="85" height="18" quality="high" pluginspage="http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash" type="application/x-shockwave-flash" bgcolor="#000000" ></embed>
</object>
</noscript>
</a></div>
</div>
<div id="apDiv49"><img border="0" src="../images/sponsor_ssr_tv.jpg" width="207" height="245" /></div>
<div id="apDiv70"></div>
<div id="apDiv71"></div>
<div id="apDiv72"></div>
<div id="apDiv73"></div>
<div id="apDiv74"></div>
<div id="apDiv75"></div>
<div id="apDiv76"></div>
<div id="apDiv77"></div>
<div id="apDiv78"></div>
<div id="apDiv80">
<div align="center"><a href="cwa/collision_course_2005.html"><img border="0" src="cwa/collisioncoursedvd.jpg" width="115" height="147" /></a></div>
</div>
<div class="style16" id="apDiv81">
<div align="center" class="style23">Collision Course 2005</div>
</div>
<div id="apDiv83">
<form target="paypal" action="https://www.paypal.com/cgi-bin/webscr" method="post">
    <div align="center">
<input type="hidden" name="cmd" value="_s-xclick">
<input type="hidden" name="hosted_button_id" value="4958801">
<input type="image" src="https://www.paypal.com/en_US/i/btn/btn_cart_LG.gif" border="0" name="submit" alt="PayPal - The safer, easier way to pay online!">
<img alt="" border="0" src="https://www.paypal.com/en_US/i/scr/pixel.gif" width="1" height="1">    </div>
</form>
</div>
<div id="apDiv84">
<div align="center"><a href="cwa/encore_2005.html"><img border="0" src="cwa/encore2disc.jpg" width="138" height="146" /></a></div>
</div>
<div id="apDiv85">
<div align="center"><em><strong><span class="style25">Encore- 2 Disc Set</span></strong></em></div>
</div>
<div id="apDiv86">
<form target="paypal" action="https://www.paypal.com/cgi-bin/webscr" method="post">
<div align="center">
<input type="hidden" name="cmd" value="_s-xclick">
<input type="hidden" name="hosted_button_id" value="4959128">
<input type="image" src="https://www.paypal.com/en_US/i/btn/btn_cart_LG.gif" border="0" name="submit" alt="PayPal - The safer, easier way to pay online!">
<img alt="" border="0" src="https://www.paypal.com/en_US/i/scr/pixel.gif" width="1" height="1"> </div>
</form>
</div>
<div class="style17" id="apDiv87">
<div align="center">PAGE 1 2 3</div>
</div>
<div id="apDiv88">
<div align="center"><a href="cwa/collision_course_2006.html"><img border="0" src="cwa/collisioncourse2006cover.jpg" width="138" height="146" /></a></div>
</div>
<div class="style18" id="apDiv89">
<div align="center" class="style19">Collision Course 06</div>
</div>
<div id="apDiv90">
<form target="paypal" action="https://www.paypal.com/cgi-bin/webscr" method="post">
    <div align="center">
<input type="hidden" name="cmd" value="_s-xclick">
<input type="hidden" name="hosted_button_id" value="4959266">
<input type="image" src="https://www.paypal.com/en_US/i/btn/btn_cart_LG.gif" border="0" name="submit" alt="PayPal - The safer, easier way to pay online!">
<img alt="" border="0" src="https://www.paypal.com/en_US/i/scr/pixel.gif" width="1" height="1">    </div>
</form>
</div>
<div id="apDiv91">
<div align="center"><a href="cwa/super_summer_sizzler_2006.html"><img border="0" src="cwa/supersummersizzler2006cover.jpg" width="138" height="146" /></a></div>
</div>
<div id="apDiv92">
<div align="center"><a href="cwa/going_the_distance 2005.html"><img border="0" src="cwa/goingthedistance2cover.jpg" width="138" height="146" /></a></div>
</div>
<div id="apDiv93">
<div align="center"><a href="cwa/snowed_out_2007.html"><img border="0" src="cwa/snowedFout2007cover.jpg" width="138" height="146" /></a></div>
</div>
<div class="style20" id="apDiv94">
<div align="center">Super Summer Sizzler</div>
</div>
<div class="style21" id="apDiv95">
<div align="center" class="style22">Going The Distance 2</div>
</div>
<div class="style21" id="apDiv96">
<div align="center" class="style22">Snowed Out 2007</div>
</div>
<div id="apDiv97">
<form target="paypal" action="https://www.paypal.com/cgi-bin/webscr" method="post">
<div align="center">
<input type="hidden" name="cmd" value="_s-xclick">
<input type="hidden" name="hosted_button_id" value="4959957">
<input type="image" src="https://www.paypal.com/en_US/i/btn/btn_cart_LG.gif" border="0" name="submit" alt="PayPal - The safer, easier way to pay online!">
<img alt="" border="0" src="https://www.paypal.com/en_US/i/scr/pixel.gif" width="1" height="1">
</form>
</div>
<div id="apDiv98">
<form target="paypal" action="https://www.paypal.com/cgi-bin/webscr" method="post">
<div align="center">
<input type="hidden" name="cmd" value="_s-xclick">
<input type="hidden" name="hosted_button_id" value="4960022">
<input type="image" src="https://www.paypal.com/en_US/i/btn/btn_cart_LG.gif" border="0" name="submit" alt="PayPal - The safer, easier way to pay online!">
<img alt="" border="0" src="https://www.paypal.com/en_US/i/scr/pixel.gif" width="1" height="1"> </div>
</form>
</div>
<div id="apDiv99">
<form target="paypal" action="https://www.paypal.com/cgi-bin/webscr" method="post">
<div align="center">
<input type="hidden" name="cmd" value="_s-xclick">
<input type="hidden" name="hosted_button_id" value="4960178">
<input type="image" src="https://www.paypal.com/en_US/i/btn/btn_cart_LG.gif" border="0" name="submit" alt="PayPal - The safer, easier way to pay online!">
<img alt="" border="0" src="https://www.paypal.com/en_US/i/scr/pixel.gif" width="1" height="1"> </div>
</form>
</div>
<div id="apDiv100">
<div align="center"><img src="cwa/conclusioncover.jpg" width="138" height="146" /></div>
</div>
<div class="style25" id="apDiv101">
<div align="center"><strong><em>Conclusion</em></strong></div>
</div>
</body>
</html>

Div tags 98-101 are positioned in the right place when I'm looking at my page in Dreamweaver. But when I preview the page, those 4 div tags are not where they're supposed to be
I thought I was reading it wrong, but you really do have 101 AP divs on the page. I don't have the time to go through your code, but using absolutely positioned divs as the sole basis for page layout is likely to lead to massive problems. AP divs (or layers, as they used to be called) were all the rage several years ago, because people wrongly thought they would make web pages work like desktop publishing. I used them, too, until I realized they caused massive problems.
It won't solve your current problem, I'm afraid, but I recommend that you take a look at the following page, which describes some of the problems with AP div/layers: http://apptools.com/examples/pagelayout101.php.

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

Where is the "Start New Row" check box when adding a div tag?

Ever since I updated Dreamweaver, when i add a div tag i no longer see the "Start A New Row" check box. The only checkbox i see is "Insert as a Fluid Element". Has this option been removed or has it been moved to a new location?

Hi MichaelMuirhead,
We have updated Fluid grid in 12.2 release of DW as well as in CC release.
Unlike before, Now DW smartly recognizes when a Fluid page is open and Converts Structure category to Fluid layout category.
I.e. when any element is inserted from Structure category on to a fluid page it will be inserted with required CSS to make it fluid, Unless user advices otherwise.
The idea is to enhance the support for almost all the structural elements as fluid elements, rather than just supporting Div as a fluid element. Hence, Insert Fluid Grid Layout Div Tag has been removed.
Steps to Insert a fluid element:
Select Insert > Layout.
Select the element that you want to insert. (i.e Div or Header or footer etc) 3. In the dialog that appears, enter a new class name, or enter a value for the ID. The selected element is inserted on the layout.
4) To insert a normal/non fluid element uncheck 'Insert as fluid element' check box in previous dialog.
Now to answer second part of your concern " Regarding missing "Start A New Row" check box"
All the elements inserted on a fluid page, start in a New row by default. If user wants to place the element in previous row then in can be achieved by clicking "Move Up a row" button which comes up on FG element HUD, after inserting that element.
Please refer Screen shot for clearer understanding.
For more details on update navigate to: http://helpx.adobe.com/dreamweaver/using/fluid-grid-layout-dreamweaver .html
Here is the link to new Video on how to design a FG page using new FG in DW 12.2.
http://blogs.adobe.com/dreamweaver/2013/02/updated-fluid-grids-in-dreamweaver.html
Please note that "Layout" Category in 12.2 has been renamed to more appropriate sounding "Structure" Category in DW CC.
Hope it helps.
Kindly revert for any issues or concerns.
Thanks,
Puneet

Div tag looks different from mac to pc?

I have a very simple page with a background image as a CSS style (centered). I added a Div tag on the top and built a form inside of the div tag. The div tag is set to absolute positioning and looks great in dreamweaver and the pc. I tested it on my mac and the whole div/form moves all the way to the left side of the screen. I appreciate any help.

Try this code instead of what you have now.
<!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>Harley-Davidson Police Survey</title>
<style type="text/css">
/**zero out browser defaults**/
* {margin:0; padding: 0; line-height: 1}
body {
background: silver;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-weight: bold;
font-size: 100%;
#wrapper{
background: #000 url(http://www.hdpolicesurvey.com/images/purl_background.jpg) no-repeat;
width: 780px;
margin:0 auto; /**centered on screen**/
text-align:left;
color: #fff;
#form {
margin-left: 235px;
width:500px;
font-size: 12px;
padding-top: 120px;
/**Text Styles**/
p {
line-height: 1.5;
margin-top: 1.5em;
margin-bottom: 1em;
</style>
<script src="SpryAssets/SpryValidationTextField.js" type="text/javascript"></script>
<link href="SpryAssets/SpryValidationTextField.css" rel="stylesheet" type="text/css" />
<script language="JavaScript" type="text/javascript" src="_mmServerScripts/XMPJS.ashx?XMPJavaScript=Tracking"></script>
<script language="JavaScript" type="text/javascript"> /* Track Current Page Visits */
var obj = new Object(); obj.type = "Page Visit"; XMP_TrackThis(obj, "HarleyPURL", "Page Visit", "Page Visit");
</script>
</head>
<body>
<div id="wrapper">
<div id="form">
<form name="form2" method="POST" action="landing.aspx?rid=testPURL&XMPieOrgBaseURL=http%3a%2f%2fwww.hdpolicesurvey.com%2f" id="form2">
<div>
<input type="hidden" name="__VIEWSTATE" id="__VIEWSTATE" value="/wEPDwUKLTIzMzY3MzEzNQ9kFgQCBQ8VAQpIYXJsZXlQVVJMZAIGD2QWAmYPFQoDTXMuB01lbGFuaWUIU2hlZmNoaWsWVGV1dGViZXJnIEluY29ycG9yYXRlZAw0MTQtMjA3LTEzNTESMTIyMDAgVy4gV2lydGggU3QuCVdhdXdhdG9zYQJXSQU1MzIyMgpIYXJsZXlQVVJMZGTcAVE098MvJaXoGbNLgITf6vth/g==" />
</div>
<p>* = required fields</p>
<table width="474" border="0">
<tr>
<td valign="top">Title</td>
<td valign="top"><input name="title" type="text" id="title" value='Ms.' size="6" maxlength="6" /></td>
<td> </td>
<td colspan="2" valign="top">First*</td>
<td colspan="3"><span id="sprytextfield5">
<input name="first" type="text" id="first" value='Melanie' />
</span></td>
</tr>
<tr>
<td width="58">Last*</td>
<td width="144"><span id="sprytextfield6">
<input name="last" type="text" id="last" value='Shefchik' />
</span></td>
<td width="32"> </td>
<td width="43" colspan="2">Dept*</td>
<td width="144" colspan="3">
<input name="company" type="text" id="company" value='Teuteberg Incorporated' /></td>
</tr>
<tr>
<td>Phone*</td>
<td><span id="sprytextfield7">
<input name="phone" type="text" id="phone" value='414-207-1351' />
</span></td>
<td> </td>
<td colspan="2">Street</td>
<td colspan="3">
<input name="street" type="text" id="street" value='12200 W. Wirth St.' /></td>
</tr>
<tr>
<td height="24">City</td>
<td><input name="city" type="text" id="city" value='Wauwatosa' /></td>
<td> </td>
<td>ST</td>
<td><input name="state" type="text" id="state" value='WI' size="6" maxlength="2" /></td>
<td> </td>
<td>ZIP</td>
<td><input name="zip" type="text" id="zip" value='53222' size="14" maxlength="10" /></td>
</tr>
</table>
<p><br />
Do you currently employ a motor unit?
<br />
<label>
<input type="radio" name="employ" value="employ_no" id="employ_1" />
yes<br />
<input type="radio" name="employ" value="employ_yes" id="employ_0" />
no</label>
</p>
<p>What brand are you currently using? (Check all that apply)<br />
<label>
<input type="checkbox" name="brand_HD" value="HD" id="brand_0" />
HD</label>
<br />
<label>
<input type="checkbox" name="brand_BMW" value="BMW" id="brand_1" />
BMW</label>
<br />
<label>
<input type="checkbox" name="brand_Honda" value="Honda" id="brand_2" />
Honda</label>
<br />
<label>
<input type="checkbox" name="brand_Kawasaki" value="Kawasaki" id="brand_3" />
Kawasaki</label>
<br />
<label>
<input type="checkbox" name="brand_Other" value="checkbox" id="brand_4" />
Other</label>
</p>
<p>Total Motorcylce Fleet Size:<br />
<label>
<input type="radio" name="fleet" value="fleet1-5" id="fleet_0" />
1-5</label>
<br />
<label>
<input type="radio" name="fleet" value="fleet6-15" id="fleet_1" />
6-15</label>
<br />
<label>
<input type="radio" name="fleet" value="fleet16-25" id="fleet_2" />
16-25</label>
<br />
<label>
<input type="radio" name="fleet" value="fleet26-50" id="fleet_3" />
26-50</label>
<br />
<label>
<input type="radio" name="fleet" value="fleet51" id="fleet_4" />
51+<br />
<br />
</label>
Do you anticipate purchasing new motorcycles in... (Check all that apply)<br />
<label>
<input type="checkbox" name="purchase_3month" value="3month" id="purchase_0" />
within 3 months</label>
<br />
<label>
<input type="checkbox" name="purchase_3to6month" value="3-6month" id="purchase_1" />
3 - 6 months</label>
<br />
<label>
<input type="checkbox" name="purchase_6to12month" value="6-12month" id="purchase_2" />
6 - 12 months</label>
<label><br />
<input type="checkbox" name="purchase_1yearmore" value="1year" id="purchase_3" />
1 year or more</label>
<br />
</p>
<p>
<label>        Would you like someone from H-D to contact
you regarding our
2010 products?<br />
<input type="radio" name="contact" value="contact_yes" id="contact_0" />
yes</label>
<br />
<label>
<input type="radio" name="contact" value="contact_no" id="contact_1" />
no<br />
<br />
Would you like to receive a H-D Police motorcycle catalog?<br />
<input type="radio" name="receive" value="receive_yes" id="receive_0" />
yes</label>
<br />
<label>
<input type="radio" name="receive" value="receive_no" id="receive_1" />
no</label>
</p>
<p>
<input onmouseup='XMP_TrackThis(this, "HarleyPURL", "Button", "Performed Action");' type="submit" name="submit" id="submit" value="Submit" />
<label>      </label>
<label>      </label>
<br />
<br />
<br />
<br />
<br />
</p>
<input type="hidden" name="XMP_SetNewAdors" value="form2" />
</form>
</div> 
<script type="text/javascript">

</script>
</div>

</body>
</html>
Nancy O.
Alt-Web Design & Publishing
Web | Graphics | Print | Media Specialists
www.alt-web.com/
www.twitter.com/altweb
www.alt-web.blogspot.com

CAS - Write text of certain html div tag to new attribute

Hi,
Is it possible with CAS to extract text from certain HTML div tags to new attributes. So let's say we have tags in a specific "Tags" div and store that text in a new attribute of that record?
Thanks!
Marco Snels

Hey Marco,
I'd need to try this out a bit more since I have never built a custom CAS web crawler parser plugin. Here's what I know based on your questions:
1) If I understand it correctly the name after the METATAG_PROPERTY_NAME_PREFIX will be the attribute name (?) so in this case Endeca.Document.HTML.MetaTag (?)
Correct. You will want to change this in the code to something more meaningful to what you're trying to parse out of the <DIV> you're interested in.
2) And I think that I have to change the FILTER-HTMLMETATAG name after the getParseMeta().add line but I don't know to which value?
Accorinding to the WebCrawler guide this sample attribute was only added so you could see a new property on each output record to prove that this custom plugin was being executed. It can be removed for your custom plugin. That said, you're going to have to change what you're pulling out out the parser object. In the sample, they're pulling out the MetaTags (via an Endeca extension of the nutch parser), which you don't care about for your need. (e.g. HTMLMetaTags tags = parse.getData().getMetaTag();). Instead, you'll need to pull out the Content (e.g. parser.getData().getContentMeta()). You may want to google for nutch parser usage to get examples on how specific HTML elements can be found.
HTH,
Dan
http://branchbird.com

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
>

ADF Faces components with HTML and DIV tags

Hello all,
I want to know if there a way to place a <div> tag within an adf faces component tag? eg. <af:table> tag and insert the div tag between </af:column>? I tried doing this by placing the div tag between columns and also enclosing it with verbatim tags, but a parsing exception occurs during run time. The purpose of this is to create frozen columns for horizontal scrolling.
The code looks like:
<af:table ...>
<af:column headerText= ...>
<f:facet name= ...>
<h:outputText value= .../>
</f:facet>
</af:column>
<f:verbatim>
//DIV TAG
</f:verbatim>
<af:column headerText= ...>
<f:facet name= ...>
<h:outputText value= .../>
</f:facet>
</af:column>
<af:column headerText= ...>
<f:facet name= ...>
<h:outputText value= .../>
</f:facet>
</af:column>
<f:verbatim>
//END DIV TAG
</f:verbatim>
</af:table>
Thanks in advance.
-Wes
Message was edited by:
zeoneozero

repost
-

Names of DIV tags

Similar Messages

Maybe you are looking for