Customizing MenuBar style with CSS

Has anyone been able to successfully apply a CSS attribute of
background-color to the submenu items displayed in a MenuBar? I'm
setting the styleName attribute of the MenuBar to an external style
sheet defined as follows:
.mainMenuBar {
color: #E6EBEC;
fill-alphas: 1.0, 1.0;
fill-colors: #000000, #000000;
background-color: #FFFFFF;
The CSS is correctly applied to the top level MenuBar but the
submenu items seem to ignore the CSS entirely. Is there a specific
CSS subclass that I can define to override the default menu item
style? I'm fairly frustrated at this point due to the lack of
documentation / resources that I can find online regarding this and
any help would be greatly appreciated.

"burroinquieto" <[email protected]> wrote in
message
news:gd37mi$15i$[email protected]..
> Has anyone been able to successfully apply a CSS
attribute of
> background-color
> to the submenu items displayed in a MenuBar? I'm setting
the styleName
> attribute of the MenuBar to an external style sheet
defined as follows:
>
> .mainMenuBar {
> color: #E6EBEC;
> fill-alphas: 1.0, 1.0;
> fill-colors: #000000, #000000;
> background-color: #FFFFFF;
> }
>
> The CSS is correctly applied to the top level MenuBar
but the submenu
> items
> seem to ignore the CSS entirely. Is there a specific CSS
subclass that I
> can
> define to override the default menu item style? I'm
fairly frustrated at
> this
> point due to the lack of documentation / resources that
I can find online
> regarding this and any help would be greatly
appreciated.
Try menuStyleName instead of styleName.
HTH;
Amy

Similar Messages

How to overwrite styles with CSS?

I have a large number of older html documents (I use Dreamweaver CS3 Premium) that were originally built using "regular" styles. I have tried to overwrite these old styles with CSS but this doesn't work. I first delete the old styles, attach the CSS and then apply the new CSS style, but artifacts of the old style remain, such as text colour, background colour, even font size. This has become a major time problem as I have to undo each element of a style to an item before I can successfully apply the new CSS. As I have over a hundred of these files to update, this process is costing me an enormous amount of time. Surely there must be a better way to apply new styles. Any help would be much appreciated.

I’ll try to explain this problem again. The old HTML document has, for example:
<style>
    .h1blue
    .h2blue
    .body
    .footer
So .h1blue is “Arial, Helvetica etc,” size 16 pixels, font weight bold, color #000066.
I first delete this set of styles and then attach a new CSS:
ALPHA 210 new.css
    .body [Arial, Helvetica, etc.; size 12 points, line height 16 pts]
    .head1Brown [Times etc; size 18 points, font weight bold, color #663300]
When I apply .head1Brown, for example, the result is Arial 18 points rather than Times, and color #000066 (blue) rather than #663300 (brown). This means that I have to undo the font info (back to default), undo the color (to black), then reapply the style. Sometimes I have to do this 2 times or more for it to take.

Link styles with CSS

I have a web page with 2 navigations - one horizontal under
the header and the other located vertically down the left of the
page.
The text colour styles of each are different.
So I wanted to allocate seperate a:link a:visit a:hover
a:active to both navigations, to do this I have used the following
css:
For the horizontal navigation:
.table2 a:link, a:visited {
text-decoration:none;
color:#FFFFFF;
.table2 a:hover, a:active {
color: #8da2c4;
For the second navigation:
.table3 a:link, a:visited {
text-decoration:none;
color: #717578;
.table3 a:hover{
color:#333333;
However when uploaded, instead of the horizontal navigation
returning to white once visited, it turns grey - the colour of the
second navigation. The browser (IE) obviously has trouble
seperating the assigned link styles even though I have tried
targeting more specifically.
Does anyone know of a way around this, if there is a way at
all??!
Much appreciated

Pseudo-classes and container styles are what you need - here
are some
tutorials.
http://www.mako4css.com
http://www.thepattysite.com/linkstyles1.cfm
http://www.projectseven.com/tutorials/pseudoclasses/index.htm
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
==================
"(_seb_)" <[email protected]> wrote in message
news:[email protected]...
> Lou28 wrote:
>> I have a web page with 2 navigations - one
horizontal under the header
>> and the other located vertically down the left of
the page.
>> The text colour styles of each are different.
>> So I wanted to allocate seperate a:link a:visit
a:hover a:active to both
>> navigations, to do this I have used the following
css:
>>
>> For the horizontal navigation:
>>
>> .table2 a:link, a:visited {
>> text-decoration:none;
>> color:#FFFFFF;
>> }
>> .table2 a:hover, a:active {
>> color: #8da2c4;
>> }
>>
>>
>> For the second navigation:
>>
>> .table3 a:link, a:visited {
>> text-decoration:none;
>> color: #717578;
>> }
>> .table3 a:hover{
>> color:#333333;
>>
>>
>> However when uploaded, instead of the horizontal
navigation returning to
>> white once visited, it turns grey - the colour of
the second navigation.
>> The browser (IE) obviously has trouble seperating
the assigned link
>> styles even though I have tried targeting more
specifically.
>>
>> Does anyone know of a way around this, if there is a
way at all??!
>>
>> Much appreciated
>>
>
> change:
> .table2 a:link, a:visited {
> to:
> .table2 a:visited, .table2 a:link {
>
> and do the same for .table3 links.
>
> --
> seb ( [email protected])
>
http://webtrans1.com | high-end web
design
> Downloads: Slide Show, Directory Browser, Mailing List

Change portlet border with .css

I want to change color and size of the portlet border with the help of .css.
I have downloaded and use the dreamweaver Extension. .Css are link to portal site with UI template.
I wondering which class that change the style for the border. So far have tried to use .PortletBodyColor and .PortletHeaderColor. Are there any one that have managed to change border style with .css?
Regards,
Jorunn

I don't think you can just the outer border. If you look at the source code you see that the <td> tags also have the .portletbodycolor and header color classes, so while you technically can change the border, it will change the borders for all the cells and not just the outside of the table.

Custom visual styles conflicting with Firefox theme

I've installed a custom visual style on my Windows 7 machine. The thing is, it seems to conflict with Firefox's layout. It doesn't affect Google Chrome at all. But it changes Firefox's layout - and when I try to install a theme into Firefox, it really messes it up. Anyway I can tell firefox to ignore the visual style applied in the computer? Maybe in the userChrome.css file?

Ok,
Finally found a way to get this working. First you need to add the class from a related COM/XP styling Microsoft KB article (http://support.microsoft.com/kb/830033) into your .NET forms project. The class EnableThemingInScope will selectively apply XP styling. In my Form Main method I have removed the call to EnableVisualStyles , and instead invoke the EnableThemingInScope constructor around the call to Application.Run. Now I can have XP styling for my forms app and retain the default look and feel of the TestStand UI controls. Hope this helps someone else.
static void Main()
// doesn't work with TestStand 3.5 UI controls -- Application.EnableVisualStyles();
Application.SetCompatibleTextRenderingDefault(false);
Application.DoEvents();
using (new EnableThemingInScope(true))
Application.Run(new MainForm());

Over riding an old CSS style with a new one

Hi there,
I'm still learning how to deal with CSS and I'm having this problem. I'm redesigning an existing site and trying to override the old styles with new ones. When I select the text I want to change, I try to apply a new style, and it doesn't work. It sometimes applies part of the style. I tried to change the order of the styles in the 'all rules' panel, but that didn't work. The old rule is #content a:hover, a:active and the new one (higher up the list) is #named anchor. The problem is that the old one looks like a link to nowhere (there's a background colour). I know there must be a simple solution here (besides cutting and pasting text that looks right into the different spot and rewriting the text like I've been doing-AHHHHH!). I don't want to change the properties of that rule because it works in other places thorughout the website. Can I somehow clear all the old style info off these headings and then reapply the new style? Help!

CSS Pseudo-classes - Link States
You need to define a set of link states (link, visited, hover, active) for each ID or class name required. Let's say you want to have red links in your #header and white links in your #footer.
CSS:
#header a {text-decoration:none}
#header a:link {color:red}     /**unvisited**/
#header a:visited {color:gray} /**visited**/
#header a:hover,               /**on mouse over**/
#header a:active,              /**on click**/
#header a:focus                /**on tab key**/
    {text-decoration:underline}
#footer a {text-decoration:none}
#footer a:link {color:white}
#footer a:visited {color:yellow}
#footer a:hover,
#footer a:active,
#footer a:focus
    {text-decoration:underline}
HTML:
<div id="header">
<a href="some-link.html">Link in the header</a> |
<a href="some-link.html">Link in the header</a> |
<a href="some-link.html">Link in the header</a> |
</div>
<div id="footer">
<a href="some-link.html">Footer link</a> |
<a href="some-link.html">Footer link</a> |
<a href="some-link.html">Footer link</a> |
</div>
For more on CSS pseudo classes:
http://www.w3schools.com/css/css_pseudo_classes.asp
Nancy O.
Alt-Web Design & Publishing
Web | Graphics | Print | Media Specialists
http://alt-web.com/
http://twitter.com/altweb

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

Custom heading-styles using h1 , h2 , etc. tags

Hi!
I tried to create custom styles for headings which should then be readable by a screenreader.
My custom headings could not be read by a screenreader, word however displayed them correctly.
After I converted one document with custome headings and one with the predefined heading styles to html, I found an explanation. Custom headings are just a new CSS-class with the name of the style. In my example:
<p class=customhead1>Test1</p>
<p class=customhead1>Test2</p>
Using predefined heading styles resulted in:
<h1>Test1</h1>
<h1>Test2</h1>
Is there any way to force word to use the <h1>, <h2>, etc. tags on custome styles?
Thank you very much and all the best,
Boris

I'm afraid yes you will need to apply all the settings again, I can't think of an other way.
Note that Find and Replace (Ctrl+H) can be used to replace a style with another style (or direct formatting with a style).
Stefan Blom, Microsoft Word MVP

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

Adding Custom Breadcrumb for SharePoint 2013 Custom Master-Page With A Custom Separator.

Hi All,
I have successfully converted an HTML file to a SharePoint 2013 Custom Master-Page with relevant style sheets. But when I used within the SharePoint site I could not find the breadcrumb. So I want to know how to do that? For that breadcrumb I need a custom
separator like an arrow like in the below.
As you can see the separator is a custom built one. To have this custom separator in my HTML I have used the following code snippet.
<div class="breadcrumb-desktop">
<span class="breadcrumb-links"><a href="#">SharePoint Site Home</a></span>
<span class="breadcrumb-links"><a href="#">Sub Link 01</a></span> Active Page
</div>
The styles are as like in the below.
.breadcrumb-desktop {
width: 100%;
font-family: Arial;
padding: 23px 0 40px;
float: left;
font-size: 0.75em;
line-height: 1.25;
.breadcrumb-desktop > span.breadcrumb-links:after {
content: " \203A ";
white-space: pre;
I have tried the following code snippet within the SharePoint site as


But it did not display as I wanted.
So how am I supposed to insert these to my Custom Master-Page's breadcrumb and style them? Please could someone help me to solve this?
Thanks and regards,
Chiranthaka

Hi Chiranthaka,
Please use the following code snippet in your html master page.
<div class="CustomBreadcrumbs">
You are here:






</div>
Here is a thread for your reference:
https://social.msdn.microsoft.com/Forums/office/en-US/daabd903-df98-41da-80d8-6a942d06980e/add-breadcrumb-to-custom-master-page-html-file?forum=sharepointcustomization
We can also customize a breadcrumb control, then add it in master page.
http://msreddysharepoint.blogspot.com/2013/01/custom-breadcrumb-navigation-in.html
Best Regards
Dennis Guo
TechNet Community Support

Character Styles in CSS Properties Panel are not correct

I am using Adobe Illustator CC.
I am trying to export all of the charter styles as CSS. However the CSS panel is not generating the correct style.
Right now, in the Character Styles Panel and CSS Properties Panel I have 3 styles (Default, h1, h2)
This is how they are defined in the Character Styles Panel:
1. [Normal Character Style]:Helvectic Neue LT Std, 55 Roman, 16px
2. h1: Helvectic Neue LT Std, 25 Ultra Light, 35px
3. h2: Helvectic Neue LT Std, 45 Light, 18px
HOWEVER
When I go to the CSS Properties panel the code is not showing the Font Style:
This is how they are defined in the CSS Properties Panel:
1. [Normal Character Style]:
.NormalCharacterStyle
font-family : Helvetica Neue LT Std;
font-size : 16px;
color : #19131F;
color : rgb(25, 19, 31);
2. h1:
.h1
font-family : Helvetica Neue LT Std;
font-size : 35px;
letter-spacing : 0.53px;
color : #FFFFFF;
color : rgb(255, 255, 255);
Missing: 25 Ultra Light
3. h2:
.h2
font-family : Helvetica Neue LT Std;
font-size : 18px;
text-transform : uppercase;
color : #FCFCFC;
color : rgb(252, 252, 252);
Missing: 45 Light
Am I not doing somethign correctly? Is it a problem with my font or with Illustrator?
Also, in case it makes a difference, I only have the default paragraph style defined. It's style is; Helvectic Neue LT Std, 55 Roman
Thanks!

CSS cannot render typographical multiple weight fonts simply because that's just not how it works. All CSS does is reference a physical font file and its properties and while it's possible to use the font-weight and font-style attributes to make standard fonts lighter or bolder it does not compare to anything you would do with the font in a real design environment. That and of course you still need to define fallback/ substitution options - the Helvetica Neue you are referencing is exclusively available on Apple systems only and even if what you are trying worked off the bat, it would be useless on alternate devices that have no access to the font.
Mylenium

Custom print style to copy output file of report to desired dir

Hi All
We have a requirement to Copy output of Custom AR Invoice (BI Publisher) report to dir which is done vide print Style (Print MAchine) which copies file to desired dir
This functionality was used in 11i (Ver 11.5.10) and it's working fine, when we moved to R12 (Ver 12.1.3) Some how this functionality is not working as expected but
when we use this print style with other BI publisher reports it's working fine not sure what is the issue here.
Regards
Kamalakar.G

This forum is meant for discussions about OTN content/site and services.
Questions about Oracle products and technologies will NOT be answered in this forum. Please post your product or technology related questions in the appropriate product or technology forums, which are monitored by Oracle product managers.
Product forums:
http://forums.oracle.com/forums/index.jsp?cat=9
Technology forums:
http://forums.oracle.com/forums/index.jsp?cat=10

How to apply style sheet (.css) in Weblogic directory listing

Hi,
We are migrating a directory listing application from Apache to Weblogic.
Earlier we did this by Apache httpd.conf entry like below :
<Directory "/opt/apache/httpd-2.1.9/htdocs/Myreportfolder">
IndexOptions FancyIndexing FoldersFirst NameWidth=* XHTML
IndexOrderDefault Descending Date
IndexStyleSheet "/css/style.css"
</Directory>
/opt/apache/httpd-2.1.9/htdocs folder has all it's usual resource files.
We were able to see documents in "Myreportfolder".
Now we have moved to Weblogic and using virtual directory mapping as below and we are trying to achieve the same thing:
<?xml version="1.0" encoding="UTF-8" ?>
- <wls:weblogic-web-app xmlns:wls="http://www.bea.com/ns/weblogic/weblogic-web-app" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:schemaLocation="http://java.sun.com/xml/ns/javaee http://java.sun.com/xml/ns/javaee/web-app_2_5.xsd http://www.bea.com/ns/weblogic/weblogic-web-app http://www.bea.com/ns/weblogic/weblogic-web-app/1.0/weblogic-web-app.xsd">
- <wls:container-descriptor>
<wls:index-directory-enabled>true</wls:index-directory-enabled>
<wls:index-directory-sort-by>LAST_MODIFIED</wls:index-directory-sort-by>
</wls:container-descriptor>
- <wls:virtual-directory-mapping>
<wls:local-path>/Myreportfolder</wls:local-path>
<wls:url-pattern>/*</wls:url-pattern>
</wls:virtual-directory-mapping>
<wls:context-root>/getreports</wls:context-root>
</wls:weblogic-web-app>
We are able to view the reports but we do not get look-and-feel of Apache like directory listing.
but we encounter below issues:
1) File/Folder icons are not visible - we want to use style sheets in http header from the response that is returned from weblogic server
2) Filename is limited to 29 characters when it is showing
3) Files are not sortable as Descending order - we sorted using tag <wls:index-directory-sort-by>LAST_MODIFIED</wls:index-directory-sort-by> but the latest file is shown at the last
We are thinking that Weblogic must be having some configuration like Apache httpd.conf where we can apply style sheets (css ).
We would appreciate af anyone can provide better insight into the issue.
or is it possible to extend weblogic.servlet.fileservlet class to serve this purpose.
Thanks & regards,
Rabi

Hi Vikash,
Check the below links which will you idea on the same.
Stylesheet for WDA without integrating in SAP Portal
Apply custom css to WebDynpro application
Thanks
KH

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.

Customizing MenuBar style with CSS

Similar Messages

Maybe you are looking for