Skinning with CSS in Flex

I have a question regarding the best way to apply a CSS file
to a component or application. I have tried compiling my CSS files
into a SWF and then loading them at runtime like the first line of
code below which would be associated with the root tag. This has
worked fine.
But it's also possible to point to the file using the "Style"
tag placed within the root tag like in the second line of code.
Any thoughts on whether one is preferred? If one or both are
preferred at different times depending on other variables what
might those variables be?

Hm... I searched a little bit more ont he net, but no
solution so far. Has anybody ever done something like this
before...

Similar Messages

Flex charts: How to hide axis lines with CSS?

Hello!
How do I hide my axis lines with CSS? Shouldn't this work?
<mx:Style>
@namespace mx "library://ns.adobe.com/flex/mx";
mx|ColumnChart {
    horizontalAxisStyleName: myAxisStyles;
    verticalAxisStyleName: myAxisStyles;
.myAxisStyles { showLine: false; }
</mx:Style>
I also tried display: none.
Prior to this I used:
<mx:horizontalAxisRenderers>
<mx:AxisRenderer showLine="false" axis="{someName.horizontalAxis}" />
</mx:horizontalAxisRenderers>
<mx:verticalAxisRenderers>
<mx:AxisRenderer showLine="false" axis="{someName.verticalAxis}" />
</mx:verticalAxisRenderers>
But it produced some annoying warnings:
Data binding will not be able to detect assignments to "horizontalAxis".
Data binding will not be able to detect assignments to "verticalAxis".
Thanks!
--Dwayne

Regarding the data binding warnings, see if you can get away without specifying the axis. Not sure if that will work. Otherwise, give the axis an id like the example at the bottom of http://help.adobe.com/en_US/FlashPlatform/reference/actionscript/3/mx/charts/AxisRenderer. html#axis.
The doco for showLine says "Specifies whether to display the axis. The default value is true." I think it's referring to the line at the bottom of the axis, next to the numbers. It's nothing to do with the grid lines. Which explains why your code doesn't work.
If you are not using gridlines at all (= not using the lines, not using horizontal-fill and horizontal-alternate-fill etc), then I think you can just get rid of them by specifying an empty array. Either in actionscript or in your chart tag (<mx:ColumnChart id="highlights" dataProvider="{results.result}" showDataTips="true">) add the argument: backgroundElements = "[]".
If this is not desireable, go to plan b:
You can control gridlines via css like this:
mx|GridLines {
    gridDirection: both; // horizontal or vertical also accepted, but not "none".
If you want none... well I've got some code where I do this:
(backgroundElements[0] as GridLines).setStyle("gridDirection", "horizontal");
// One of the arguments is the alpha, i.e. alpha=0 (translucent)
var stroke:SolidColorStroke = new SolidColorStroke(0, 0, 0);
(backgroundElements[0] as GridLines).setStyle("horizontalStroke", stroke);
... and that definitely works.

How I can change the theme using with css

How I can change the flex theme and images using with css ?

Bonjour ixixix2006
Perhaps you will find your bonheur here:
http://nonlinear.openspark.com/tips/scripts/localisation/index.htm
Cheers,
James

Stateful skins with custom states

Hi, i'm desperately trying to create a stateful skins with
custom states defined in my component.
However, all stateful skins examples i've found so far use
built-in flex statex, mostly from buttons, to accomplish this.
when i define my own states, the ProgrammaticSkin class
doesn't seem to know about my custom states.
Has anyone a hint how to do this ?
thanks!

"pulse00" <[email protected]> wrote in
message
news:gmaoou$bta$[email protected]..
> Hi, i'm desperately trying to create a stateful skins
with custom states
> defined in my component.
>
> However, all stateful skins examples i've found so far
use built-in flex
> statex, mostly from buttons, to accomplish this.
>
> when i define my own states, the ProgrammaticSkin class
doesn't seem to
> know
> about my custom states.
>
> Has anyone a hint how to do this ?
What are you wanting to apply the skins to that knows how to
get the state
information into your skin?

Add drop shadow with css?

is there a way to add a dropshadow with css? (specifically to
a label component)
Thanks!

"Phrankie" <[email protected]> wrote in
message
news:gop31l$24j$[email protected]..
>
quote:
Originally posted by:
ashtangakasha
>
quote:
Originally posted by:
danger42
> No, drop shadows are implemented as filters, not styles.
They cannot be
> set
> via CSS in Flex 3.
>
> matt horn
> flex docs
>
> Although Matt's reply is true with respect to label
components, which is
> what
> the original question addressed, it's worth pointing out
that MXML Styles
>
can
set dropshadows on components which happen to expose the
> dropShadowEnabled property. Perhaps this is new to Flex
3.2.
>
> For example, CSS can apply dropshadows to TextArea,
Canvas, DataGrid,
> AdvancedDataGrid, and other list-based containers, but
not to Buttons,
> Labels,
> ComboBoxes, Images, etc. The rationale for exposing or
not exposing the
> dropShadowEnabled (and dropShadowColor) property is not
clear, so you have
> to
> refer to the docs.
I think it depends on whether the component has a HaloBorder
or not.

Inline popup with css

Hi,
I want to apply css for inline popup.
I gave below styles
af|panelWindow::header{
background-image: none;
background-color:#58585A;
af|panelWindow::header-start{
background-image: none;
background-color:#58585A;
If I give above styles its applying for all panel window. But I don't want it. I tried with multiple skin approach its also not working.
I want to apply for inline popup which I selected through taskflow.
In taskflow, I gave Run as Dialog as true and Display type is inline-popup.
Here, How do I give styles for inline- popup while coming inline-popup?.
please , Help me
Thanks in advance. :)

Hi,
How can apply multiple skin with oracle adf ? that was I asked..
JDeveloper : 11.1.1.6
pls help me...
Edited by: 960539 on Sep 23, 2012 10:11 PM

Problem with CSS in page I have written [SOLVED]

There is a php page I have created at work which works fine with Firefox 3.6.
In one specific page Firefox 4 does not show correctly a table with CSS.
I tried to remove the css and just have the table with no styling but the problem persists.
the php file is this:
<pre><nowiki><html>
<head>
<title>Pending Issues Close Case</title>
<style type="text/css">
#blinking {text-decoration: blink; text-align:left; color:#FF0000;}
body {
background-image:url('on2.jpg');
background-repeat:no-repeat;
background-position:700 50;
background-attachment:fixed;
#efms
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
border-collapse:collapse;
#efms td, #efms th
font-size:1em;
border:1px solid #98bf21;
padding:3px 7px 2px 7px;
#efms th
font-size:1.1em;
text-align:left;
padding-top:5px;
padding-bottom:4px;
background-color:#A7C942;
color:#ffffff;
#efms tr.alt td
color:#000000;
background-color:#EAF2D3;
</style>
<link rel="stylesheet" type="text/css" media="all" href="jsDatePick_ltr.min.css" />
<script type="text/javascript" src="jsDatePick.min.1.3.js"></script>
<script type="text/javascript">
window.onload = function(){
new JsDatePick({
useMode:2,
target:"date_of_problem",
dateFormat:"%Y-%m-%d"
new JsDatePick({
useMode:2,
target:"closed_date",
dateFormat:"%Y-%m-%d"
function checkEmpty() {
var date_of_problem = document.save_entries.date_of_problem.value;
var hour_of_problem = document.save_entries.hour_of_problem.value;
var min_of_problem = document.save_entries.min_of_problem.value;
var reported_to = document.save_entries.reported_to.value;
var problem_description = document.save_entries.problem_description.value;
var close = document.save_entries.close.value;
var closed_date = document.save_entries.closed_date.value;
var closed_hour = document.save_entries.closed_hour.value;
var closed_min = document.save_entries.closed_min.value;
var ok = "true";
var why = "";
var ok2 = "true";
var tmp1 = date_of_problem.split("-");
var date1 = new Date(tmp1[0], tmp1[1], tmp1[2], hour_of_problem, min_of_problem);
var tmp2 = closed_date.split("-");
var date2 = new Date(tmp2[0], tmp2[1], tmp2[2], closed_hour, closed_min);
if (date_of_problem.length == 0) {
ok = "false";
why += "Date of problem is empty\n";
if (reported_to.length == 0) {
ok = "false";
why += "Reported to is empty\n";
if (problem_description.length == 0) {
ok = "false";
why += "Problem description is empty\n";
if (closed_date.length == 0 && close == "Yes") {
ok = "false";
why += "Closed date is empty\n";
if (date2 < date1) {
ok = "false";
why +="Closed date cannot be earlier than problem date\n";
if (ok == "true") {
return true;
else {
alert(why);
return false;
</script>
</head>
<body>
<?php
session_start();
if (!isset($_SESSION['pending_user'])){
header("location:main_login.php");
if ($_GET['entry'] == "" || $_GET['entry'] == NULL)
header("location:view_entries.php");
$id = $_GET['entry'];
function get_entry($id) {
$mysql_host = "localhost";
$mysql_user = "portal";
$mysql_pass = "portal";
$db_name = "pending_issues";
$entries_table = "entries";
mysql_connect("$mysql_host", "$mysql_user", "$mysql_pass") or die("cannot connect to DB" . mysql_error());
mysql_select_db("$db_name")or die("cannot select DB" . mysql_error());
mysql_query("set names 'utf8'")or die("fook!" . mysql_error());
$entry_query = "SELECT * FROM $entries_table WHERE id='$id'";
$entry_data = mysql_query($entry_query) or die("Cannot execute query");
$entry_row = mysql_fetch_array($entry_data) or die("Cannot fetch row");
$date_of_problem = $entry_row['date_of_problem'];
$time_of_problem = $entry_row['time_of_problem'];
$hour_of_problem = strtok($time_of_problem, ":");
$min_of_problem = strtok(":");
$resp_technician =$entry_row['resp_technician'];
$reported_to = $entry_row['reported_to'];
$description = $entry_row['problem_description'];
$closed_date = $entry_row['closed_date'];
$closed_time = $entry_row['closed_time'];
$closed_hour = strtok($closed_time, ":");
$closed_min = strtok(":");
$closed_by = $_SESSION['pending_user'];
echo '<h2><font color="#A7C942">Welcome, ' . $_SESSION['pending_user'] . '</font></h2>';
echo '<table id="efms">';
echo '<tr class="alt">';
echo '<td>';
echo '<br><a href=index.php>Home</a><br><br>';
echo '</td>';
echo '<td>';
echo '<br><a href=view_entries.php>View entries</a><br><br>';
echo '</td>';
echo '<td>';
echo '<a align="center" href="logout.php">Log out</a><br>';
echo '</td>';
echo '</tr>';
echo '</table>';
echo '<br>';
echo '<form name="save_entries" action="save_entries.php" method="post" onSubmit="return checkEmpty();"';
echo '<table id="efms">';
echo '<tr>';
echo '<th>';
echo 'Problem date';
echo '</th>';
echo '<td>';
echo '<input id="date_of_problem" name="date_of_problem" type="text" value="' . $date_of_problem . '">';
echo '<input type="hidden" name="entry" value="' . $id . '">';
echo '</td>';
echo '</tr>';
echo '<tr>';
echo '<th>';
echo 'Problem time';
echo '</th>';
echo '<td>';
//echo '<input name="time\_of\_problem" type="text" value="' . $time_of_problem . '">';
echo_hour($hour_of_problem, "hour_of_problem");
echo ":";
echo_min($min_of_problem, "min_of_problem");
echo '</td>';
echo '</tr>';
echo_reported_to($reported_to);
echo '<tr>';
echo '<th>';
echo 'Problem description';
echo '</th>';
echo '<td>';
echo '<textarea name="problem_description" rows="5" cols="40">' . $description . '</textarea>';
echo '</td>';
echo '</tr>';
echo '<tr>';
echo '<th>';
echo 'Closed date';
echo '</th>';
echo '<td>';
echo '<input name="closed_date" id="closed_date" type="text" value="' . $closed_date . '"> ';
echo 'Close case? ';
echo '<select name="close">';
echo '<option>Yes</option>';
echo '<option>No</option>';
echo '</select>';
echo '</td>';
echo '</tr>';
echo '<tr>';
echo '<th>';
echo 'Closed time';
echo '</th>';
echo '<td>';
echo_hour($closed_hour, "closed_hour");
echo ":";
echo_min($closed_min, "closed_min");
echo '</td>';
echo '</tr>';
//~ echo '<tr>';
//~ echo '<th>';
//~ echo 'Closed by';
//~ echo '</th>';
//~ echo '<td>';
//~ echo '<input id="resolve_date" name="resolve_date" type="text" value="' . $closed_by . '">';
//~ echo '</td>';
//~ echo '</tr>';
echo '<tr>';
echo '<th>';
echo 'Submit';
echo '</th>';
echo '<td>';
echo '<input name ="submit" type="submit">';
echo '</td>';
echo '</tr>';
echo '</table>';
echo '</form>';
mysql_close();
function echo_hour($hour, $name) {
echo '<select name="' . $name . '">';
for ($i = 0; $i < 24; $i++) {
if ($i < 10)
$temp_hour = "0" . $i;
else
$temp_hour = $i;
if ($hour != $temp_hour)
echo '<option>' . $temp_hour . '</option>';
if ($hour == $temp_hour)
echo '<option selected>' . $temp_hour . '</option>';
echo '</select>';
function echo_min($min, $name) {
echo '<select name="' . $name . '">';
for ($i = 0; $i < 60; $i++) {
if ($i < 10)
$temp_min = "0" . $i;
else
$temp_min = $i;
if ($min != $temp_min)
echo '<option>' . $temp_min . '</option>';
if ($min == $temp_min)
echo '<option selected>' . $temp_min . '</option>';
echo '</select>';
function echo_reported_to($reported_to) {
echo '<tr>';
echo '<th>';
echo 'Reported to';
echo '</th>';
echo '<td>';
//echo '<select name="reported_to" value="' . $reported_to . '">';
echo '<select name="reported_to">';
if ($reported_to == "IT") {
echo '<option selected>IT</option>';
echo '<option>NetEng</option>';
echo '<option>VTT</option>';
echo '<option>NOC</option>';
if ($reported_to == "NetEng") {
echo '<option>IT</option>';
echo '<option selected>NetEng</option>';
echo '<option>VTT</option>';
echo '<option>NOC</option>';
if ($reported_to == "VTT") {
echo '<option>IT</option>';
echo '<option>NetEng</option>';
echo '<option selected>VTT</option>';
echo '<option>NOC</option>';
if ($reported_to == "NOC") {
echo '<option>IT</option>';
echo '<option>NetEng</option>';
echo '<option>VTT</option>';
echo '<option selected>NOC</option>';
echo '</select>';
echo '</td>';
echo '</tr>';
get_entry($id);
?>
</body>
</html>
</nowiki></pre>
<br />
The problem is for the table in line 188.
it should look like this:
http://img571.imageshack.us/img571/5183/shouldlooklike.png
but instead it looks like this:
http://img860.imageshack.us/img860/323/lookslikethis.png
The same problem appears in IE.
Thank you,

Please do not consider my previous post as I found out that it was a coding error, a forgotten ">"
Thank you.

Problem with css processing in Firefox8 on Win7.

Hi guys. I have a problem with css processing in Firefox8 on Win7. I need to make div which width and left css properties should be dynamically changed. Inside this div i have an swf object. When i change width and left css styles for my div, it jumps on the page, but other browsers render that well. What can you suggest to fix this problem? Thanks

A good place to ask advice about web development is at the mozillaZine Web Development/Standards Evangelism forum.<br />
The helpers at that forum are more knowledgeable about web development issues.<br />
You need to register at the mozillaZine forum site in order to post at that forum.<br />
See http://forums.mozillazine.org/viewforum.php?f=25

Problem in creating client side PDF with image using flex and AlivePD

I need a favor I am creating client side PDF with image using flex and AlivePDF for a web based application. Images have been generated on that pdf but it is creating problem for large size images as half of the image disappeared from that pdf.I am taking the image inside a canvas . How do i control my images so that they come fit on that pdf file for any image size that i take.
Thanks in advance
Atishay

I am having a similar and more serious problem. It takes a
long time to execute, but even attaching a small image balloons the
pdf to 6MB plus. After a few images it gets up to 20MB. These are
100k jpeg files being attached. The resulting PDF is too large to
email or process effectively. Does anyone know how to reduce
size/processing?

Using templates with css in mx

Hi,
I'm sure I'm being stupid but it's driving me insane - I'm
weaning myself off table based layout and using css (for the first
time) in mx. I'm (finally) happy with my stylesheet and how it's
all looking but can't seem to use css with a template - when I save
the page as a template and preview the style sheet does not seem to
be attached.
Any help MUCH appreciated,
Katy

> Good to know about mx as I was thinking about upgrading
to 8 - does it
> make
> like easier with css?
Very definitely!
Good grief - your stylesheet is ... big. Usually so many
custom classes
mean that the stylesheet is WAY overengineered.....
I'll take a look though.
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
==================
"katyoj" <[email protected]> wrote in
message
news:[email protected]...
> Thanks -
>
> I've uploaded it here :
>
>
>
http://kateortonjohnson.bulldoghome.com/pages/kateortonjohnson_bulldoghome_com/i
> ndex.html
> & have attached the style sheet to the message
>
> Good to know about mx as I was thinking about upgrading
to 8 - does it
> make
> like easier with css?
>
> Anyway thanks again
>
> Kate
>
> /* CSS Document */
>
> BODY {
> margin:0px;
> padding:0px;
> font-family: arial, helvetica, sans-serif;
> font-size: 11px;
> color: #000;
> background: #FFF;
> }
>
> /* Link properties */
>
> A:link {
> color: #333;
> text-decoration: none;
>
> }
>
> A:visited {
> color: #913c87;
> text-decoration: none;
>
> }
>
> A:active {
> color: #913c87;
> text-decoration: none;
>
> }
>
> A:hover {
> color: #913c87;
> text-decoration: none;
>
> }
>
> /* Main text headings */
>
> h1
> {font-family: tahoma, Arial, Helvetica, sans-serif;
> font-size:11px;
> color:#333;
> text-decoration:none;
> font-weight:bold;
> margin:3px 5px 5px 3px;}
>
> h2
> {font-family: tahoma, Arial, Helvetica,
sans-serif;font-size:11px;
> color:#154669;
> text-decoration:none;
> font-weight:bold;
> margin:0px 5px 5px 3px;
> padding:5px 0px 0px 5px;}
>
> h3
> {font-family: tahoma, Arial, Helvetica, sans-serif;
> font-size:11px;
> color:#525E6A;
> text-decoration:none;
> font-weight:bold;
> margin:5px 5px 5px 3px;
> text-align:right;
> }
>
> /* Footer text */
>
> .footertext {
> font-family: tahoma, Arial, Helvetica, sans-serif;
> margin:0px;padding:15px 0px 5px 0px;
> font-size:10px;
> color:#666;
> }
>
> /* Titles */
>
> .t3 {
> font-family:tahoma, Arial, Helvetica, sans-serif;
> font-size:20px;
> color:#154669;
> text-decoration:none;
> font-weight:bold;
> }
> .t2 {
> font-family: tahoma, Arial, Helvetica, sans-serif;
> font-size:14px;
> color:#96968A;
> text-decoration:none;
> font-weight:bold;
> }
>
> /* Main body */
>
> .maincontent {
> border-top-style
otted;
> border-top-width:1px;
> border-top-color:#989898;
> margin:3px 10px 30px 0px;
> padding:0px 10px 5px 10px;
> font-family: arial, helvetica, sans-serif;
> font-size: 11px;
> color:#333;
>
> } .maincontent img {float:left;margin:5px 5px 5px 0px;}
>
> .maincontent2 {
> border-top-style
otted;
> border-top-width:1px;
> border-top-color:#989898;
> margin:3px 220px 0px 0px;
> padding:0px 10px 5px 10px;
> font-family: arial, helvetica, sans-serif;
> font-size: 11px;
> color:#333;
> }
>
> .maincontent2 img {float:right;margin:5px 0px 5px 5px;}
>
> .lwrap {
> width:182px;
> margin-top:15px;
> margin-bottom:0px;
> margin-right:auto;
> margin-left:auto;
> padding:0px;
> }
>
>
> /* Left content */
>
> .lcontent {
> border-left-style:solid;
> border-left-color:#C5C5C5;
> border-left-width:5px;
> width:172px;
> margin:0px 0px 0px 0px;
> font-family: Arial, Helvetica,
sans-serif;font-size:11px;
> color:#666666;
> text-decoration:none;
> text-align:left;
> font-weight:normal;
> padding:5px 3px 10px 5px;
> background-color: #EEE;
> }
>
> .leftshadow {
> width:182px;
> height:6px;
> padding:0px;
> margin-top:0px;
>
> }
> .leftshadow img {padding:0px;margin:0px;float:right;}
>
> .separator {
> border-top-width:1px;
> border-top-style
otted;
> border-top-color:#989898;
> margin-right:5px;
> margin-left:5px;
> margin-top:10px;
> }
>
> /* News boxes */
>
> .newsheader{
> background-image:url(images/left_subh.gif);
> background-position:top;
> background-repeat:no-repeat;
> width:182px;
> margin-left:auto; margin-right:auto;
margin-top:15px;margin-bottom:0px;
> height:17px;
> text-align:right;
> padding:1px 5px 0px 0px;
> font-family: tahoma, Arial, Helvetica,
sans-serif;font-size:10px;
> color:#333;
> font-weight:bold;
> }
> .newscell{
> background-color:#EEE;
> width:182px;
> margin-left:auto; margin-right:auto;
margin-top:-1px;margin-bottom:0px;
> min-height:30px;
> font-family: Arial, Helvetica, sans-serif;
> font-size:11px;
> color:#666;
>
> }
>
> .newscell p {padding:5px 5px 15px 10px;margin-top:0px;}
>
> /* Right content */
>
> .rcontent {
> background-color:#EEE;
> width:168px;
> margin-left:auto;
> margin-right:auto;
> border-left-style:solid;
> border-left-width:5px;
> border-left-color:#C5C5C5;
> min-height:30px;
> margin-top:18px; margin-bottom:0px;
> font-family: tahoma, Arial, Helvetica, sans-serif;
> font-size:10px;
> color:#666;
> padding:5px 3px 10px 5px;
> text-align: left;
> }
>
> .rightshadow {
> text-align:right;
> width:168px;
> height:7px;
> padding:0px;
> margin-top:0px;
> margin-bottom:15px;
> float:right;
> }
> .rightshadow img {padding:0px;margin:0px;float:right;}
>
> /* Bullet list */
>
> ul {
> list-style-image:url(images/bullet.gif);
> list-style-type:none;
> }
>
> p img {margin-left:5px;}
>
>
> #wrap{
> margin:0px;
> padding:0px;
> width:100%;
> }
>
> /* Header section */
>
> #header{
>
> background:#EEE;
> margin:0px 0px 0px 0px;
> font-size: 11px;
> font-family : Verdana, Arial, Helvetica, sans-serif;
> color : #000000;
> border-bottom: solid #C5C5C5;
> }
>
> /* Top navigation */
>
> #topnav ul
> {
> padding-left: 0;
> margin-left: 5px;
> margin:0px 0px 0px 0px;
> background-color: #913c87;
> color: White;
> float: left;
> width: 100%;
> font-family: arial, helvetica, sans-serif;
> font-size: 11px;
> font-weight: bold;
> height: 18px;
> }
>
> #topnav ul li { display: inline; }
>
> #topnav ul li a
> {
> padding: 0.2em 1em;
> background-color: #913c87;
> color: White;
> text-decoration: none;
> float: left;
> border-right: 1px solid #EEE;
> }
>
> #topnav ul li a:hover
> {
> background-color: #C5C5C5;
> color: #fff;
> }
>
>
> /* Left positioning */
>
> #left {
> width:191px;
> margin:0px 0px 10px 0px;
> padding:0px 0px 20px 0px;
> background-color:#EBE8DE;
> border-right-width:3px;
> border-bottom-width:3px;
> border-left-width:5px;
> border-top-width:0px;
> border-style:solid;
> border-right-color:#EFEEEE;
> border-bottom-color:#EFEEEE;
> border-left-color:#fff;
> float:left;
> min-height:15px;}
>
> /* Right positioning */
>
> #right {
> margin-left:196px;
> background-color:#fff;
> min-height:30px;
> text-align:left;
> padding:10px 10px 15px 15px;
> min-width:560px;
>
> }
>
> /* Footer positioning */
>
> #footer {
> background-image:url(images/footer2.gif);
> height:55px;
> margin:0px 0px 0px 0px;padding:0px;
> width:100%;
> min-width:760px;
> overflow:hidden;
> clear:both;
> }
>
> #footer img {padding:0px;margin:0px;float:left;}
>
> #footer a {
> text-decoration:none;}
>
> /* Right positioning */
>
> #rightcol {
> width:180px;
> float:right;
> min-height:30px;
> background-color:#fff;
> margin:0px 0px 0px 20px;
> padding:0px;
> text-align:center;
> }
> /** BOX3 */
>
> #box3 {
> clear: both;
> margin-top: 20px;
> padding: 10px 0px;
> }
>
> #box3A {
> float: left;
> width: 200px;
> padding: 0px 13px 0px 43px;
> background: url(/csstemplatetts/images/homepage20.gif)
repeat-y right
> top;
> }
>
> #box3B {
> float: left;
> width: 200px;
> padding: 0px 50px 0px 11px;
> }
>
> #stretch {width:760px;height:1px;clear:both;margin:0px
0px 10px
> 0px;padding:0px;}
>

How to print a html document in landscape mode with css

Hi ,
below is my code that i need to print in landscape mode by defualt with css. is there any way to do this
<html><head><style type="text/css">
table.automatic {table-layout:fixed; width:100%; border-collapse: collapse; word-wrap:break-word;}TR.head{font-family: verdana; font-size: 10pt; vertical-align: top ; color: #ffffff; background-color: black; font-weight: bold; }TR.data{font-family: verdana; font-size: 8pt; vertical-align: top}</style></head><body><table width="100%" border="0" cellspacing="0" cellpadding="4"><tbody><tr><td></td><td align="center"><font size="2" style="verdana"><b>EMERGENCY ICE Installs by Manager And Production Install Date Range</b></font><br><td></td><table width="100%" border="0" cellspacing="0" cellpadding="4"><thead><tr><td width="74%" align="center"><font size="1" style="verdana"><b>From:</b>09/01/07</font><font size="1" style="verdana"><b>&nbsp&nbspTo:</b>01/08/08</font></td></tr></thead></table></td></tr></tbody></table><br></br>
<table border="1" class="automatic"><thead><tr class="head"><td width="8%">Manager</td><td width="5%">ICE # </td><td width="10%">Plan Prod Install Date</td><td width="10%">Doc Status</td><td width="10%">Doc Title</td><td width="7%">Owner</td><td width="5%">Risk Desc</td><td width="4%">AS/400</td><td width="4%">Unix</td><td width="4%">Win Srv</td><td width="4%">Win Dsk</td><td width="4%">Vax</td><td width="5%">Target Loc</td><td width="10%">No Chg Risk Desc</td><td width="15%">Brief Chg Desc</td></tr></thead><tbody>
<tr class="data"><td rowspan="12" width="5%">Randal Hockenberry</td><td width="8%">16926</td><td width="10%">Dec 31,2007</td><td width="10%">Pending Manager-Business Review</td><td width="10%">AUTO APPROVE</td><td width="7%">Padma Chirumalla</td><td width="5%">Low</td><td width="4%">N</td><td width="4%">Y</td><td width="4%">N</td><td width="4%">N</td><td width="4%">N</td><td width="5%">TEST</td><td width="10%">TEST</td><td width="15%">TESTzxdcxvsrfdgdsgfdffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffff</td></tr>
<tr class="data"><td width="8%">16933</td><td width="10%">Dec 28,2007</td><td width="10%">Pending Non-QS Testing</td><td width="10%">SR</td><td width="7%">Padma Chirumalla</td><td width="5%">Low</td><td width="4%">N</td><td width="4%">Y</td><td width="4%">N</td><td width="4%">N</td><td width="4%">N</td><td width="5%">XC</td><td width="10%">DFV</td><td width="15%">CX</td></tr>
<tr class="data"><td width="8%">16927</td><td width="10%">Dec 28,2007</td><td width="10%">Pending Risk Review</td><td width="10%">AUTO APPROVAL TEST</td><td width="7%">Padma Chirumalla</td><td width="5%">Low</td><td width="4%">N</td><td width="4%">Y</td><td width="4%">N</td><td width="4%">N</td><td width="4%">N</td><td width="5%">AUTO</td><td width="10%">AUTO APPROVE</td><td width="15%">AUTO APPROVE</td></tr>
<tr class="data"><td width="8%">15926</td><td width="10%">Nov 27,2007</td><td width="10%">Pending Code Review</td><td width="10%">CM Install LEVEL 3 QS will test</td><td width="7%">Gary Zhong</td><td width="5%">Low</td><td width="4%">N</td><td width="4%">N</td><td width="4%">Y</td><td width="4%">N</td><td width="4%">Y</td><td width="5%">pitt99</td><td width="10%">testing the app</td><td width="15%">CM Install LEVEL 3 QS will test</td></tr>
<tr class="data"><td width="8%">15712</td><td width="10%">Nov 22,2007</td><td width="10%">Rejected</td><td width="10%">Test Documentation Request</td><td width="7%">Autumn Priddy</td><td width="5%">Low</td><td width="4%">N</td><td width="4%">N</td><td width="4%">N</td><td width="4%">N</td><td width="4%">N</td><td width="5%">x</td><td width="10%">none</td><td width="15%">run-through for documentation purposes</td></tr>
<tr class="data"><td width="8%">16029</td><td width="10%">Nov 21,2007</td><td width="10%">Rejected</td><td width="10%">Contractor</td><td width="7%">Padma Chirumalla</td><td width="5%">Low</td><td width="4%">N</td><td width="4%">N</td><td width="4%">N</td><td width="4%">Y</td><td width="4%">N</td><td width="5%">Windows</td><td width="10%">testing</td><td width="15%">Testing</td></tr>
<tr class="data"><td width="8%">16030</td><td width="10%">Nov 19,2007</td><td width="10%">Rejected</td><td width="10%">Contractor</td><td width="7%">Padma Chirumalla</td><td width="5%">Low</td><td width="4%">N</td><td width="4%">N</td><td width="4%">N</td><td width="4%">Y</td><td width="4%">N</td><td width="5%">Windows</td><td width="10%">testing</td><td width="15%">Testing</td></tr>
<tr class="data"><td width="8%">15840</td><td width="10%">Nov 10,2007</td><td width="10%">Pending Follow Up Review</td><td width="10%">SMS Install LEVEL 3</td><td width="7%">Stephen Sciullo</td><td width="5%">Low</td><td width="4%">Y</td><td width="4%">N</td><td width="4%">N</td><td width="4%">N</td><td width="4%">Y</td><td width="5%">pitt88</td><td width="10%">system testing</td><td width="15%">SMS Install LEVEL 3</td></tr>
<tr class="data"><td width="8%">15719</td><td width="10%">Nov 08,2007</td><td width="10%">Pending Test Install</td><td width="10%">CM Install LEVEL 1 pitt3/col3</td><td width="7%">Stephen Sciullo</td><td width="5%">Low</td><td width="4%">N</td><td width="4%">N</td><td width="4%">N</td><td width="4%">N</td><td width="4%">Y</td><td width="5%">pitt88</td><td width="10%">testing</td><td width="15%">testing</td></tr>
<tr class="data"><td width="8%">14815</td><td width="10%">Nov 03,2007</td><td width="10%">Rejected</td><td width="10%">test</td><td width="7%">Stephen Sciullo</td><td width="5%">Low</td><td width="4%">N</td><td width="4%">N</td><td width="4%">Y</td><td width="4%">Y</td><td width="4%">N</td><td width="5%">pitt2</td><td width="10%">test</td><td width="15%">test</td></tr>
<tr class="data"><td width="8%">14915</td><td width="10%">Nov 01,2007</td><td width="10%">Pending Follow Up Review</td><td width="10%">Contractor</td><td width="7%">Padma Chirumalla</td><td width="5%">Low</td><td width="4%">N</td><td width="4%">N</td><td width="4%">N</td><td width="4%">Y</td><td width="4%">N</td><td width="5%">windows</td><td width="10%">test</td><td width="15%">Test</td></tr>
<tr class="data"><td width="8%">14816</td><td width="10%">Oct 31,2007;Nov 01,2007;Nov 02,2007</td><td width="10%">Production Install Complete</td><td width="10%">Contractor</td><td width="7%">Padma Chirumalla</td><td width="5%">Low</td><td width="4%">N</td><td width="4%">N</td><td width="4%">N</td><td width="4%">Y</td><td width="4%">N</td><td width="5%">windows</td><td width="10%">test</td><td width="15%">test</td></tr>
<tr></tr>
<tr class="data"><td rowspan="1" width="5%">Linda Humm</td><td width="8%">16034</td><td width="10%">Dec 06,2007</td><td width="10%">Pending Production Install</td><td width="10%">CM Install LEVEL 1 pitt3/col3</td><td width="7%">Randal Hockenberry</td><td width="5%">Low</td><td width="4%">N</td><td width="4%">N</td><td width="4%">N</td><td width="4%">N</td><td width="4%">Y</td><td width="5%">pitt88</td><td width="10%">testing</td><td width="15%">testing</td></tr>
<tr></tr>
</tbody></table><body></html>
Thanks,

Why are you asking a CSS question in a Java/JSP/JSTL forum? I would rather use a CSS forum for that. That HTML code is unnecessary too. Just post relevant code only, such as that CSS snippet.
Anyway, it may differ per web browser if this page rule will be picked up and it may also be a client side setting regarding printer settings. Nothing to do here.

Chart color change with CSS in DS 1.3

Hi together,
Did somebody now a solution with CSS in the design studio 1.3, to change the color from the chart-bar or the chart-pie (like PrintScreen)? Or is this planned in the DS Version 1.4?
We found only a solution to change this setting for the chart. Not the color of the bar or pie.
We would like to set this in the CSS because it is a Style guide rule of the company.
Best Regards
Gabriel

Do you mean use CSS for your chart? See response from David Gyurasz Styling a chart in Design Studio
If not I recommend searching SCN for your answer - I searched "CSS color design studio chart" and 234 searches were found.

DW CS3 and DW CS3 with CSS

Hello and thanks in advance for your input. Years ago I
taught myself GoLive and am now making the change to Dreamweaver
CS3. I purchased it before CS4 was released so will have to upgrade
later. My question is this: I signed up for the Lynda.com online
classes to learn CS3 and notice that there are two different
tutorial categories, CS3 dated 4-07 and CS3 with CSS dated 3-08.
Are these two different programs? I purchased the design premium
suite and it lists Dreamweaver as CS3 and does not mention "with
CSS" in the title. I am not sure which tutorial program to use to
begin building my website and because it's Sunday they are not open
today. I am anxious to get started today, so would greatly
appreciate your insight. Thanks very much.

Thanks for your reply.
Yes, they are two different tutorials and from what you
mention, I am assuming that the more recent tutorial simply focuses
on utilizing CSS to build the site more effectively than what is
probably taught with the first tutorial. From what you said, it
seems like I should first take the CSS tutorial to get the
foundation of my site as uniform as possible and then perhaps go
back and study the basic DW CS3 tutorial to help fill in the gaps.
The reason why I am making such a big deal with asking is
because I know the laying of the foundation on a site going in is
so important. Each tutorial is about 11 hours, so I just wanted to
spend my time efficiently. Thanks for the suggestion of going the
CSS route first.

Importing HTML with CSS in Flash

I've tried all the tutorials, searched the web for tuts,
downloaded files and I am still not getting it. So this is what I
want to do:
First the names:
Dynamic text field name: htmwelcome
HTML file name: welcome.html
CSS file name: style1.css
How should the code read to have
welcome.html load into the dynamic text field
htmwelcome with CSS style sheet
style1.css.
What modifications should be made to
welcome.html so that the coding does not appear.
Hope this makes it simple. Be nice if they had a tut that
started with the names outlined at the beginning then how the code
should be written and why.

Have a look at these example files. Its not a tutorial, but it should get you started.
http://www.ddg-designs.com/downloads/importedTextwithCss.zip

Modify Flvplayback skin with counter problem

Hi
I am trying to customise a FLVPlayback Skin that has a counter in it, (MinimaFlatCustomColorPlayBackSeekCounterVolMute.fla)
If i modify any of the skins without a counter there is no problem however when i try to publish one of the skins with a counter i get these compiler errors:
Warning: unable to load SWC FLVPlaybackAS2.swc
1046 type was not found or was not compile time constant: NetstreamPlayOptions
Any ideas?
cheers
Grant

Hi,
Someone had found a workaround
"Just remove all from your source paths in the publish settings when you look to ActionScript 3.0 setting for your Skin FLA ! ( as default you can see here some path to video folder where is SWC files)"
but the counter prolem remains as the counter does not work in this case ...
may be someone has a better solution can reply ...
Cheers

Skinning with CSS in Flex

Similar Messages

Maybe you are looking for