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.
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 SnelsHey 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 -
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? ;-) -
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!
> -
Gallery page download from + shadow without div tag?
Hi guys, on my site I want to upload some images that can be downloaded for use by clients - not high-res, but high enough quality for them to use in Word docs, emails, etc. I have made image galleries before but these don't allow the viewer to download pics. What do methods others use for this purpose?
Also, I was watching this tut on how to put a dropshadow around a site http://www.youtube.com/watch?v=cT1JAOB9XVI&feature=player_detailpage#t=198
but it requires a div tag wrap . My site hasn't got any div tags at all http://tatlerprime12.co.nz/venues.html Do I need to create one to have a drop shadow? If so, how?
If not, what's another way to put a dropshadow around my white table?
Thanks in advance for advice.
Jo1) Group images into folders and zip the folders. Place a link on your page to the zip file. If no folders needed, tell people to right click on image to save it.
2) CSS Dropshadows
http://www.alistapart.com/articles/cssdropshadows/
Nancy O.
Alt-Web Design & Publishing
Web | Graphics | Print | Media Specialists
www.alt-web.com/
www.twitter.com/altweb
www.alt-web.blogspot.com -
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:
zeoneozerorepost
- -
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 /><mx:AdvancedDataGrid width="100%" height="100%"<br />folderClosedIcon="{null}" folderOpenIcon="{null}"<br />defaultLeafIcon="{null}"> <br><br /><br><br /><mx:dataProvider> <br><br /> <mx:HierarchicalData<br />source="{dpHierarchy}"/> <br><br /> </mx:dataProvider> <br><br /> <mx:groupedColumns> <br><br /> <mx:AdvancedDataGridColumn<br />headerText="" width="50"/> <br><br /> <mx:AdvancedDataGridColumn<br />dataField="Region" backgroundColor="haloSilver"<br />headerText="Region title"<br />headerRenderer="mx.controls.Label"/> <br><br /> <mx:AdvancedDataGridColumnGroup<br />headerText="Group Header"<br />headerRenderer="mx.controls.Label"> <br><br /><mx:AdvancedDataGridColumn dataField="Territory_Rep"<br />headerText="Territory Rep"<br />headerRenderer="mx.controls.Label"/> <br><br /><mx:AdvancedDataGridColumn dataField="Actual"<br />headerText="Actual title"<br />headerRenderer="mx.controls.Label"> <br><br /><mx:itemRenderer> <br><br /><mx:Component> <br><br /><mx:VBox horizontalAlign="center"> <br><br /><mx:Image width="50" source="{data.Actual}"/> <br><br /></mx:VBox> <br><br /></mx:Component> <br><br /></mx:itemRenderer> <br><br /></mx:AdvancedDataGridColumn> <br><br /><br><br /><mx:AdvancedDataGridColumn dataField="Estimate"<br />headerText="Estimate title" headerRenderer="mx.controls.Label"/><br /><br><br /> </mx:AdvancedDataGridColumnGroup><br /><br><br /> </mx:groupedColumns> <br><br /> </mx:AdvancedDataGrid> <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>
-
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/ -
IE7 seems to "hide" text in DIV tags
Hi Guys
How can I solve this? I would like to have the text horizontally and vertically centered in the DIV-tags. It goes quite well but in Internet Explorer 7 it only shows half of the text.
How to solve this?
And an additionnal question: I would like the lowest of the three buttons to be nearly pasting to the bar you can see under it. In Internet Explorer, that goes smoothly, but in Google Chrome or Firefox there's a lot of space between the button and the bar?
Thanks!
BobI'm not certain what you're using now, but I would write the css code something like this...
.centered {
font-family:verdana;
font-size:12px;
font-weight:bold;
line-height:20px;
text-align:center;
width:150px;
height:20px;
background-color:purple;
border-radius:5px;
Then the html would look like this...
<div class="centered">some text</div>
It's hard to say what's going on with yours though without a link to the actual page. -
Trying to get content to fit better within a div tag
I've got a couple sliced up jpgs placed within a couple div tags (boxes) and aren't sure how to improve the fit. There's excess space vertically and it's not quite centered horizontally.
Here's the page: http://doughertyautomotive.com/New_Site/index.html
Thanks.First off, from your post, we don't know which "couple of div tags" concern you. In Firefox, I did notice some elements not aligned with others that I am presuming are supposed to square up, but without a specific example it would be a waste of time to review your code in detail. Hazarding a guess, I'd say that you have assigned widths and heights to the jpegs that make them larger than the container you put them in. So you're just going to have to comb through all of your CSS and double check any assigned widths and heights of elements. It's also possible that you've added a CSS style which conflicts with one in the Project 7 style sheets. And for troubleshooting the Project 7 app, you need to go to its web forum.
Chris
www.cdeatherage.net -
Help with placement of div tags
Hello. I am sorry to ask what probably is a dumb question, but I'm new, using Dreamweaver CS5, and I need some help. I'm sure I'll be posting here a few times during this process of building a new site, but I'm hoping it can be a good way for me to learn. I've watched a lot of tutorial videos, and so here I am.
I have my site, but I'm having problems being able to place div tags. I set it up with a wrapper div, a header div, a content div, footer div, etc. But, inside those divs I want to have other div's where I can place things like a client login box, etc. So, I tried and tried to place them after one div, or before one, but I just can't get them to work right. I'm very proficient at Photoshop, but web work is fairly new. I've done a few sites, but in Golive and just basic bringing them in from Photoshop. Now I want to learn correctly, so I'm trying all of this.
I found a way to make a box, using AP Div tag, and then move that where I want it, but, it doesn't work right for me then. I don't want it fixed in the same spot absolutely, but rather I want it to move with the page. I'm going to post a link to the site I'm working on, in case that helps. But, if you look at the site so far, you can see for example I want the text box that says client login to move as you make the page wider or smaller. It's fixed now. But, it's the only possible way I know how to put the box and div tag where I want it. When I just try to insert a div tag (not an AP div) it just goes underneath the div above it.
What I'm asking is, how do I place div's within div's? Or, can I use this AP div to put it where I want, and then change it to a regular div, and it stay in the right spot? I just don't understand how exactly to place divs where I want them, unless I use the AP div box and move it around the screen. Also, if I have a div box setup, is there a way to drag it somewhere else or reposition it somewhere else on the screen just by dragging? It's all a bit hard for me to figure out at this point, but I appreciate any help you can give me.
The AP Div I used is at the top that says client login. That's the box/table/div tag I'm trying to set up correctly, so it moves with the other elements, like the logo, as you make the page wider or less wide.
Here is the link:
http://www.gagephotography.com/boudoir/boudoirsite/index4.html
Thank you again.DW is not drag & drop friendly like graphics or word processing apps.
APDivs are NOT for primary layouts. They are for special situations and should be handled with care or you'll end up with a mess. Here is why:
http://apptools.com/examples/pagelayout101.php
The best advice I can offer is to familiarize yourself with HTML markup (content) and CSS (styles) before you even open Dreamweaver. Without a working knowledge of code, you're not going to get good results.
Start here:
HTML & CSS Tutorials - http://w3schools.com/
Learn CSS positioning in 10 Steps
http://www.barelyfitz.com/screencast/html-training/css/positioning/
How to Develop with CSS?
http://phrogz.net/css/HowToDevelopWithCSS.html
New DW Starter Pages --
http://www.adobe.com/devnet/dreamweaver/articles/introducing_new_css_layouts.html
Creating your first web site in DW CS5 -
http://www.adobe.com/devnet/dreamweaver/articles/first_website_pt1.html
Nancy O.
Alt-Web Design & Publishing
Web | Graphics | Print | Media Specialists
http://alt-web.com/
http://twitter.com/altweb -
Hello all,
Just started using Dreamweaver and was following a tutorial
about making a layout in Photoshop, slicing it, and then importing
it into Dreamweaver. Then I delete the content portions of the
image and add a box with DIV tags.
Now, the site works just fine when I put only a single line
of text/content for both FF and IE.
However, once I add a second line, the site becomes a mess in
FF.
I have the site hosted with 2 lines of text in my main
content box here:
http://cnorthington.site.io/sitebase.html
Any advice you can offer would be great.
Thanks,
Chris.
P.S. This is what it looks like without content:
http://cnorthington.site.io//sitebasetwo.htmlTry this tutorial instead. I believe the one you are
following is flawed.
Taking a Fireworks comp to a CSS-based layout in Dreamweaver
http://www.adobe.com/devnet/fireworks/articles/web_standards_layouts_pt1.html
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
==================
"ck64" <[email protected]> wrote in message
news:g17del$r7k$[email protected]..
> Hello all,
> Just started using Dreamweaver and was following a
tutorial about making a
> layout in Photoshop, slicing it, and then importing it
into Dreamweaver.
> Then I
> delete the content portions of the image and add a box
with DIV tags.
>
> Now, the site works just fine when I put only a single
line of
> text/content
> for both FF and IE.
>
> However, once I add a second line, the site becomes a
mess in FF.
>
> I have the site hosted with 2 lines of text in my main
content box here:
>
http://cnorthington.site.io/sitebase.html
>
> Any advice you can offer would be great.
>
> Thanks,
> Chris.
> -
Hello Dreamweavers.
Ive made a div tag and Ive centered it in the middle of my page. But on the top there is a gap.
Ive seen some articles where it says to add:
margin: 0;
padding: 0;
Im doing so, but im still getting that gap on the top.
this is my CSS
#box1 {
background-color: #00F;
height: 200px;
width: 600px;
padding: 0px;
margin: auto;
I have margin to Auto in order to center the box, is this correct?, there for I add the 0 padding in order to get rid of the gap.You could try adding the following to the top of the CSS
margin: 0;
padding: 0;
or better still, add a normalise script as in
/*! normalize.css v1.1.1 | MIT License | git.io/normalize */
/* ==========================================================================
HTML5 display definitions
========================================================================== */
* Correct `block` display not defined in IE 6/7/8/9 and Firefox 3.
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
display: block;
* Correct `inline-block` display not defined in IE 6/7/8/9 and Firefox 3.
audio,
canvas,
video {
display: inline-block;
*display: inline;
*zoom: 1;
* Prevent modern browsers from displaying `audio` without controls.
* Remove excess height in iOS 5 devices.
audio:not([controls]) {
display: none;
height: 0;
* Address styling not present in IE 7/8/9, Firefox 3, and Safari 4.
* Known issue: no IE 6 support.
[hidden] {
display: none;
/* ==========================================================================
Base
========================================================================== */
* 1. Prevent system color scheme's background color being used in Firefox, IE,
* and Opera.
* 2. Prevent system color scheme's text color being used in Firefox, IE, and
* Opera.
* 3. Correct text resizing oddly in IE 6/7 when body `font-size` is set using
* `em` units.
* 4. Prevent iOS text size adjust after orientation change, without disabling
* user zoom.
html {
background: #fff; /* 1 */
color: #000; /* 2 */
font-size: 100%; /* 3 */
-webkit-text-size-adjust: 100%; /* 4 */
-ms-text-size-adjust: 100%; /* 4 */
* Address `font-family` inconsistency between `textarea` and other form
* elements.
html,
button,
input,
select,
textarea {
font-family: sans-serif;
* Address margins handled incorrectly in IE 6/7.
body {
margin: 0;
/* ==========================================================================
Links
========================================================================== */
* Address `outline` inconsistency between Chrome and other browsers.
a:focus {
outline: thin dotted;
* Improve readability when focused and also mouse hovered in all browsers.
a:active,
a:hover {
outline: 0;
/* ==========================================================================
Typography
========================================================================== */
* Address font sizes and margins set differently in IE 6/7.
* Address font sizes within `section` and `article` in Firefox 4+, Safari 5,
* and Chrome.
h1 {
font-size: 2em;
margin: 0.67em 0;
h2 {
font-size: 1.5em;
margin: 0.83em 0;
h3 {
font-size: 1.17em;
margin: 1em 0;
h4 {
font-size: 1em;
margin: 1.33em 0;
h5 {
font-size: 0.83em;
margin: 1.67em 0;
h6 {
font-size: 0.67em;
margin: 2.33em 0;
* Address styling not present in IE 7/8/9, Safari 5, and Chrome.
abbr[title] {
border-bottom: 1px dotted;
* Address style set to `bolder` in Firefox 3+, Safari 4/5, and Chrome.
b,
strong {
font-weight: bold;
blockquote {
margin: 1em 40px;
* Address styling not present in Safari 5 and Chrome.
dfn {
font-style: italic;
* Address differences between Firefox and other browsers.
* Known issue: no IE 6/7 normalization.
hr {
-moz-box-sizing: content-box;
box-sizing: content-box;
height: 0;
* Address styling not present in IE 6/7/8/9.
mark {
background: #ff0;
color: #000;
* Address margins set differently in IE 6/7.
p,
pre {
margin: 1em 0;
* Correct font family set oddly in IE 6, Safari 4/5, and Chrome.
code,
kbd,
pre,
samp {
font-family: monospace, serif;
_font-family: 'courier new', monospace;
font-size: 1em;
* Improve readability of pre-formatted text in all browsers.
pre {
white-space: pre;
white-space: pre-wrap;
word-wrap: break-word;
* Address CSS quotes not supported in IE 6/7.
q {
quotes: none;
* Address `quotes` property not supported in Safari 4.
q:before,
q:after {
content: '';
content: none;
* Address inconsistent and variable font size in all browsers.
small {
font-size: 80%;
* Prevent `sub` and `sup` affecting `line-height` in all browsers.
sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
sup {
top: -0.5em;
sub {
bottom: -0.25em;
/* ==========================================================================
Lists
========================================================================== */
* Address margins set differently in IE 6/7.
dl,
menu,
ol,
ul {
margin: 1em 0;
dd {
margin: 0 0 0 40px;
* Address paddings set differently in IE 6/7.
menu,
ol,
ul {
padding: 0 0 0 40px;
* Correct list images handled incorrectly in IE 7.
nav ul,
nav ol {
list-style: none;
list-style-image: none;
/* ==========================================================================
Embedded content
========================================================================== */
* 1. Remove border when inside `a` element in IE 6/7/8/9 and Firefox 3.
* 2. Improve image quality when scaled in IE 7.
img {
border: 0; /* 1 */
-ms-interpolation-mode: bicubic; /* 2 */
* Correct overflow displayed oddly in IE 9.
svg:not(:root) {
overflow: hidden;
/* ==========================================================================
Figures
========================================================================== */
* Address margin not present in IE 6/7/8/9, Safari 5, and Opera 11.
figure {
margin: 0;
/* ==========================================================================
Forms
========================================================================== */
* Correct margin displayed oddly in IE 6/7.
form {
margin: 0;
* Define consistent border, margin, and padding.
fieldset {
border: 1px solid #c0c0c0;
margin: 0 2px;
padding: 0.35em 0.625em 0.75em;
* 1. Correct color not being inherited in IE 6/7/8/9.
* 2. Correct text not wrapping in Firefox 3.
* 3. Correct alignment displayed oddly in IE 6/7.
legend {
border: 0; /* 1 */
padding: 0;
white-space: normal; /* 2 */
*margin-left: -7px; /* 3 */
* 1. Correct font size not being inherited in all browsers.
* 2. Address margins set differently in IE 6/7, Firefox 3+, Safari 5,
* and Chrome.
* 3. Improve appearance and consistency in all browsers.
button,
input,
select,
textarea {
font-size: 100%; /* 1 */
margin: 0; /* 2 */
vertical-align: baseline; /* 3 */
*vertical-align: middle; /* 3 */
* Address Firefox 3+ setting `line-height` on `input` using `!important` in
* the UA stylesheet.
button,
input {
line-height: normal;
* Address inconsistent `text-transform` inheritance for `button` and `select`.
* All other form control elements do not inherit `text-transform` values.
* Correct `button` style inheritance in Chrome, Safari 5+, and IE 6+.
* Correct `select` style inheritance in Firefox 4+ and Opera.
button,
select {
text-transform: none;
* 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
* and `video` controls.
* 2. Correct inability to style clickable `input` types in iOS.
* 3. Improve usability and consistency of cursor style between image-type
* `input` and others.
* 4. Remove inner spacing in IE 7 without affecting normal text inputs.
* Known issue: inner spacing remains in IE 6.
button,
html input[type="button"], /* 1 */
input[type="reset"],
input[type="submit"] {
-webkit-appearance: button; /* 2 */
cursor: pointer; /* 3 */
*overflow: visible; /* 4 */
* Re-set default cursor for disabled elements.
button[disabled],
html input[disabled] {
cursor: default;
* 1. Address box sizing set to content-box in IE 8/9.
* 2. Remove excess padding in IE 8/9.
* 3. Remove excess padding in IE 7.
* Known issue: excess padding remains in IE 6.
input[type="checkbox"],
input[type="radio"] {
box-sizing: border-box; /* 1 */
padding: 0; /* 2 */
*height: 13px; /* 3 */
*width: 13px; /* 3 */
* 1. Address `appearance` set to `searchfield` in Safari 5 and Chrome.
* 2. Address `box-sizing` set to `border-box` in Safari 5 and Chrome
* (include `-moz` to future-proof).
input[type="search"] {
-webkit-appearance: textfield; /* 1 */
-moz-box-sizing: content-box;
-webkit-box-sizing: content-box; /* 2 */
box-sizing: content-box;
* Remove inner padding and search cancel button in Safari 5 and Chrome
* on OS X.
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
-webkit-appearance: none;
* Remove inner padding and border in Firefox 3+.
button::-moz-focus-inner,
input::-moz-focus-inner {
border: 0;
padding: 0;
* 1. Remove default vertical scrollbar in IE 6/7/8/9.
* 2. Improve readability and alignment in all browsers.
textarea {
overflow: auto; /* 1 */
vertical-align: top; /* 2 */
/* ==========================================================================
Tables
========================================================================== */
* Remove most spacing between table cells.
table {
border-collapse: collapse;
border-spacing: 0; -
I am developing a web site using div tags under Dreamweaver.
Until now, I succeeded to place the different blocks using
CSS rules.
One of the block has an automatic height definition;
sometimes it can be 100 pixels high, the other time 200 pixels
high.
I need to add a block that will come immediately below the
previous one.
So sometimes it may be placed from 100 to 150 pixels,
sometime it may be placed from 200 to 250 pixels.
I don't know how to define the position of this block :
absolute, relative? I tried different solutions; I do not succeed
to make the block comming immediately after the previous.
Should someone help me?
Thanks a lot.> I don't understand what does 'normal flow' mean.
Google it, and read about it. It's the process by which the
browser renders
the page from the top of the code to the bottom and places
page elements as
they encounter them.
> The first div
> tag has the following parameters :
> position: absolute;
You will not get anything to float under this div, since
absolute positioned
elements are removed fromt the normal flow, meaning that they
are placed on
the page in that location without regard for what else might
be immediately
before or immediately after it in the code.
This is why best practice is to not use layers for page
layout.
In your case, if you REMOVE the absolute positioning, you
will get exactly
what you want, e.g.,
<style type="text/css">
<!--
.test {
width: 100px;
.test1 {
width: 120px;
-->
</style>
You'll also need to change this -
<div class="test">
<html xmlns="
http://www.w3.org/1999/xhtml">
to this -
<html xmlns="
http://www.w3.org/1999/xhtml">
and this -
</html>
</div>
to this -
</html>
Murray --- ICQ 71997575
Adobe Community Expert
(If you *MUST* email me, don't LAUGH when you do so!)
==================
http://www.dreamweavermx-templates.com
- Template Triage!
http://www.projectseven.com/go
- DW FAQs, Tutorials & Resources
http://www.dwfaq.com - DW FAQs,
Tutorials & Resources
http://www.macromedia.com/support/search/
- Macromedia (MM) Technotes
==================
"Annie Benech" <[email protected]> wrote in
message
news:[email protected]...
> Thanks for your answer.
> I don't understand what does 'normal flow' mean.
> Joined, you will find a small program reproducing the
problem. The first
> div
> tag has the following parameters :
> position: absolute;
> height: auto;
> width: 100px;
> left: 10px;
> top: 10px;
> What must the parameters of the second div tag be to
float after the first
> one? Which menu of Dreamweaver should I use to define
those parameters.
> Thanks again for your help.
> Regards.
>
> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0
Transitional//EN"
> "
http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
> <div class="test">
> <html xmlns="
http://www.w3.org/1999/xhtml">
> <head>
> <meta http-equiv="Content-Type" content="text/html;
charset=iso-8859-1"
> />
> <!-- TemplateBeginEditable name="doctitle" -->
> <title>Document sans titre</title>
> <!-- TemplateEndEditable -->
> <!-- TemplateBeginEditable name="head" --> <!--
TemplateEndEditable -->
> <style type="text/css">
> <!--
> .test {
> position: absolute;
> height: auto;
> width: 100px;
> left: 10px;
> top: 10px;
> }
> .test1 {
> position: static;
> width: 120px;
> }
> -->
> </style>
> </head>
>
> <body>
> <div class="test">Placez ici le contenu de class
"test"Placez ici le
> contenu de class "test"Placez ici le contenu de class
"test"</div>
> <div class="test1">Placez ici le contenu de class
"test1"</div>
> </body>
> </html>
> </div>
>
Maybe you are looking for
-
MMS J2ee app made with JBOSS want to use it with JRUN
Hello fellow developers, I am very interested in creating a small website for uploading photos from my cell phone to a j2ee app running on a JRUN 4 server. I've downloaded the J2, JSR-212 SAMS Messaging API EJB Reference Implementation, from the noki
-
I am unable to sign in with apple icloud. showing server error
I am unable to sign in with apple icloud. showing server error
-
User rights required to install and run netmon on windows 7
What are minimal user rights required to install and run Netmon on Windows 7 Senior IT Systems Administator
-
Hi all We are currently implementing ESS with EP6.0, SP14. We are facing certain issues with that. Consistency is not there in the data. Anybody who has already configured ESS with SP14 successfully? Regards Yoga
-
My 6680 only recognises some callers/text msgs id's, despite the fact that they are all in my phonebook. (I don't get there name up). Also if I try to restore original settings, it asks to exit all current actions. It should ask for the security code