Footer with CSS

I am wondering if using CSS can be possible to make a div
class that do the following:
Let say that I have a footer that contains the company's
information like Name, Telephones, and Address, but if I have to
change it I have to go to all the html pages and updated, so is it
possible to create a div class that contains that information so I
only have to change the div in the style sheet instead of changing
page by page.
Currently I have and image cwith that information but for
optimizing porpuses it is more convinient to have the information
in text format, this is the website I am bulding
www.rosenhavins.net/demo/
I hope someone can help me with this!!!
Thanks!!!!

Read DW's F1 help about "Server-side includes". CSS does not
do what you
are describing, but includes certainly do.
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
==================
"OSart" <[email protected]> wrote in message
news:fpsnku$1b1$[email protected]..
>I am wondering if using CSS can be possible to make a div
class that do the
> following:
> Let say that I have a footer that contains the company's
information like
> Name, Telephones, and Address, but if I have to change
it I have to go to
> all
> the html pages and updated, so is it possible to create
a div class that
> contains that information so I only have to change the
div in the style
> sheet
> instead of changing page by page.
> Currently I have and image cwith that information but
for optimizing
> porpuses
> it is more convinient to have the information in text
format, this is the
> website I am bulding www.rosenhavins.net/demo/
> I hope someone can help me with this!!!
> Thanks!!!!
>

Similar Messages

  • Problems with CSS Footer Div

    Problems with CSS
    I am building a new page for my company. I am trying to place the Div Footer at the bottom of the screen. I have placed (i believe) the appropriate information for the CSS.
    The problem is when i minimize the browser the Footer section never leaves the screen and hovers over the other div tags. When I shrink the browser to its maximum the divs fall on top of each other.
    What I would like to know is how to make the Footer div below hide like the other divs but remain at the bottom of the page instead of hovering over the other divs. I have read that I should not apply fixed divs.... is that correct?
    I have applied to the current CSS to the below web page: http://trbla.com/sample.html
    #rhythm {
    width: 607px;
    margin-top: 300px;
    margin-right: auto;
    margin-left: auto;
    *img {
    border: 0;
    #rhythm #goldr {
    width: 215px;
    float: left;
    border: 0;
    #rhythm #trbnew {
    float: left;
    width: 181px;
    border: 0;
    #rhythm #greyr {
    width: 211px;
    float: left;
    border: 0;
    #nav {
    margin-top: 200px;
    width: 607px;
    margin-right: auto;
    margin-left: auto;
    padding-bottom: 100px;
    clear: both;
    #nav #navonewrap {
    float: left;
    clear: both;
    #nav #navwraptwo {
    float: left;
    width: 175px;
    height: 22px;
    #nav #navwrapthree {
    float: right;
    width: 215px;
    margin-right: -75px;
    #footer {
    bottom: 0px;
    clear: both;
    position: fixed;
    width: 100%;
    #footer #left_footer {
    float: left;
    clear: left;
    overflow: hidden;
    #footer #r_footer {
    float: right;
    Thanks for anyones help thus far,
    Rhythm

    I think it's the way I'm doing the conditional statement.
    'Went through another knowledge-base article that basically had me
    incorporate the conditional attribute into the <xsl:for-each
    select= . . .> statement and it appears to be a better way. I
    also created a xslt fragment and inserted it into a php page rather
    than making the whole thing xslt. I think this helps as well, but
    can't absolutely close the book on this until the server is
    properly configured to transform xslt in php pages.
    Here's the latest
    http://cals.arizona.edu/arizonawet/workshops/current_workshops-trial2.php

  • Help with CSS footer

    I am working on a site that is done with CSS. I have a couple
    of pages posted but am having a problem with the footer. I have
    made a wrapper at 100% hoping that the wrapper would always be at
    100% of the screen in height. On one page the footer is at the
    bottom, but on another page (index) the content is not all the way
    to the bottom so the footer won't go all the way to the bottom. The
    pages that I have up are located at:
    http://www.mts.net/~vmendell/
    This is the index and the second page is the Company
    Information page. Also if anyone would like to critique the pages I
    would gladly accept any and all criticism. One thing, the Flash
    animation is just a place holder, the real animation is being
    worked on at the moment.
    Thank you all in advance for taking the time to look at my
    pages and giving any help.
    Thank You
    Vince Mendella MGDC
    graymatter studios
    p. 471.4676
    e. [email protected]
    w. www.graymatterstudios.ca
    * Professional Member of the Society of Graphic Designers of
    Canada
    http://www.gdc.net

    >
    http://www.mts.net/~vmendell/
    >
    </div>
    <div id="bear"></div>
    </div>
    At the first closing div above, your outerwrapper closes.
    Then comes the Bear and finally an extraneous closing div .

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

  • Problem importing .PSD to Fireworks and Exporting to .HTM with CSS

    Hi!
    Ok, I've watched 3 differerent adobe tutorial videos about opening a .PSD file in Fireworks and ultimately exporting from Fireworks to an HTML file with CSS for use in Dreamweaver.  It seems so easy.  I have a very simple PSD.  Basically a solid color header with two images on it plus some text which will eventually be a nav menu.  Then I have about 500 px of blank space underneath where I will eventually place a flash SWF.  Finally, I have a text footer made up of 6 individual text boxes that will also serve as nav links.
    When I export, the top portion looks fine, however my text boxes at the bottom end up all over the place and one even loses the "style" formatting.
    What am I doing wrong?  In the videos, it appears text simply stays text during the export and stays where it was on the page.  I don't know why mine is going everywhere.
    Any ideas would be so much appriciated...thx!!!

    I prefer to work in Photoshop.  I never use Fireworks.  But I know many people who prefer Fireworks.  So pick your favorite graphics editor and stick with it. PSD is not a Fireworks file type thus some things may get lost in translation particularly if they reside in layers on a CMYK project file.  Graphics for the web need to be saved as RGB.
    More importantly, graphics editors shouldn't be used to generate quality code.  Use your graphics editor to make your design comp, slice and optimize images (File > save for web).  Use DW to build your HTML & CSS code.   DW will do many things for you, but for best results you'll need a working knowledge of HTML and CSS otherwise you'll become very frustrated.
    Start here:
    HTML & CSS Tutorials - http://w3schools.com/
    Then work your way through this tutorial.
    Taking  a Fireworks (or Photoshop) comp to a CSS based layout in DW
    http://www.adobe.com/devnet/fireworks/articles/web_standards_layouts_pt1.html
    Nancy O.
    Alt-Web Design & Publishing
    Web | Graphics | Print | Media  Specialists
    www.alt-web.com/
    www.twitter.com/altweb
    www.alt-web.blogspot.com

  • Help with CSS Page Layout

    I guess I am "old school" in that I have always used tables
    to lay out my web pages. I decided I must learn to do it with CSS,
    but I'm having a terrible time (and it shouldn't be so hard!). I
    understand how to define the styles, add divs, etc. Here's what I'm
    having trouble with:
    How do I specify the normal page width to be 800 pixels,
    however I want it to be relative to the browser (i.e., 100% of 800
    pixels).
    I understand the "float" tag, but if I have a right-hand
    sidebar, I can't seem to get the text to the left (in a div called
    "maincontent") to stop at the sidebar and wrap to the next line. I
    tried specifying "Hidden" as my textbook suggests, but that has no
    effect.
    I can easily do all of this with tables, so do I really need
    to abandon them?
    Thanks!

    Hi Jane,
    I'll try to answer all your questions, then a tip or two to
    stop the main
    content from dropping when the browser window size is
    reduced.
    - " I didn't realize that
    margin-top: 0px;
    margin-right: auto;
    is not the same as margin: 0px auto;
    That's right.
    margin: 0px auto; is actaully saying make the top margin 0,
    the right margin
    auto, the bottom margin 0 and the left margin auto.
    It's just CSS shorthand.
    For example, you might have:
    margin-top: 10px;
    margin-right: 20px;
    margin-bottom: 5px;
    margin-left:15px;
    You could just use margin: {10px 20px 5px 15px;}
    Think of a clock to remember the directions.
    12:00 top, 3:00 right, 6:00 bottom, 9:00 left.
    If any of the values are the same, you can shorten it more.
    For example, if top is 10, right is 20, bottom is 5 and left
    is 20, it's
    margin: {10px 20px 5px;}
    If the 4th location (left) is missing a value, it makes it
    the same as what
    you have for right.
    If top and bottom are 10px, and left and right are 20px,
    it's:
    margin {10px 20px;}
    If the last two positions ( bottom and left vlaues ) are
    missing, then it
    will use the top value for the bottom, and the right value
    for the left.
    What auto right and left is doing is subtracting your content
    width (the
    container width) from the browser window width, and then
    dividing the
    remainder in 2 and applying each value to each side of the
    container.
    -"I found that they all took on the font of the maincontent
    and I had to fix
    them
    individually. "
    The only text that should be Time is the text in your main
    content, where
    you have that font defined. Everything else should be Arial
    if you define
    the body as such. I'll post a link at the end of this.
    - "I put my bold sentence (Friendship, Fun, etc.) in h1, but
    I had to change
    the
    color & size, so that added another style element. "
    You don't need to give the h1 a class. You can actually just
    style the h1
    tag:
    h1 {
    margin: 10px 10px 2px;
    font-size: larger;
    color: #941238;
    You can only use h1 once on a page.
    You can use h2, h3, h4, etc, as many times as you would like,
    and you can
    style these just like the h1 style above.
    - "I don't quite understand the .rightsidebar p { and
    container p{
    I am assigning the spacing to the <p> tag? What exactly
    is that doing?"
    That is saying, give all the <p> tags inside the
    rightsidebar container the
    follwing style.
    So, in this example:
    .rightsidebar p {
    font-size: 18px;
    margin: 2px 10px;
    it's saying give all the <p> tags in this container a
    size of 18 and margin
    of 2px top and bottom, and 10px left and right.
    It's a lot easier than giving a class to every <p> tag
    - "I also don't quite understand the .clear {
    Why not just choose clear:both on the next section <div
    class="footer">"
    You could, if the footer was in the container. It just needs
    to be the final
    element before the close of a container that contains the
    float(s).
    -Do you use the <div class="container"> technique all
    the time?
    Yes, most of the time. I usually put everything in it, and
    use the
    margin:0px auto; to center it.
    That way, I don't have to try to get a number of different
    elements to align
    with the right and left sides by applying values to all of
    them, which can
    get tricky quickly.
    -"If you'll indulge me one more question, I wonder if it's
    possible to put a
    graphic (say, of a putting green) underneath my
    rightsidebar? I would want
    the sidebar to lay on top of the putting green for an
    interesting artistic
    touch.
    Yes, you can give that div a background image. You just need
    to make the div
    the same size as the image so you see it all (or vice-versa).
    Now, to make that maincontent not drop like it does you can
    remove the width
    in the CSS. Now it will expand over to the left edge of the
    rightsidebar.
    You can control how close it gets by giving the right sidebar
    a bigger left
    margin. The point is, with no width assigned, the maincontent
    will shrink
    down to the longest word in it before it drops.
    Here's what it looks like:
    http://tnsgraphics.com/test2.htm
    Let me know if you have any questions.
    Take care,
    Tim
    "janeinpa" <[email protected]> wrote in
    message
    news:[email protected]...
    > Hi, Tim...
    >
    > You have been very kind to help me learn CSS! I very
    much appreciate it
    > and
    > am really delighted to have gained a better
    understanding of this. I
    > studied
    > all your suggestions and started the page from scratch.
    Take a look here:
    >
    http://www.allisonwebcreations.com/ewga_site/good_page/indexgood.htm
    I'm
    > very
    > pleased with it. I discovered a couple of things:
    >
    > I didn't realize that
    > margin-top: 0px;
    > margin-right: auto;
    >
    > is not the same as margin: 0px auto;
    >
    > are they two different codes? Anyway, it didn't center
    until I fixed
    > that.
    >
    > I understand what you're saying about the font codes
    being redundant,
    > however
    > I found that they all took on the font of the
    maincontent and I had to fix
    > them
    > individually. This must be an error in how I'm coding
    it. Is the order
    > in
    > which I did them to blame? I put it in the order that
    I'm reading it, but
    > perhaps I should do it differently.
    >
    > I also couldn't get the footer to move left to the
    margin. I'm not sure
    > why,
    > since I think I followed all your suggestions.
    >
    > I put my bold sentence (Friendship, Fun, etc.) in h1,
    but I had to change
    > the
    > color & size, so that added another style element.
    I'm afraid that
    > probably
    > isn't correct. I also couldn't have my normal content
    text follow
    > immediately
    > on the same line. Maybe that isn't possible.
    >
    > I don't quite understand the .rightsidebar p { and
    container p{
    > I am assigning the spacing to the <p> tag? What
    exactly is that doing?
    >
    > I also don't quite understand the .clear {
    > Why not just choose clear:both on the next section
    <div class="footer"> ?
    >
    > Do you use the <div class="container"> technique
    all the time? How do you
    > decide what goes in it -- just floating items or can I
    think of it as a
    > table
    > that holds all my main blocks of info? Why not include
    the footer in it?
    >
    > If you'll indulge me one more question, I wonder if it's
    possible to put a
    > graphic (say, of a putting green) underneath my
    rightsidebar? I would
    > want the
    > sidebar to lay on top of the putting green for an
    interesting artistic
    > touch.
    >
    > Thank you, thank you, thank you again. Here are my css
    codes (which I
    > have in
    > an external file. Is it better to import or link to the
    file?)
    >
    > Have a wonderful New Year.
    >
    >
    >
    >
    >
    >
    > .body {
    > padding: 0px;
    > margin-top: 0px;
    > font-family: Arial, Helvetica, sans-serif;
    > }
    > .masthead {
    > width: 780px;
    > margin: 0px auto;
    > padding-top: 10px;
    > padding-right: 0px;
    > }
    > .maincontent {
    > background-color: #FFFFFF;
    > text-align: left;
    > width: 60%;
    > margin-top: 0px;
    > padding-top: 10px;
    > padding-right: 0px;
    > font-family: "Times New Roman", Times, serif;
    > font-size: medium;
    > color: #000000;
    > }
    > .maincontent p{
    > margin-top: 2px;
    > margin-right: 10px;
    >
    > }
    > .rightsidebar {
    > font-size: small;
    > background-color: #DEEBE4;
    > text-align: center;
    > float: right;
    > width: 250px;
    > margin-top: 10px;
    > margin-left: 20px;
    > border: thick solid #941238;
    > font-family: Arial, Helvetica, sans-serif;
    > padding: 10px;
    >
    > }
    > .leftbox {
    > font-size: small;
    > font-style: italic;
    > color: #336600;
    > background-color: #DEEBE4;
    > text-align: center;
    > clear: both;
    > width: 300px;
    > margin-top: 50px;
    > border: thin solid #941238;
    > font-family: Arial, Helvetica, sans-serif;
    > padding: 10px;
    > }
    > .footer {
    > font-size: small;
    > margin: 100px;
    > font-family: Geneva, Arial, Helvetica, sans-serif;
    > font-style: normal;
    > }
    > .container {
    > width: 90%;
    > margin: 0px auto;
    > }
    > .clear {
    > font-size: 1px;
    > line-height: 0px;
    > clear: both;
    > height: 0px;
    > }
    > .event {
    > font-size: 24px;
    > font-weight: bold;
    > color: #00493E;
    > }
    > .upcomingdate {
    > font-size: 20px;
    > color: #990134;
    > font-weight: bold;
    > font-family: Arial, Helvetica, sans-serif;
    > }
    >
    > .eventitem {
    > font-size: 18px;
    > color: #000000;
    > font-weight: bold;
    > margin: 0px;
    > }
    > .eventlink {
    > font-size: 14px;
    > font-style: italic;
    > margin: 0px;
    > }
    > .smallboxhead {
    > font-size: large;
    > color: #00493E;
    > font-style: normal;
    > font-weight: bold;
    > }
    > .companyname {
    > font-family: Verdana, Arial, Helvetica, sans-serif;
    > font-size: small;
    > font-style: italic;
    > color: 990134;
    > }
    >

  • Help with CSS positioning of menu

    Hello.
    Am slowly making some progress following recent difficulties
    with CSS.
    At the moment things are finally looking the same on
    different browsers EXCEPT the menu bar to the right of the movie:
    http://www.notjustthenews.co.uk/page2_movies.html
    Basically in Internet Explorer it's where I want it to be,
    level with the top of the movie, but in Safari it drops down much
    lower.
    Is there anything I can do to stop this happening?
    This is the CSS I'm using for the menu:
    width: 300px;
    height: 160px;
    float: left;
    margin-top: 40px;
    margin-bottom: 0px;
    margin-left: 85px;
    display: block;
    clear: none;

    There's room for much improvement.
    #1 About APDivs and why you don't need (or want) them in primary layouts:
    http://www.apptools.com/examples/pagelayout101.php
    #2 You're complicating matters with repetitive class and id names on every element.  It's better if you don't do this. 
    #3 Your CSS code is overly verbose.  Less is more. 
    #4 I don't understand why you're using HTML5 but not using HTML5 tags for your content.  For such a simple layout, this is all you need.
    <body>
         <header>logo and menu goes here </header>
              <section>
                   <aside>left column content</aside>
                   <aside>right column content<aside>
              </section>
          <footer>footer goes here </footer>
    </body>
    Nancy O.

  • 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 . '">&nbsp;';
    echo 'Close case?&nbsp;';
    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

  • Header / footer with RTF template

    Hi all,
    My problems are below:
    - I want to create RTF template for a BI Publisher report. On that template, I would like to have a group of data that is printed only on the last page of the report (as a summary document end). For example, if, when I print my report, the used datamodel in my template selects datas to be printed on 5 pages, I want that some datas appear only on the fifth page and if the datamodel selects datas to be printed on 10 pages, I want that some datas appears only on the tenth page etc...
    How to do that ?
    -Also, how to use header and footer otherwise that hard code tags in header and footer ? Also, finally do you have some tutorials or samples to use complex header and footer with RTF template ?
    Thank you.
    Michaël.
    CGSI.

    i have a problem with header and footer too can you please help me out..
    <?call:Header?>
    group ROW by saw0_
    <?template: Header?>
    Account ID: saw0_
    <?end template?>
    Total saw17_
    page breakend ROW by saw0_
    i have a column saw_0 which i want to show as header in each page. and for each new saw_o i want to show it in next page.
    but currently in the header it shows the last row fetched by saw_o.
    while saw_0 has more than 1 value.

  • How to create schema for Header and Footer with pipe delimiter file BPEL11g

    Hi all,
    I have issule creating Schema for Header and Footer with body file .The file format is Pipe delimiter.The following format below like is...
    Softeware Components:File Adapter(Read) 11g,
    1|1211|000|577|5444
    1|0000|57|6988|4554|sfdgh|5448|3333|ituu|44445|55546|544|788|7788
    1|0000|57|6988|4554|sfdgh|5448|3333|ituu|44445|55546|544|788|7788
    1|0000|57|6988|4554|sfdgh|5448|3333|ituu|44445|55546|544|788|7788
    1|0000|57|6988|4554|sfdgh|5448|3333|ituu|44445|55546|544|788|7788
    1|0000|57|6988|4554|sfdgh|5448|3333|ituu|44445|55546|544|788|7788
    1|0000|57|6988|4554|sfdgh|5448|3333|ituu|44445|55546|544|788|7788
    1|4544|000|yted
    I hope get the sollution for this from this Forum..Please help me out..Thankyou.

    You mean how many rows or columns..?
    If coloumns means 5 and rows only one(1).

  • How to create Schema Header and footer with Pipe delimiter file..?

    Hi all,
    I have issue with creating Schema Header and footer with body file ..The file format is Pipe delimiter.. The follwing file below like is...
    Adapters:File Adapter(Read)-11g.
    1|000|2025|SDFG|54787
    1|2055|244|9566|000|000|044|2577|361147|45554|wweqw|52555|564|000|647|464
    1|2027|344|4566|000|000|044|8577|361147|45554|wweqw|82555|564|000|647|844
    1|2024|444|6566|000|000|044|9577|361147|45554|wweqw|12555|564|000|647|544
    1|2023|544|8566|000|000|044|5577|361147|45554|wweqw|52555|564|000|647|442
    1|2022|644|3566|000|000|044|7577|361147|45554|wweqw|02555|564|000|647|448
    1|0000|546|25544|454
    If you have sollution for this, please help me out..Thank you.

    You mean how many rows or columns..?
    If coloumns means 5 and rows only one(1).

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

Maybe you are looking for