HTML Div Tag

Hi,
I have a HTML Page with large amount of data to be displayed,and 3 buttons .I want to have scrollbars both horizontal and vertical for the data.I heard that this can be accomplished by using DIV tags..I tried out with DIV tags ..But it is not working.Please suggest me a way for doing that.

How is this an advanced language topic?
How is this a Java topic? :P How is this a topic for anywhere on sun.com? ;-)

Similar Messages

  • 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

  • In Flex, mimic a HTML DIV-tag without height constraint?

    Hi!
    I've posted a somewhat similar question here before and
    although the answer was appreciated I'm still wondering if what I
    want to do is possible.
    In HTML you can create a DIV-tag with a fixed width, say
    100px. If you, after that, let the height remain undefined, you can
    add content to the tag having it expand it's height appropriately.
    Is it possible to achieve the same effect in Flex, or do I
    have to have fixed width and height on the application? If I let
    the application have a width of 100px, letting the height be
    undefined, I get the application to be the same height as the
    browser window which is not the case with the DIV-tag above.
    Hope someone understands what I mean. Thanks!
    /Marcus

    If you do this:
    <mx:VBox width="100%">
    and then put things into this VBox container, it will grow
    vertically as much as it needs to without having a specific height.
    The Application tag is the same way. Eventually, when you exceed
    the visible part of the Flash Player, the Application (or VBox)
    will acquire scrollbars.

  • 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">
    <!--
    #apDiv1 {
        position:absolute;
        width:771px;
        height:186px;
        z-index:6;
        left: 232px;
        top: 121px;
    #apDiv2 {
        position:absolute;
        width:635px;
        height:774px;
        z-index:1;
        left: 299px;
        top: 368px;
        overflow: hidden;
    #apDiv3 {
        position:absolute;
        width:600px;
        height:30px;
        z-index:2;
        left: 315px;
        top: 514px;
    #apDiv4 {
        position:absolute;
        width:79px;
        height:22px;
        z-index:2;
        left: 307px;
        top: 48px;
        overflow: hidden;
        visibility: visible;
    #apDiv5 {
        position:absolute;
        width:86px;
        height:23px;
        z-index:8;
        left: 440px;
        top: 47px;
        visibility: visible;
    #apDiv6 {
        position:absolute;
        width:171px;
        height:33px;
        z-index:4;
        left: 539px;
        top: 44px;
        visibility: visible;
    #apDiv7 {
        position:absolute;
        width:185px;
        height:28px;
        z-index:5;
        left: 317px;
        top: 77px;
        visibility: visible;
    #apDiv8 {
        position:absolute;
        width:186px;
        height:36px;
        z-index:6;
        left: 520px;
        top: 79px;
        visibility: visible;
    #apDiv9 {
        position:absolute;
        width:200px;
        height:115px;
        z-index:7;
        left: 757px;
        top: 29px;
    #apDiv10 {
        position:absolute;
        width:161px;
        height:91px;
        z-index:7;
        left: 778px;
        top: 9px;
        visibility: visible;
    body {
        background-color: #000000;
    #apDiv11 {
        position:absolute;
        width:211px;
        height:250px;
        z-index:8;
        left: 14px;
        top: 17px;
    #apDiv12 {
        position:absolute;
        width:146px;
        height:103px;
        z-index:8;
        left: 301px;
        top: 349px;
    #apDiv13 {
        position:absolute;
        width:200px;
        height:120px;
        z-index:9;
        left: 463px;
        top: 348px;
    #apDiv14 {
        position:absolute;
        width:227px;
        height:115px;
        z-index:10;
        left: 1013px;
        top: 519px;
    #apDiv15 {
        position:absolute;
        width:200px;
        height:115px;
        z-index:11;
        left: 297px;
        top: 335px;
    #apDiv16 {
        position:absolute;
        width:120px;
        height:86px;
        z-index:1;
        left: 15px;
        top: 18px;
    #apDiv17 {
        position:absolute;
        width:262px;
        height:104px;
        z-index:2;
        left: 140px;
        top: 19px;
    #apDiv18 {
        position:absolute;
        width:128px;
        height:122px;
        z-index:12;
        left: 1012px;
        top: 354px;
    #apDiv19 {
        position:absolute;
        width:214px;
        height:33px;
        z-index:13;
        left: 1013px;
        top: 317px;
    #apDiv20 {
        position:absolute;
        width:134px;
        height:30px;
        z-index:14;
        left: 1011px;
        top: 484px;
    #apDiv21 {
        position:absolute;
        width:123px;
        height:86px;
        z-index:3;
        left: 14px;
        top: 148px;
    #apDiv22 {
        position:absolute;
        width:207px;
        height:114px;
        z-index:4;
        left: 145px;
        top: 138px;
        overflow: hidden;
    #apDiv23 {
        position:absolute;
        width:237px;
        height:257px;
        z-index:15;
        left: 714px;
        top: 335px;
    #apDiv24 {
        position:absolute;
        width:159px;
        height:25px;
        z-index:5;
        left: 459px;
        top: 6px;
    #apDiv25 {
        position:absolute;
        width:138px;
        height:80px;
        z-index:16;
        left: 772px;
        top: 349px;
    #apDiv26 {
        position:absolute;
        width:200px;
        height:115px;
        z-index:17;
        left: 736px;
        top: 445px;
    #apDiv27 {
        position:absolute;
        width:200px;
        height:115px;
        z-index:1;
        left: 234px;
        top: 6px;
        visibility: visible;
    #apDiv28 {
        position:absolute;
        width:200px;
        height:115px;
        z-index:9;
        top: 112px;
        left: 236px;
        visibility: visible;
    #apDiv29 {
        position:absolute;
        width:402px;
        height:491px;
        z-index:19;
        left: 410px;
        top: 175px;
    #apDiv30 {
        position:absolute;
        width:675px;
        height:76px;
        z-index:1;
        left: 49px;
        top: 605px;
    #apDiv31 {
        position:absolute;
        width:200px;
        height:73px;
        z-index:19;
        left: 285px;
        top: 614px;
    #apDiv32 {
        position:absolute;
        width:231px;
        height:300px;
        z-index:19;
        left: 1px;
        top: 2px;
    #apDiv33 {
        position:absolute;
        width:230px;
        height:100px;
        z-index:19;
        left: 3px;
        top: -2px;
    #apDiv34 {
        position:absolute;
        width:200px;
        height:115px;
        z-index:1;
        left: 8px;
        top: 160px;
    #apDiv35 {
        position:absolute;
        width:265px;
        height:293px;
        z-index:19;
        left: -33px;
        top: 14px;
    #apDiv36 {
        position:absolute;
        width:233px;
        height:295px;
        z-index:19;
        left: 106px;
        top: 100px;
    #apDiv37 {
        position:absolute;
        width:200px;
        height:115px;
        z-index:19;
        left: 282px;
        top: 611px;
    #apDiv {
        position:absolute;
        width:197px;
        height:28px;
        z-index:4;
        left: 539px;
        top: 367px;
        background-color: #000000;
    #apDiv38 {    position:absolute;
        width:241px;
        height:58px;
        z-index:3;
        left: 487px;
        top: 323px;
    #apDiv39 {    position:absolute;
        width:603px;
        height:27px;
        z-index:5;
        left: 300px;
        top: 493px;
    #apDiv40 {    position:absolute;
        width:601px;
        height:792px;
        z-index:3;
        left: 316px;
        top: 356px;
    #apDiv41 {    position:absolute;
        width:200px;
        height:115px;
        z-index:4;
        left: 188px;
        top: 603px;
    #apDiv42 {    position:absolute;
        width:200px;
        height:115px;
        z-index:4;
        left: 62px;
        top: 456px;
    #apDiv43 {    position:absolute;
        width:185px;
        height:28px;
        z-index:4;
        left: 182px;
        top: 5px;
    #apDiv44 {    position:absolute;
        width:601px;
        height:792px;
        z-index:3;
        left: 316px;
        top: 356px;
    #apDiv45 {
        position:absolute;
        width:671px;
        height:733px;
        z-index:19;
        left: 291px;
        top: 331px;
    #apDiv46 {
        position:absolute;
        width:676px;
        height:103px;
        z-index:20;
        left: 283px;
        top: 313px;
    #apDiv47 {
        position:absolute;
        width:580px;
        height:332px;
        z-index:21;
        left: 333px;
        top: 473px;
    #apDiv48 {
        position:absolute;
        width:584px;
        height:329px;
        z-index:22;
        left: 329px;
        top: 467px;
    #apDiv49 {
        position:absolute;
        width:207px;
        height:245px;
        z-index:10;
        left: 13px;
        top: 306px;
        visibility: visible;
    #apDiv50 {
        position:absolute;
        width:440px;
        height:233px;
        z-index:1;
        left: 506px;
        top: 918px;
        background-color: #000000;
        overflow: hidden;
        outline-color: #CCCCCC;
        outline-style: solid;
        outline-width: 2px;
        border-color: #CCCCCC;
        border-width: 2px;
        border-style: solid;
    #apDiv51 {
        position:absolute;
        width:201px;
        height:233px;
        z-index:2;
        left: 293px;
        top: 918px;
        background-color: #666666;
        outline-color: #CCCCCC;
        outline-style: solid;
        outline-width: 2px;
        border-color: #CCCCCC;
        border-style: solid;
        border-width: 2px;
    #apDiv52 {
        position:absolute;
        width:200px;
        height:115px;
        z-index:3;
        left: 310px;
        top: 958px;
    #apDiv53 {
        position:absolute;
        width:108px;
        height:41px;
        z-index:23;
        left: 389px;
        top: 982px;
    #apDiv54 {
        position:absolute;
        width:200px;
        height:115px;
        z-index:3;
    #apDiv55 {
        position:absolute;
        width:112px;
        height:41px;
        z-index:23;
        left: 389px;
        top: 1132px;
    }td img {display: block;}td img {display: block;}td img {display: block;}td img {display: block;}td img {display: block;}td img {display: block;}td img {display: block;}td img {display: block;}td img {display: block;}
    #apDiv56 {
        position:absolute;
        width:212px;
        height:251px;
        z-index:3;
        left: -223px;
        top: 567px;
        visibility: visible;
    }td img {display: block;}td img {display: block;}td img {display: block;}td img {display: block;}td img {display: block;}td img {display: block;}td img {display: block;}td img {display: block;}td img {display: block;}
    #apDiv57 {
        position:absolute;
        width:361px;
        height:174px;
        z-index:4;
        left: 274px;
        top: 973px;
    #apDiv58 {
        position:absolute;
        width:207px;
        height:287px;
        z-index:1;
        left: -317px;
        top: -460px;
    #apDiv59 {
        position:absolute;
        width:211px;
        height:369px;
        z-index:23;
        left: 7px;
        top: 836px;
    #apDiv60 {
        position:absolute;
        width:213px;
        height:268px;
        z-index:24;
        left: -496px;
        top: -357px;
    #apDiv61 {
        position:absolute;
        width:665px;
        height:150px;
        z-index:22;
        left: 288px;
        top: 919px;
    #apDiv62 {
        position:absolute;
        width:664px;
        height:250px;
        z-index:25;
        left: 297px;
        top: 921px;
        overflow: hidden;
    #apDiv63 {
        position:absolute;
        width:200px;
        height:115px;
        z-index:26;
        left: 11px;
        top: 565px;
    #apDiv64 {
        position:absolute;
        width:200px;
        height:764px;
        z-index:27;
        left: 1025px;
        top: 10px;
    #apDiv65 {
        position:absolute;
        width:200px;
        height:413px;
        z-index:28;
        left: 1026px;
        top: 782px;
    #apDiv66 {
        position:absolute;
        width:655px;
        height:115px;
        z-index:24;
        left: 291px;
        top: 927px;
    #apDiv67 {
        position:absolute;
        width:160px;
        height:115px;
        z-index:23;
        left: 294px;
        top: 317px;
    #apDiv68 {
        position:absolute;
        width:200px;
        height:115px;
        z-index:24;
        left: 294px;
        top: 500px;
    #apDiv69 {
        position:absolute;
        width:200px;
        height:115px;
        z-index:24;
        left: 486px;
        top: 320px;
    #apDiv70 {
        position:absolute;
        width:186px;
        height:219px;
        z-index:11;
        left: 339px;
        top: 416px;
        color: #FFFFFF;
        background-color: #CF000C;
        visibility: visible;
    #apDiv71 {
        position:absolute;
        width:186px;
        height:219px;
        z-index:12;
        left: 527px;
        top: 416px;
        visibility: visible;
    #apDiv72 {
        position:absolute;
        width:186px;
        height:219px;
        z-index:13;
        left: 715px;
        top: 416px;
        background-color: #CF000C;
        visibility: visible;
    #apDiv73 {
        position:absolute;
        width:186px;
        height:219px;
        z-index:14;
        left: 339px;
        top: 637px;
        visibility: visible;
    #apDiv74 {
        position:absolute;
        width:186px;
        height:219px;
        z-index:15;
        left: 527px;
        top: 637px;
        background-color: #CF000C;
        visibility: visible;
    #apDiv75 {
        position:absolute;
        width:186px;
        height:219px;
        z-index:16;
        left: 715px;
        top: 637px;
        visibility: visible;
    #apDiv76 {
        position:absolute;
        width:186px;
        height:219px;
        z-index:17;
        left: 339px;
        top: 857px;
        background-color: #CF000C;
        visibility: visible;
    #apDiv77 {
        position:absolute;
        width:186px;
        height:219px;
        z-index:18;
        left: 527px;
        top: 857px;
        visibility: visible;
    #apDiv78 {
        position:absolute;
        width:186px;
        height:219px;
        z-index:19;
        left: 714px;
        top: 857px;
        background-color: #CF000C;
        visibility: visible;
    #apDiv79 {
        position:absolute;
        width:186px;
        height:219px;
        z-index:32;
        left: 339px;
        top: 978px;
    #apDiv80 {
        position:absolute;
        width:186px;
        height:154px;
        z-index:20;
        left: 339px;
        top: 419px;
        visibility: visible;
    #apDiv81 {
        position:absolute;
        width:186px;
        height:30px;
        z-index:21;
        left: 340px;
        top: 574px;
        visibility: visible;
    .style16 {
        font-size: 24px;
        color: #FFFFFF;
        font-weight: bold;
    #apDiv82 {
        position:absolute;
        width:200px;
        height:115px;
        z-index:35;
    #apDiv83 {
        position:absolute;
        width:187px;
        height:51px;
        z-index:22;
        left: 339px;
        top: 601px;
        visibility: visible;
    #apDiv84 {
        position:absolute;
        width:186px;
        height:115px;
        z-index:23;
        left: 528px;
        top: 420px;
        visibility: visible;
    #apDiv85 {
        position:absolute;
        width:186px;
        height:32px;
        z-index:24;
        left: 527px;
        top: 574px;
        visibility: visible;
    .style17 {
        font-size: 24px;
        color: #FFFFFF;
    #apDiv86 {
        position:absolute;
        width:186px;
        height:63px;
        z-index:25;
        left: 527px;
        top: 601px;
        visibility: visible;
    #apDiv87 {
        position:absolute;
        width:675px;
        height:44px;
        z-index:26;
        left: 284px;
        top: 1136px;
        visibility: visible;
    #apDiv88 {
        position:absolute;
        width:186px;
        height:115px;
        z-index:27;
        left: 715px;
        top: 420px;
        visibility: visible;
    #apDiv89 {
        position:absolute;
        width:186px;
        height:30px;
        z-index:28;
        left: 715px;
        top: 574px;
        visibility: visible;
    .style18 {font-size: 24px; color: #FFFFFF; font-weight: bold; font-style: italic; }
    .style19 {font-size: 22px}
    #apDiv90 {
        position:absolute;
        width:187px;
        height:69px;
        z-index:29;
        left: 715px;
        top: 601px;
        visibility: visible;
    #apDiv91 {
        position:absolute;
        width:186px;
        height:137px;
        z-index:30;
        left: 339px;
        top: 644px;
        visibility: visible;
    #apDiv92 {
        position:absolute;
        width:186px;
        height:151px;
        z-index:31;
        left: 527px;
        top: 644px;
        visibility: visible;
    #apDiv93 {
        position:absolute;
        width:186px;
        height:151px;
        z-index:32;
        left: 715px;
        top: 644px;
        visibility: visible;
    #apDiv94 {
        position:absolute;
        width:186px;
        height:30px;
        z-index:33;
        left: 339px;
        top: 795px;
        visibility: visible;
    .style20 {
        font-size: 20px;
        color: #FFFFFF;
        font-weight: bold;
        font-style: italic;
    #apDiv95 {
        position:absolute;
        width:186px;
        height:32px;
        z-index:34;
        left: 527px;
        top: 796px;
        visibility: visible;
    .style21 {
        font-size: 20px;
        font-weight: bold;
        font-style: italic;
    .style22 {color: #FFFFFF}
    .style23 {
        font-size: 20px;
        font-style: italic;
    .style25 {font-size: 20px; color: #FFFFFF; }
    #apDiv96 {
        position:absolute;
        width:186px;
        height:34px;
        z-index:35;
        left: 715px;
        top: 796px;
        visibility: visible;
    #apDiv97 {
        position:absolute;
        width:188px;
        height:61px;
        z-index:36;
        left: 339px;
        top: 820px;
        visibility: visible;
    #apDiv98 {
        position:absolute;
        width:186px;
        height:69px;
        z-index:37;
        left: 527px;
        top: 820px;
        visibility: visible;
    #apDiv99 {
        position:absolute;
        width:186px;
        height:56px;
        z-index:38;
        left: 715px;
        top: 820px;
        visibility: visible;
    #apDiv100 {
        position:absolute;
        width:186px;
        height:115px;
        z-index:39;
        left: 339px;
        top: 862px;
        visibility: visible;
    #apDiv101 {
        position:absolute;
        width:187px;
        height:35px;
        z-index:40;
        left: 339px;
        top: 1014px;
        visibility: visible;
    -->
    </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.

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

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

  • 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">
    <!--
    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>
    <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">
    <!--Header-->
    <table id="header">
      <div class="header"><img src="_images/newLOGO.jpg" alt="Kiahuna 104" width="1000"/>
    </div>
    <!--Navigation table-->
    <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>
    <!--Start of content1 table- height = 371-->
    <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;

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

  • Insert an HTML Table tag as a value in a Tree Table

    Hi helper,
    Can I insert an HTML Table tag inside a TreeTable (Hierarchical data) using AdvancedDataGrid as a value?
    I need to create a Tree table in flex and I have beside normal int values some cells that need to show a certain images in an HTML Table I will create.
    Is it possible?
    Please advice
    Thanks
    Jo

    <div class=Section1><br /><br /><p class=MsoNormal><span style='font-size:11.0pt;font-family:"Calibri","sans-serif";<br />color:#1F497D'>It depends on where you get the list of images<o:p></o:p></span></p><br /><br /><p class=MsoNormal><span style='font-size:11.0pt;font-family:"Calibri","sans-serif";<br />color:#1F497D'><o:p> </o:p></span></p><br /><br /><p class=MsoNormal><span style='font-size:11.0pt;font-family:"Calibri","sans-serif";<br />color:#1F497D'>Alex Harui<o:p></o:p></span></p><br /><br /><p class=MsoNormal><span style='font-size:11.0pt;font-family:"Calibri","sans-serif";<br />color:#1F497D'>Flex SDK Developer<o:p></o:p></span></p><br /><br /><p class=MsoNormal><span style='font-size:11.0pt;font-family:"Calibri","sans-serif";<br />color:#1F497D'><a href="http://www.adobe.com/"><span style='color:blue'>Adobe<br />Systems Inc.</span></a><o:p></o:p></span></p><br /><br /><p class=MsoNormal><span style='font-size:11.0pt;font-family:"Calibri","sans-serif";<br />color:#1F497D'>Blog: <a href="http://blogs.adobe.com/aharui"><span<br />style='color:blue'>http://blogs.adobe.com/aharui</span></a><o:p></o:p></span></p><br /><br /><p class=MsoNormal><span style='font-size:11.0pt;font-family:"Calibri","sans-serif";<br />color:#1F497D'><o:p> </o:p></span></p><br /><br /><div style='border:none;border-top:solid #B5C4DF 1.0pt;padding:3.0pt 0in 0in 0in'><br /><br /><p class=MsoNormal><b><span style='font-size:10.0pt;font-family:"Tahoma","sans-serif"'>From:</span></b><span<br />style='font-size:10.0pt;font-family:"Tahoma","sans-serif"'> Yossi Bar<br />[mailto:[email protected]] <br><br /><b>Sent:</b> Monday, February 09, 2009 1:14 AM<br><br /><b>To:</b> [email protected]<br><br /><b>Subject:</b> Re: Insert an HTML Table tag as a value in a Tree Table<o:p></o:p></span></p><br /><br /></div><br /><br /><p class=MsoNormal><o:p> </o:p></p><br /><br /><p class=MsoNormal style='margin-bottom:12.0pt'>A new message was posted by<br />Yossi Bar in <br><br /><br><br /><b>Developers</b> --<br><br />  Insert an HTML Table tag as a value in a Tree Table<br><br /><br><br />Thanks Alex, <br><br />What is the way to implement HorizontalLIst of images for<br />AdvancedDataGridColumn? <br><br /><br><br />In the code here I create a tree table and in Actual column I show an image: <br><br /><br><br />&lt;mx:AdvancedDataGrid width=&quot;100%&quot; height=&quot;100%&quot;<br />folderClosedIcon=&quot;{null}&quot; folderOpenIcon=&quot;{null}&quot;<br />defaultLeafIcon=&quot;{null}&quot;&gt; <br><br /><br><br />&lt;mx:dataProvider&gt; <br><br />            &lt;mx:HierarchicalData<br />source=&quot;{dpHierarchy}&quot;/&gt; <br><br />        &lt;/mx:dataProvider&gt; <br><br />        &lt;mx:groupedColumns&gt; <br><br />         &lt;mx:AdvancedDataGridColumn<br />headerText=&quot;&quot; width=&quot;50&quot;/&gt; <br><br />            &lt;mx:AdvancedDataGridColumn<br />dataField=&quot;Region&quot; backgroundColor=&quot;haloSilver&quot;<br />headerText=&quot;Region title&quot;<br />headerRenderer=&quot;mx.controls.Label&quot;/&gt; <br><br />            &lt;mx:AdvancedDataGridColumnGroup<br />headerText=&quot;Group Header&quot;<br />headerRenderer=&quot;mx.controls.Label&quot;&gt; <br><br />&lt;mx:AdvancedDataGridColumn dataField=&quot;Territory_Rep&quot;<br />headerText=&quot;Territory Rep&quot;<br />headerRenderer=&quot;mx.controls.Label&quot;/&gt; <br><br />&lt;mx:AdvancedDataGridColumn dataField=&quot;Actual&quot;<br />headerText=&quot;Actual title&quot;<br />headerRenderer=&quot;mx.controls.Label&quot;&gt; <br><br />&lt;mx:itemRenderer&gt; <br><br />&lt;mx:Component&gt; <br><br />&lt;mx:VBox horizontalAlign=&quot;center&quot;&gt; <br><br />&lt;mx:Image width=&quot;50&quot; source=&quot;{data.Actual}&quot;/&gt; <br><br />&lt;/mx:VBox&gt; <br><br />&lt;/mx:Component&gt; <br><br />&lt;/mx:itemRenderer&gt; <br><br />&lt;/mx:AdvancedDataGridColumn&gt; <br><br /><br><br />&lt;mx:AdvancedDataGridColumn dataField=&quot;Estimate&quot;<br />headerText=&quot;Estimate title&quot; headerRenderer=&quot;mx.controls.Label&quot;/&gt;<br /><br><br />            &lt;/mx:AdvancedDataGridColumnGroup&gt;<br /><br><br />        &lt;/mx:groupedColumns&gt; <br><br />    &lt;/mx:AdvancedDataGrid&gt; <br><br /><br><br />Please advise, <br><br /><br><br />Thanks <br><br /><br><br />Jo <o:p></o:p></p><br /><br /><div class=MsoNormal><br /><br /><hr size=2 width=200 style='width:150.0pt' align=left><br /><br /></div><br /><br /><p class=MsoNormal style='margin-bottom:12.0pt'>View/reply at <a<br />href="http://www.adobeforums.com/webx?13@@.59b7d1ae/2">Insert an HTML Table tag<br />as a value in a Tree Table</a><br><br />Replies by email are OK.<br><br />Use the <a<br />href="http://www.adobeforums.com/webx?280@@.59b7d1ae!folder=.3c060fa3">unsubscribe</a>< br />form to cancel your email subscription.<o:p></o:p></p><br /><br /></div>

  • How to Include More Than One Font and Font Color Within a Fluid Grid Div Tag?

    Using CSS code, I can make all the words within a fluid grid div tag the same font, font size, and font color, but how do I make a few of the words different?

    You can style the basic text and heading selectors with CSS:
    p { }
    h1 { }
    h2 { }
    h3 { }
    h4 { }
    etc...
    And you can make classes:
    .red {color:red}
    .highlight {background-color:yellow}
    Then apply classes to your text or sections of it using the HTML properties panel.
    <div>
         <p>This is a default paragraph style.</p>
         <p class="red">This is red.</p>
         <p class="highlight">This is highlighted.</p>
         <p>Default style with <span class="red highlight">red, highlighted text</span> and normal text.</p>
    </div>
    Incidentally, this will work in any layout.
    How to Develop with CSS?
    http://phrogz.net/css/HowToDevelopWithCSS.html
    Nancy O.

  • Dreamweaver cs5.5 - div tags won't float next to eachother

    I have being trying to get 2 div tags to float next to eachother for hours! I've been messing with the float and messing with margins, but what ever i do the div is always somewhat under my other div tag. I want them completely side by side. I have tried changing the top and bottom margins but that doesn't work either. how can i get them side by side? One is called 'textbox' and the other 'imagewrapper'. The code is:
    <!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>
    <script src="SpryAssets/SpryMenuBar.js" type="text/javascript"></script>
    <link href="SpryMenuBarHorizontal.css" rel="stylesheet" type="text/css" />
    <link href="main.css" rel="stylesheet" type="text/css" />
    <link href="style2.css" rel="stylesheet" type="text/css" />
    <!--embedded styles for this page only-->
    <style type="text/css">
    body {
    margin:0;
    padding:0;
    font: 1em/1.5 "Lucida Sans", "Lucida Sans Unicode";
    #wrapper {
    width: 1064px;
    margin: 0 auto; /**with width, this centers page on screen**/
    background: #FFF;
    text-align:center;
    /**this styles image container**/
    #thumbs p {
              float:center;
              width: 50px;
              height: 75px;
              /**this styles caption text**/
    font: italic 14px/1.5 Geneva, Arial, Helvetica, sans-serif;
              color: #666;
              text-align:center;
              border: 1px solid silver;
              margin-top: 10px;
              margin-right: 5px;
              margin-bottom: 18px;
              margin-left: 5px;
    /**recommend using same size images**/
    #thumbs img {
              width:  50px; /**adjust width to photo**/
              height: 75px; /**adjust height to photo**/
              /**CSS3 drop shadows**/
    -moz-box-shadow: 5px 5px 5px #666;
              -webkit-box-shadow: 5px 5px 5px #666;
              -khtml-box-shadow: 5px 5px 5px #666;
              box-shadow: 5px 5px 5px #666;
    /**float clearing**/
    #thumbs:after{
              display:block;
              visibility:hidden;
              height:0;
              font-size:0;
              content: " ";
              clear: left;
    #wrapper #thumbs #imagewrapper {
              height: 362px;
              width: 280px;
              float: right;
              margin-right: 720px;
    #wrapper #thumbs #imagewrapper img {
              height: 362px;
              width: 280px;
    #wrapper #textbox {
              float: right;
              height: 300px;
              width: 600px;
              margin-right: 70px;
    .clearing {
    clear:left;
    height:px;
    width: 100%;
    </style>
    </head>
    <body>
    <div id="wrapper">
    <img src="product and website photos/header.png" width="1064" height="116" alt="header" />
    <!--begin menu -->
    <ul id="MenuBar1" class="MenuBarHorizontal">
    <li><a href="#home.html">Home</a></li>
    <li><a href="#" class="MenuBarItemSubmenu">Boutique</a><ul>
    <li><a href="#" class="MenuBarItemSubmenu">Women</a><ul>
    <li><a href="bwt.html">Tops</a></li>
    <li><a href="bws.html">Skirts/Shorts</a></li>
    <li><a href="bwl.html">Trousers/Leggings</a></li>
    <li><a href="bwa.html">Accessories</a></li>
    <li><a href="bwd.html">Dresses</a></li></ul></li>
    <li><a href="#" class="MenuBarItemSubmenu">Men</a>
    <ul>
    <li><a href="#">Tops</a></li>
    <li><a href="#">Bottoms</a></li>
    <li><a href="#">Accessories</a></li>
    </ul>
    </li>
    <li><a href="#">Semi-Unique</a></li>
    </ul>
    </li>
    <li><a class="MenuBarItemSubmenu" href="#">T-shirt Shop</a><ul>
    <li><a href="t-shirt shop.html">Men</a></li>
    <li><a href="t-shirt shop.html">Women</a></li>
    <li><a href="t-shirt shop.html">Unique</a></li>
    </ul></li>
    <li><a href="clearance.html">Clearance</a></li>
    <li><a href="#">About</a></li>
    </ul>
    <h2> </h2>
    <div id="textbox"></div>
    <div id="thumbs">
      <div id="imagewrapper"></div>
      <p> </p>
    <p> </p>
    <p> </p>
    <p> </p>
    <!--end wrapper --></div>
    <hr align="center" size="10" noshade="noshade" class="clearing" color="#999999" />
    <div align="left">&copy; 2012 your footer text goes here</div>
    </div>
    <script type="text/javascript">
    var MenuBar1 = new Spry.Widget.MenuBar("MenuBar1", {imgDown:"SpryAssets/SpryMenuBarDownHover.gif", imgRight:"SpryAssets/SpryMenuBarRightHover.gif"});
    </script>
    </body>
    </html>

    If you want to position 2 divs - one on left and other on right, the float for your left div should say float: left; and for the one on the right the CSS should say float:right;
    In your code, I see you want imagewrapper to come on right and textbox to come on left. But your float for BOTH these say right. This is where the issue lies.
    You can combine float:left and float:right to achieve side by side divs provided the overall width (container width+padding+margin) of both divs is less than or equal to the width of the wrapper div.
    In the OP's example:
    #wrapper = 1064+0+0 = 1064px
    #textbox + #imagewrapper = 600+70+280+720 = 1670px = float drop

  • 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>
    <!--[if lt IE 9]><script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script><![endif]-->
    <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>
    <!--begin header-->
    <header>
    <h1>Sitename</h1>
    <h2>Some pithy slogan...</h2>
    <nav>Horizontal menu  goes here...</nav>
    </header>
    <!--begin main content-->
    <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>
    <!--end left article-->
    </article>
    <!--begin right 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>
    <!--begin footer-->
    <footer> <small>© 2014 Your Site Name. All rights reserved</small> </footer>
    </section>
    </body>
    </html>
    Nancy O.

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

  • 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" />
    <!-- TemplateBeginEditable name="doctitle" -->
    <title>Untitled Document</title>
    <!-- TemplateEndEditable -->
    <!-- TemplateBeginEditable name="head" -->
    <!-- TemplateEndEditable -->
    <style type="text/css">
    <!--
    body {
         background-color: #06F;
    -->
    </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.

  • Rich Text Editor functionality for a DIV tag in a publishing page in SharePoint online

    Hi,
    We are having a requirement where we need RTE behavior of SharePoint 2013 Rich Html Field for a custom DIV. The scenario goes like this:
    1. I have a publishing page
    2. I dropped the content editor web part and to that content editor web part I will point to an HTML file that needs to be rendered in that content editor web part
    3. I have one DIV in the above mentioned HTML files and I want that div to be editable and I need to RTE options for that DIV.
    How to accomplish the above behavior?

    Hi,
    According to your post, my understanding is that you wanted to create html rich text editor for a DIV tag in a publishing page in SharePoint online.
    You can create your own Rich Text Editor.
    Here are some great blogs for your reference:
    An Example to Use HTML Rich Text Editor
    Example: Using the Editor's instance
    Rich Text Editor control in SharePoint 2010
    Regarding SharePoint Online, for quick and accurate answers to your questions, it is recommended that you initial a new thread in Office 365 forum.
    Office 365 forum
    http://community.office365.com/en-us/forums/default.aspx
    Best Regards,
    Linda Li
    Linda Li
    TechNet Community Support

Maybe you are looking for

  • Can you import a master from one Muse file to another?

    I've got upload space through Comcast, and my homepage and other material are there.  (home.comcast.net/~gregfisk/) But I have another site that I uploaded there through Dreamweaver a year ago.  I'd like to update it with Muse.  (www.caption-ator.com

  • PDF does not automatically open when the PDF is generated

    Here are my conditions: Windows 7 Professional 64-bit Abobe Acrobat9 Pro version 9.4.2 "View Adobe PDF results" is checked under Adobe PDF Printing Preferences/Adobe PDF Settings Here is the problem I am facing: When I print a simple text file under

  • Can I use digi 003 console with logic pro 10 ???

    I have the new mac pro with new os mavrik and I have the digi 003 console work with pro tools 10 perfect I want to work with logic pro 10 and I don't know if it work with my digi 003 console Please help me

  • How to increase the number of processes taken for loading data?

    Hi, While loading data from R/3 to BW, we found that the particular load is taking 2 processes to load data into Cube. Is there anyway to increase the number to 4 ? Thanks in advance. Bobby.

  • Very Urgent : GL Account

    Hi friends, Can anyone tell me when we create GL account for Cash Journal,from where its controlling can be done.Also,when we post the entries through FBCJ,and i want to enter a field in GL account for cash how can i do that. Also,if i want to make d