DW/CSS Table problem

Hi guys:
I have been working with CSS in DW for a while now but it
always makes me mad when I cant Firefox and IE to look the page
same. I guess its a problem with setting the width of the table. I
have done it but somewhere I am missing the obvious . It works fine
in FF but messes up in IE (Grrrrr). Please help! Here what I have
been working on :
quote:
<html><head><title>MNTP</title>
<style>
<!--
* body {
background-color: #21B6AD;
.hr { background:#000; height:1px; font-size:1px; }
.bgimg { float:left; padding: 30px; margin: 10px; background:
url(bgimg.gif) #CEDEA5; }
.width720 { width: 718px; margin: 0 10px 10px; }
.leftmenu150 { width: 150px; margin: 0 10px; }
.width300 { width: 300px; margin: 0 10px; }
.width80p { width: 80%; margin: 0 auto; }
#test { border:3px solid red; padding:1em; }
.element { background: gray; padding: 16px; }
/* #glow { border: solid 1px red; } */
.someclassContainer { width: 160px; float: left; margin:0
10px; height:160px; }
.someclass {
background: #3300ff;
border: solid 5px yellow;
padding: 22px;
height:100px;
.leftmenuContainer { width: 150px; float: left; margin:0
10px; height:160px; }
.leftMenu {
background: #FFEBDE;
border: solid 5px #FFEBDE;
padding: 5px;
height:100px;
.bottommenuContainer { width: 680px; float: left; margin:0
10px; height: 70px; }
.bottomMenu {
background: #ADB6A5;
border: solid 5px #ADB6A5;
padding: 5px;
height:50px;
.box_1_Container { width: 510px; float: left; margin:0 10px;
.box_1_Menu {
background: #FFF7CE;
border: solid 5px #FFF7CE;
padding: 10px;
.left { width: 80px; float: left; }
.clear { clear: both; }
#onlyTop { background: #7B3; border: solid 3px yellow;
border-bottom: none; padding: 20px; }
#onlyBottom {
background: #CEE3EF;
border: solid 3px #CEE3EF;
border-top: none;
padding: 5px;
text-align: left;
#onlyLeft { background: #7B3; border: solid 2px yellow;
border-right: none; padding: 20px; }
#onlyRight { background: #362; border: solid 2px yellow;
border-left: none; padding: 20px; }
#withbgimg1 { color: white; border: solid 1px #85ADC3;
padding:3em;
background: url(gradient.gif) #003B62; background-repeat:
repeat-x; }
#withbgimg1 * { color: white; }
#withbgimg2 {
background: #CEDEA5 url(bgimg.gif); background-repeat:
repeat-x;
padding: 30px; color: black; }
#withbgimg2 * { color: black; }
//.style1 {font-family: Arial, Helvetica, sans-serif}
.style2 {
font-family: Arial, Helvetica, sans-serif;
color: #F78618;
.style3 {
font-family: Arial, Helvetica, sans-serif;
color: #21287B;
.basestyle{
font-family:Georgia, "Times New Roman", Times, serif;
font-size:12px;
color:#000000;
.clearText{
font-family:Arial, Helvetica, sans-serif;
font-size:8px;
visibility:hidden
.leftmenuText{
font-family:Georgia, "Times New Roman", Times, serif;
font-size:12px;
color:#531560;
.bottommenuText{
font-family:Georgia, "Times New Roman", Times, serif;
font-size:10px;
color:#000000;
-->
</style>
<script type="text/javascript" type="text/javascript"
src="cssquery2-p.js"></script>
<script type="text/javascript" type="text/javascript"
src="ruzeeborders.js"></script>
<script type="text/javascript"
type="text/javascript"><!--
RUZEE.Borders.add({
'#test': { borderType:'shadow', cornerRadius:10,
shadowWidth:20 },
'#glow': { borderType:'glow', cornerRadius:4, glowRadius:5,
glowColor:'white' },
'.someclass': { borderType:'simple', cornerRadius:20,
height:100 },
'.leftMenu': { borderType:'simple', cornerRadius:12,
height:100 },
'.bottomMenu': { borderType:'simple', cornerRadius:12,
height:50 },
'.box_1_Menu': { borderType:'simple', cornerRadius:12 },
'#onlyTop, #onlyBottom, #onlyLeft, #onlyRight':
{ borderType:'simple', cornerRadius:12, shadowWidth:0 },
'#onlyTop': { edges:'lrt' },
'#onlyBottom': { edges:'lrb' },
'#onlyLeft': { edges:'ltb' },
'#onlyRight': { edges:'rtb' },
'#withbgimg1': { borderType:'simple', cornerRadius:20 },
'#withbgimg2': { borderType:'shadow', cornerRadius:10,
shadowWidth: 10 }
window.onload=function(){
//alert("sd");
RUZEE.Borders.render();
//-->
</script>
<script src="Scripts/AC_RunActiveContent.js"
type="text/javascript"></script>
</head>
<body>
<table width="720" border="0" align="center"
cellpadding="0" cellspacing="0">
<tr>
<td align="center" valign="top"><script
type="text/javascript">
AC_FL_RunContent( 'codebase','
http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,28,0','wid th','720','height','275','align','absmiddle','src','mntp_top_1','q
uality','high','pluginspage','
http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash','movi e','mntp_top_1'
); //end AC code
</script><noscript><object
classid="clsid27CDB6E-AE6D-11cf-96B8-444553540000" codebase="
http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,28,0"
width="720" height="275" align="absmiddle">
<param name="movie" value="mntp_top_1.swf" />
<param name="quality" value="high" />
<embed src="mntp_top_1.swf" width="720" height="275"
align="absmiddle" quality="high" pluginspage="
http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash"
type="application/x-shockwave-flash"></embed>
</object></noscript></td>
</tr>
<tr>
<td><div class="width720" align="center">
<div id="onlyBottom">
<!--//*******Inside Table***************Inside
Table*************Inside Table************-->
<table width="720" border="0" cellspacing="0"
cellpadding="0" align="center">
<tr>
<td valign="top"><strong><span
class="style2">    WELCOME
</span> <span class="style3">TO THE MNTP WEBSITE
!</span></strong><br />
<br /></td>
</tr>
<tr>
<td>
<!--//*******Inside Table***************Inside
Table*************-->
<table width="680" border="0" cellspacing="0"
cellpadding="0">
<tr>
<td width="160" valign="top">
<div class=" leftmenuContainer">
<div class=" leftMenu">
<span class="leftmenuText"><strong>
CNBC <br>
Graduate Program <br>
Link 1 <br>
Link 1 <br>
Link 1 <br>
Link 1 <br>
</strong>
</span>
</div>
</div>
</td>
<td width="520" valign="top">
<!--//*******Boxes********-->
<div class=" box_1_Container">
<div class=" box_1_Menu">
<span class="style2"><strong>StatsReader v2.1
HowTo:</strong></span> <br>
<span class="basestyle">
New in 2.0: if setting target size to "0" you can use
StatsReader
to add keyframes in desired locations. Make sure to use a
different
filename for the target file and set that file up in xvid as
first
pass statsfile. Since the frametypes are gathered from the
first
pass file, setting them only in a ... more
</span>
</div>
</div>
<!--//*******Break********-->
<p><span
class="clearText">T</span></p>
<!--//*******Break********-->
<div class=" box_1_Container">
<div class=" box_1_Menu">
<span class="style2"><strong>TYPES OF LICENSES:
</strong></span> <br>
<span class="basestyle">
In order to install and use the Software, You must obtain
one of the following two types of licenses: (1) Evaluation
License or (2) Commercial Use License.
If You would like to try using the Software before
purchasing a Commercial Use License, then You may wish to
obtain an Evaluation License. This will allow You to use
the Software for free for a period of up to thirty (30)
</span>
</div>
</div>
<!--//*******Boxes********-->
</td>
</tr>
</table>
<!--//*******Inside Table***************Inside
Table*************-->
</td>
</tr>
<tr>
<td ><div class=" bottommenuContainer">
<div class="bottomMenu"
align="center"><br><span
class="bottommenuText">Number 1 in someclass where all have
height:100px</span>
</div>
</div></td>
<td width="0"></td>
</tr>
</table>
<!--//*******Inside Table***************Inside
Table*************Inside Table************-->
</div>
</div></td>
</tr>
<tr>
<td width="0"></td>
</tr>
</table>
</body>
</html>
Thanks

I can tell you no one will wade through all of this code.
Just glancing at it and I can see all sorts of problems. You need
to isolate the problem and work on the basic structure of your
page.
I would recommend starting again and use a good semantic
guide to building Web pages. Go for a book that uses well formed
html and CSS for layout and styling. I would definitely advise you
to avoid table layouts, especially if you want to get the best
chance of seeing your designs render correctly in all modern
browsers.
Try HTML Mastery and CSS Mastery, both published by Friends
of Ed, and armed with these books you will have a great start on
the road to design heaven!
Regards

Similar Messages

  • CSS Float Problem

    Hi All, 10 years since I've been on here (in the days of tables) I have, I'm sure a very basic css float problem in the footer and hopefully someone could take the time to review it for me.  I have checked everything but can't find the problem.  Thanks in advance;
    example of problem here  http://davidbrown.ipower.com/template/template.htm
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>Our Jewelry Retail Secrets - Thank You</title>
    <link href="../stylesheet/style.css" rel="stylesheet" type="text/css" />
    <style type="text/css">
    <!--
    .H1_black {color: #000000}
    p {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 16px;
    line-height: 25px;
    font-weight: normal;
    color: #000000;
    body {
    margin-left: 0px;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    .headlinetxt_colour {color: #FF6600}
    .style1 {color: #ff6600}
    -->
    </style>
    </head>
    <body>
    <div id="wrapper">
      <div id="wrapperfix">
        <div id="toporange_bg">login</div>
      </div>
       <div id="wrapperfix_top_grey">
        <div id="top_grey_content_wrapper">
          <div id="big_logo"></div>
          <div id="welcome_user">Welcome "username here"</div>
        </div>
      </div>
      </div>
        <div id="main_content">
          <p>
            <!--main body content goes here -->
          Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam vel felis velit. Proin a nisl diam, id hendrerit lectus. Nunc eget tortor arcu. Mauris fringilla felis eget mi facilisis vel auctor est lacinia. Sed sit amet dui nibh, in varius metus. Duis malesuada euismod tortor eget lacinia. Donec pretium rutrum nunc, sagittis condimentum elit aliquam in. In eu mauris dui. Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
          <p> Nam vel felis velit. Proin a nisl diam, id hendrerit lectus. Nunc eget tortor arcu. Mauris fringilla felis eget mi facilisis vel auctor est lacinia. Sed sit amet dui nibh, in varius metus. Duis malesuada euismod tortor eget lacinia. Donec pretium rutrum nunc, sagittis condimentum elit aliquam in. In eu mauris dui. </p>
      </div>
        <div id="footer_container">
          <div id="footer">
            <div id="footer_left">Footer Left</div>
            <div id="footer_centre">Footer Centre</div>
          <div id="footer_right">Footer Right</div></div>
        </div>
    </body>
    </html>
    #footer_container {
    background-color: #333333;
    width: 100%;
    top: 0px;
    margin: 0px;
    padding: 0px;
    #footer {
    background-color: #666666;
    min-width: 1000px;
    margin-right: auto;
    margin-left: auto;
    padding: 0px;
    width: 1000px;
    height: 150px;
    overflow: hidden;
    clear: both;
    margin-top: 0px;
    margin-bottom: 0px;
    position: relative;
    #footer_left {
    float: left;
    width: 33%;
    margin: 0px;
    padding: 0px;
    height: 150px;
    #footer_centre {
    width: 33%;
    height: 150px;
    margin: 0px;
    padding: 0px;
    float: left;
    #footer_right {
    float: left;
    width: 33%;
    height: 150px;
    margin: 0px;
    padding: 0px;

    I still don't see the #footer_left rule in the CSS in the online example at
    http://davidbrown.ipower.com/template/template.htm

  • Autonomous Trigger / Mutating Table Problem

    We have a specific problem in one of our applications being developed where by the database needs to enforce a specific business requirement.
    We need to use a database trigger to enforce some data integrity which involves more than one table as such cannot use standard constraint. The integrity has to be maintained in the database as the DML statements may be coming from a Java application or PL/SQL code as such we need the logic all in one place.
    The problem being that within the trigger we need to examine the state of the table the trigger is associated with as well as one other table. Obviously using a trigger on a table that is being affected by DML statements causes the dreaded mutating table problem.
    One suggested solution to this was to make the trigger or the code the trigger called autonomous. This allows the trigger to execute by only showing the trigger the original state of the table before any of the DML statements have affected it.
    The problem is this seems to work for single row DML statements but not for multi row DML statements. In multi row the trigger only sees the original state of the table, not the state of the table plus the changes made by any other actions in the same DML statement.
    Below I have shown an example of what I'm seeing.
    I have grossly simplified the example code below to only refer to a single table and use stupidly simple logic
    I do realise i appear to be implementing uniqueness in my own PL/SQL code, this is purely for the example.
    CREATE TABLE mutate_test
    id INTEGER NOT NULL,
    value VARCHAR2(255) NOT NULL
    ALTER TABLE mutate_test ADD CONSTRAINT pk_mutate_test PRIMARY KEY(id);
    ALTER TABLE mutate_test ADD CONSTRAINT ck_mutate_test CHECK (value = UPPER(value));
    CREATE OR REPLACE FUNCTION duplicate_found(in_value IN mutate_test.value%TYPE) RETURN BOOLEAN IS
    PRAGMA AUTONOMOUS_TRANSACTION;
    v_value_found INTEGER;
    BEGIN
    SELECT COUNT(*)
    INTO v_value_found
    FROM mutate_test
    WHERE value = in_value;
    IF v_value_found > 0 THEN
    RETURN TRUE;
    ELSE
    RETURN FALSE;
    END IF;
    END;
    CREATE OR REPLACE TRIGGER tr_mutate_test BEFORE INSERT OR UPDATE ON mutate_test
    FOR EACH ROW
    BEGIN
    IF duplicate_found(:new.value) = TRUE THEN
    RAISE_APPLICATION_ERROR(-20000,'Duplicate value found');
    END IF;
    END;
    INSERT INTO mutate_test (id,value) VALUES (1,'CLIFF');
    INSERT INTO mutate_test (id,value) VALUES (2,'SULA');
    COMMIT;
    SELECT * FROM mutate_test;
    -- Should fail as row 1 already has a value of CLIFF
    INSERT INTO mutate_test (id,value) VALUES (3,'CLIFF');
    COMMIT;
    SELECT * FROM mutate_test;
    -- Should fail as row 1 is already set to CLIFF
    UPDATE mutate_test SET value = 'CLIFF' WHERE id = 2;
    COMMIT;
    SELECT * FROM mutate_test;
    UPDATE mutate_test SET value = 'CLIFFORD' WHERE id = 1;
    COMMIT;
    SELECT * FROM mutate_test;
    INSERT INTO mutate_test (id,value) VALUES (3,'RONNY');
    INSERT INTO mutate_test (id,value) VALUES (4,'TIM');
    INSERT INTO mutate_test (id,value) VALUES (5,'MONIQUE');
    COMMIT;
    SELECT * FROM mutate_test;
    -- Wanted result would be row 1 would be updated from CLIFFORD to CLIFF
    -- and the others raise errors, or all of them raise errors.
    UPDATE mutate_test SET value = 'CLIFF' WHERE id IN (1,3,4);
    COMMIT;
    SELECT * FROM mutate_test;

    This is all from a University application that deals with eLearning.
    Shell = Mapping from the system to an external eLearning application, ie: unique id of the Blackboard course shell, or WebBoard board.
    Term = Academic term
    Sector = University sector, ie: Higher Education, TAFE, etc..
    Resource = eLearning tool, ie: Blackboard, WebBoard, etc..
    Resource Level = Whether the resource is being offered at a Course or Program level
    Resource Mapping = Association of a resource to shell
    What we are trying to achieve is that shells cannot be used across sector boundaries.
    The real table structure is (grossly simplified again)
    CREATE TABLE sector (sector_pk INTEGER PRIMARY KEY);
    CREATE TABLE sector_pattern (sector_pk INTEGER REFERENCES sector(sector_pk), pattern CHAR(2) NOT NULL UNIQUE CHECK (pattern = UPPER(pattern)));
    CREATE TABLE term (term_pk INTEGER PRIMARY KEY, term CHAR(4) NOT NULL UNIQUE CHECK (term = UPPER(term)));
    CREATE TABLE resource_level (resource_level_pk INTEGER PRIMARY KEY, term_pk INTEGER REFERENCES term(term_pk));
    CREATE TABLE shell_detail (shell_detail_pk INTEGER PRIMARY KEY);
    CREATE TABLE resource_mapping (resource_mapping INTEGER PRIMARY KEY, resource_level_pk INTEGER REFERENCES resource_level(resource_level_pk), shell_detail_pk INTEGER REFERENCES shell_detail(shell_detail_pk));
    Based on the Ask Tom article linked I'd liked to use a MATERIALIZED VIEW on the following query
    SELECT DISTINCT rm.shell_detail_pk,sp.sector_pk
    FROM resource_mapping rm, resource_level rl, term t, sector_pattern sp
    WHERE rm.resource_level_pk = rl.resource_level_pk
    AND rl.term_pk = t.term_pk
    AND SUBSTR(t.term,3,2) = sp.pattern;
    Then apply a UNIQUE constraint on that VIEW.
    But I'm receiving a
    SQL Error: ORA-12054: cannot set the ON COMMIT refresh attribute for the materialized view
    I'm not sure how to create the MATERIALIZED VIEW LOG entries for the above VIEW.
    Any ideas anyone? ;)
    Need to do some more reading and research but as Tom says
    "I'm asking around about the future of "SQL" as far as enhancments go like that
    (will update when I get some feedback), but -- you are not limited to triggers
    (in fact, I would avoid triggers as it is virtually IMPOSSIBLE to implement
    cross row/cross object constraints with them!!!! at least correctly)"
    So I think i'll give up on the TRIGGER approach as it doesn't meet our requirements.

  • Creating CSS Tables?

    Does DW CS5 write code to create CSS tables (I think that is what they are called?) thinly lined CSS containers similar to HTML tables.
    Thanks.

    media kat wrote:
    While minimizing having to use any code, where do I go to start developing a CSS based table layout?
    That is akin to saying "while minimizing the use of a knife, how do I carve my thanksgiving day turkey".
    You can use some of dreamweavers built in dialog boxes, but frankly, if your going to take the time to learn something, you might as well go right to the source.
    There are plenty of tutorials out there for begining CSS, it should get you on the right path.
    Gary

  • Mutating table problem help required

    Hi. I am rather hoping someone will be able to help me with this problem.
    I have two tables, sa and mv. Create script below:
    create table mv (
    moduleId Char(2) CONSTRAINT ck_moduleId CHECK(moduleId in ('M1', 'M2', 'M3', 'M4', 'M5', 'M6', 'M7', 'M8')),
    credits Number(2) CONSTRAINT ck_credits CHECK(credits in (10, 20, 40)),
    constraint pk_mv primary key(moduleId)
    create table sa (
    stuId Char(2) CONSTRAINT ck_stuId CHECK(stuId in ('S1', 'S2', 'S3', 'S4', 'S5')),
    moduleId Char(2),
    constraint pk_sa primary key(stuId, moduleId),
    constraint fk_moduleid foreign key(moduleId) references mv(moduleId)
    And the scripts below is to insert data into both:
    insert into mv VALUES('M1', 20)
    insert into mv VALUES('M2', 20)
    insert into mv VALUES('M3', 20)
    insert into mv VALUES('M4', 20)
    insert into mv VALUES('M5', 40)
    insert into mv VALUES('M6', 10)
    insert into mv VALUES('M7', 10)
    insert into mv VALUES('M8', 20)
    insert into sa VALUES('S1', 'M1')
    insert into sa VALUES('S1', 'M2')
    insert into sa VALUES('S1', 'M3')
    insert into sa VALUES('S2', 'M2')
    insert into sa VALUES('S2', 'M4')
    insert into sa VALUES('S2', 'M5')
    insert into sa VALUES('S3', 'M1')
    insert into sa VALUES('S3', 'M6')
    Now for the actual problems.
    Firstly I need to try and overcome the mutating table problem by ensure that stuid = S1 in table sa can not take both moduleId M5 and M6.
    Just one or the other. I have created a single trigger, but if fails because of the mutating table problem.
    The second problem I need to overcome is that none of the stuids can have moduleIds where total credit value of more than 120 credits. Credit value is stored in the mv table.
    Many thanks in advance for any assistance.

    Use a statement level trigger:
    Firstly I need to try and overcome the mutating table problem by ensure that stuid = S1 in table sa can not take both moduleId M5 and M6.
    SQL> create or replace trigger sa_trg
      2  after insert or update on sa
      3  declare
      4  c number;
      5  begin
      6    select count(distinct moduleId) into c
      7    from sa
      8    where stuid = 'S1'
      9    and moduleId in ('M5','M6');
    10    if c > 1 then
    11       raise_application_error(-20001,'S1 on both M5 and M6!!');
    12    end if;
    13  end;
    14  /
    Trigger created.
    SQL> select * from sa;
    ST MO
    S1 M1
    S1 M2
    S1 M3
    S2 M2
    S2 M4
    S2 M5
    S3 M1
    S3 M6
    8 rows selected.
    SQL> insert into sa values ('S1','M5');
    1 row created.
    SQL> insert into sa values ('S1','M6');
    insert into sa values ('S1','M6')
    ERROR at line 1:
    ORA-20001: S1 on both M5 and M6!!
    ORA-06512: at "SCOTT.SA_TRG", line 9
    ORA-04088: error during execution of trigger 'SCOTT.SA_TRG'
    The second problem I need to overcome is that none of the stuids can have moduleIds where total credit value of more than 120 credits. Credit value is stored in the mv table
    SQL> create or replace trigger sa_trg
      2  after insert or update on sa
      3  declare
      4  c number;
      5  begin
      6    select count(distinct moduleId) into c
      7    from sa
      8    where stuid = 'S1'
      9    and moduleId in ('M5','M6');
    10    if c > 1 then
    11       raise_application_error(-20001,'S1 on both M5 and M6!!');
    12    end if;
    13 
    14    select count(*) into c from (
    15    select stuid
    16    from mv, sa
    17    where sa.moduleid=mv.moduleid
    18    group by stuid
    19    having sum(credits)>120);
    20 
    21    if c > 0 then
    22       raise_application_error(-20002,'A student cannot have more than 120 credits!!');
    23    end if;
    24 
    25  end;
    26  /
    Trigger created.
    SQL>   select stuid, sum(credits)
      2  from mv, sa
      3  where sa.moduleid=mv.moduleid
      4  group by stuid;
    ST SUM(CREDITS)
    S3           30
    S2           80
    S1          100
    SQL> insert into sa
      2  values ('S1','M4');
    1 row created.
    SQL>   select stuid, sum(credits)
      2  from mv, sa
      3  where sa.moduleid=mv.moduleid
      4  group by stuid;
    ST SUM(CREDITS)
    S3           30
    S2           80
    S1          120
    SQL> insert into sa
      2  values ('S1','M7');
    insert into sa
    ERROR at line 1:
    ORA-20002: A student cannot have more than 120 credits!!
    ORA-06512: at "SCOTT.SA_TRG", line 20
    ORA-04088: error during execution of trigger 'SCOTT.SA_TRG'Max
    http://oracleitalia.wordpress.com

  • Css layout problems - css and tables

    Hi guys,
    Well as some of you suggested months ago, I've been trying to
    learn to layout with CSS... It's actually getting a bit rewarding
    now as I start to figure a few things out but there's still plenty
    of questions!!!
    If anyone can take a look at what I'm working on at the
    moment and give me some help I'd REALLY REALLY appreciate it!!
    My main trouble (I think) is working with a drop-down menu
    system that I found on the web and I'm dying to use it because it's
    perfect for this design. It's layed out using a table so I'm trying
    to incorporate that...
    Click
    [url=http://home.iprimus.com.au/jediwdog/ltc/mockup2.jpg]here[/url]
    for a picture of what i'm trying to get this page to look like and
    [url=http://home.iprimus.com.au/jediwdog/ltc/example1.html]here[/url]
    to see how far I've got. You can download the stylesheet from
    [url=http://home.iprimus.com.au/jediwdog/ltc/example1.css]here[/url].
    Here's what I need to know:
    1. I'm trying to push the table down so it looks better lined
    up with the logo but when I tell it to be further from the top, it
    doesn't seem to move. Any ideas on why?
    2. As you can see, I've inserted some blank space into the
    middle of the menu so that the logo doesn't cover any of the menu
    items. I can't seem to get the same 1px black border on this
    section.
    I assume this is because the border on the other parts is a
    layer/div border? Will I have to somehow put a div in there so as
    to create the same border effect?
    3. I'd really like to keep the header and footer visible at
    all times, even if there's lots of content to scroll through. I
    found this:
    http://www.cssplay.co.uk/layouts/basics2.html#Top
    but when I tried to implement this on my page, it all went haywire!
    Is this going to be a possibility?
    4. I guess other than that, have I completely stuffed this
    up!? I don't think I have but it's worth asking I guess!
    THANKS IN ADVANCE! I'm really loving using css layout rather
    than tables - it's soooo much more versatile. I just need to get
    past some obstacles I think!
    Cheers
    Neil

    On Wed, 24 Jan 2007 22:17:20 +0000 (UTC), "Barb S."
    <[email protected]> wrote:
    >Ok, I made your suggested changes and have this:
    >
    > body {
    > font-family: Georgia, "Times New Roman", Times, serif;
    > text-align: center;
    > font-size: 1em;
    > font-style: normal;
    > text-decoration: none;
    > top: 15px;
    > background-image:
    url(/images/backgrounds/background1.gif);
    > padding-top: 15px;
    >>>> width: 70%;
    <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<
    > }
    >
    > #body {
    > margin: 0 auto;
    > text-align:left;
    > width: 760px;
    > padding-right: 20px;
    > padding-bottom: 20px;
    > padding-left: 20px;
    > background-color: #FFFFCC;
    > padding-top: 20px;
    > font-family: Georgia, "Times New Roman", Times, serif;
    > font-size: 1em;
    > color: #003366;
    >
    > }
    >
    >
    http://www.japanesetemari.com
    >
    > The page is on the left size of the screen and the
    yellow box does not expand
    >out. Not exactly what I'd wanted. I like to take
    advantage of larger screens
    >and have the page expand out but not so far out so the
    lines of text are real
    >long.
    > Barb
    It's this in the body style that is limiting the width -
    change that
    to 100%
    >>>> width: 70%;
    <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<
    > }
    ~Malcolm N....
    ~

  • Is this Cf or CSS causing problem?

    I am on the home stretch on this job. I have this one irritating problem and I am not sure if the prob is being caused by a <cfinput> tag or a style sheet
    problem. Maybe someone out there can help identify what's happening. My guess is that it is in the CSS, but pulling my hair out to find it.
    You will have to go to this page: http://www.renobowls.com/leagues/leagueRegSelect.cfm and click on "Individual Reg" button.
    Look at the radio buttons underneath "Step One: Individual Registration"
    I cannot get these suckers to line up in a single line. Here is the code:
    <div class="box2">
    <table>
    <tr>
    <td width="100%">
        Are you a returning Reno Bowls league player?
      </td>
      <td width="50%">
      <strong>NO</strong> <cfinput type="radio" class="fleft" name="priorRBLeague" value="No" checked="no">
      </td>
      <td>
        <strong>YES</strong><cfinput class="fleft" type="radio" name="priorRBLeague" value="Yes" checked="Yes">
      </td>
    </tr>
    </table>
    </div>
    Here is the CSS:
    /*box2*/
    .box2{ background:#e8e8e7; width:100%;}
    .box2 .indent-box-1{ padding:35px 0 0 0; }
    Inherited CSS: (going backwards)
    div.container { overflow:hidden; width: 100%}
    then:
    /*box*/
    .box{ background:#fdfdfd; width:100%;}
    .box .border-top {background:url(images/border_top.gif) repeat-x top;}
    .box .border-bottom {background:url(images/border_bottom.gif) repeat-x bottom;}
    .box .border-left {background:url(images/border_left.gif) repeat-y left;}
    .box .border-right {background:url(images/border_right.gif) repeat-y right;}
    .box .corner-top-left {background:url(images/corner_top_left.gif) no-repeat left top;}
    .box .corner-top-right {background:url(images/corner_top_right.gif) no-repeat right top;}
    .box .corner-bottom-left {background:url(images/corner_bottom_left.gif) no-repeat left bottom;}
    .box .corner-bottom-right {background:url(images/corner_bottom_right.gif) no-repeat right bottom; width:100%; }
    .box .indent-box{ padding:35px 35px 17px 35px; }
    then:
    /*T-Reg*/
    #tReg { font-size:0.75em; width:100%; text-align:left;}
    #tReg .indent-main{padding:0 67px 0 67px}
    #tReg .title{ background:url(images/bg_title.gif) repeat-x top; text-align:center}
    #tReg .title h2{ margin-bottom:5px}
    #tReg .img-left{ float:left; margin:0 20px 16px 0}
    #tReg .img-left1{ float:left; margin:0 20px 0 0}
    #tReg .img-indent{ margin:0 0 16px 0}
    #tReg .img-indent1{ margin:0 12px 6px 0}
    #tReg p{ margin:0 0 17px 0}
    #tReg .p{ margin:0}
    #tReg .p1{ margin:0 0 17px 0; width:100%}
    #tReg .p2{ margin:0 0 7px 0}
    #tReg h4{color:#6d6d6d; font-size:1em; }
    #tReg h5{color:#2a88d8; font-size:.916em; text-transform:uppercase; margin-bottom:5px }
    #tReg h2{color:#3b3e40; font-size:1.66em; text-transform:uppercase; margin-bottom:15px; line-height:1.2em }
    #tReg .h2{color:#0f2f55; font-size:1.66em; text-transform:uppercase; margin-bottom:5px }
    #tReg .h2 span{color:#1e5597; text-transform:none; font-weight:normal}
    #tReg .tail{ background:url(images/tail.gif) repeat-x bottom; padding-bottom:17px; margin-bottom:17px}
    #tReg ul{margin:0; padding:0; list-style:none;}
    #tReg ul li{background:url(images/marker.gif) center left no-repeat; background-position:1 1px; margin:0; padding-left:18px; }
    #tReg ul li a{color:#6d6d6d; text-decoration:none ; line-height:2em; font-weight:bold}
    #tReg ul li a:hover { text-decoration:underline; }
    #tReg .indent{padding:28px 0 0 0}
    #tReg .indent-1{padding:0 0 0 128px}
    .txt1{ color:#6d6d6d; font-weight:bold}
    .txt2{ color:#b72723; font-weight:bold}
    finally:
    body {font-size:100%; line-height:1em; background:url(images/bg.gif) repeat-x #03162a; position:relative;}

    try this:
    <div class="box2">
    <table>
    <tr>
      <td width="100%">
        <table style="width:100%">
          <tr> 
            <td><nobr>Are you a returning Reno Bowls league player?</nobr></td>
            <td><strong>NO</strong></td>
            <td><cfinput type="radio" class="fleft" name="priorRBLeague" value="No" checked="no"></td>
            <td><strong>YES</strong><cfinput class="fleft" type="radio" name="priorRBLeague" value="Yes" checked="Yes"></td>
         </tr>
        </table>
      </td>
    </tr>
    </table>
    </div>

  • Css template problems

    I am working on re-doing pages on a site so the content is centered and fixed width using css. Previously used tables. I am having some problems with the display. The background for the left menu does not show except behind the menu. The container that holds the menu doesn't seem to go all the way to the bottom and thus is shifting the other containers at the bottom to the left. The main container does not seem to extend to the bottom either you can see where the background color stops. I have set the html/body to min 100%. Also in IE for windows, there is no margin between the slideshow and the left menu, Firefox there is a margin. You can view the page at http://www.cheyennecampingcenter.com/templatetest2.html .
    I hope this makes some sense? I was up all night and I am on my way out now, just don't have much time to explain further right now. I am learning CSS, but obviously I have more to learn. Any help would be much appreciated!
    Thanks,
    Steve

    Okay, I'm still having trouble with the two background images, the bar on the left and the bar at top. In have remade the template and it displays fine when I create a page as shown here http://www.cheyennecampingcenter.com/template_test_FINAL1.html . When I reapply the template, the quote marks in the css definition of the "container" and "top_bar" are gone as well as the backgrounds as shown here http://www.cheyennecampingcenter.com/template_test_FINAL.html . The quote marks are still there in the template, but are lost when I reapply the template? Here is a sample of the css:
    #top_bar { background-image: url('images new/header_bkgnd.jpg'); margin-right: auto; margin-left: 110px; width: 815px; height: 100px; }
    #top_bar { background-image: url(images new/header_bkgnd.jpg); margin-right: auto; margin-left: 110px; width: 815px; height: 100px; }
    I have tried a few things, but it only seems to happen in the "headlocked" part of the code. One other strange thing, if I take the html file that does not have the backgrounds and duplicate it in the site window, the quote marks and backgrounds come back. If I reapply the template to the duplicated file, they disappear again? Any Ideas?
    Thanks again!

  • Css 'nth' problem

    hello
    i am having a little bit of a problem with css nth.
    this is my css code,
    table#companylist tr:nth-child(odd) {
    background-color:#999;
    table#companylist tr:nth-child(even) {
    background-color:#0F9;
    this works fine, but i have now wrapped the table row with an '<a href='#'></a>, and have now lost the formatting.
    i have tried
    table#companylist tr:nth-child(odd) a {
    background-color:#999;
    table#companylist tr:nth-child(even) a {
    background-color:#0F9;
    as well as table#companylist a tr:nth-child(odd) etc, table#companylist a tr:nth-child(even) etc, but no joy.
    any ideas anyone?

    thanks for that john, but it's still not quite working.
    i have saved and uploaded the js query, and linked it to the page with <script language="javascript" type="text/javascript" src="../scripts/tablerowclickable.js"></script>
    this is the script code:
    $(document).ready(function() {
        $('#companylist tr').click(function() {
            var href = $(this).find("a").attr("href");
            if(href) {
                window.location = href;
    my html: (from a php include)
    print("
    <table id='companylist'>
    <tr><th>Company</th><th>Address</th><th>Area</th></tr>");
    while ($db_field = mysql_fetch_assoc($result))
    print("<tr><td><a href='http://www.thesun.co.uk' >".$db_field['company']."</a></td><td>".$db_field['add1']."<br>".$db_field['add2']."<br>" .$db_field['add3']."</td><td>".$db_field['towncity']."</td></tr>");
    print("</table>");
    what am i missing?

  • IE Table Problem

    I have a sliced image in 2 ajoining cells in a table that looks fine in Firefox & Safari but does not in IE 6 or 7.
    I have the table's border, cell spacing and cell padding all set to 0.
    www.eabnet.com/hilton
    Thanks
    Ernie

    There are a few good books out by www.sitepoint.comthat teach how to use css in simple terms. 
    Do they teach using absolutely positioned divs in all their books - I doubt it.  I'm a regular over at Sitepoint and not many there advocate the use of AP divs as the first method of constructing a page.
    If you've been using them for many years and have had no cross browser problems, then you've probably avoided the pitfalls as explained in that article I pointed to - so good on you  ;-)
    A newbie would be in over their heads using AP divs from the get go - if you've been around the DW forum for as long as I have, you'd realise the number of questions arising from people using  AP divs (layers in the old days)  and wondering why their pages are breaking  :-0
    The original poster wanted their page fixed, I told them how to do it in the way the page was originally constructed.  You could actually redo that page without having to resort to using absolutely positioned divs anyway  :-)
    Here's a few Adobe articles on getting started with CSS layouts - geared towards the Dreamweaver user:
    http://www.macromedia.com/devnet/dreamweaver/articles/tableless_layout_dw8.html
    http://www.macromedia.com/devnet/dreamweaver/articles/css_concepts.html

  • IE9 table problem

    Hi,
    I have a problem getting  tables properly displayed in IE9. The table is in the restaurant menu.
    The site works ok on all browsers except IE9 and FireFox4 on the Mac. http://www.topbl1.spiderswebcreation.com
    All tips are very much appreciated!
    David

    Works fine in all browsers.
    Looks like the issue with wrapping in the menu is due to the fact that different browsers need different quantities of leader dots between the menu item and the price.
    Rather than typing dots and trying to get this perfect in each browser (and driving yourself nuts), delete all the typed dots and try a small background image via CSS for the dots.
    http://www.catchmyfame.com/2007/06/02/leader-dots-with-css/
    .dots {
    background:url('dot.gif') repeat-x bottom;
    URL for dot: http://www.catchmyfame.com/images/dot.gif
    <td class="h3_menu dots">

  • Weird CSS + Browser Problem

    Here is my code : <h:dataTable id = "brandTable"
    var="brand" value="#{statisticsController.breakdownForBrand}"
    width="500"
    headerClass="headers"
    columnClasses="statsColMain"
    rowClasses="rows"
    style="display:none;">
                             <h:column>
                                  <f:facet name = "header">
                                       <h:outputText value="Brand" />
                                  </f:facet>     
                                  <h:outputText value = "#{brand.attributeValue}" />
                             </h:column>
                             <h:column>
                                  <f:facet name = "header">
                                       <h:outputText value="All Searches" />
                                  </f:facet>                         
                                  <h:outputText value = "#{brand.allSearches}" />
                             </h:column>
                                       <h:column>
                                  <f:facet name = "header">
                                       <h:outputText value="Unique Searches" />
                                  </f:facet>                         
                                  <h:outputText value = "#{brand.uniqueSearches}" />
                             </h:column>
                        </h:dataTable>Here is the css:
    .headers{
    text-align: center;
    font-style: italic;
    background: #90BAE2;
    white-space: no-wrap;
    .rows{
    white-space: no-wrap;
    text-align: center;
    .statsColMain{
    width: 100px;
    text-align: center;
    My problem is whenever I use IE my data table is not using any css, but when I used Firefox everything is OK. Take note that it is only in the data table that I'm having problems (using IE) with regard to css, other parts of the screen are working ok vis a vis with css even when using IE. What seems to be the problem?

    Everytime when you change the CSS, and if the browser caching is enabled, then do a hard reload to get the changes reflected. A hard reload in IE, FF and Opera can be done with CTRL+F5.

  • CSS table override for mobile?

    Hi folks,
    I don't control the  search results in this BC site. It lays out the images in a table. 
    Is there any way to collapse tables , rows and cells in CSS to make  a table just display items one on top of another?
    http://joden.businesscatalyst.com/catalog-search
    This problem  is only visible in mobile, which is using a different template.

    Thanks Alex.    The problem is only visible in phone views, but looks fine on larger monitors. While I have phone layouts in templates, I can't change either catalogs or search results only for the modules unless I create entirely separate pages....  so I'm looking for a CSS solution I think to modify only the phone layout.   What is odd is that on the home page, e.g., the new items layout automatically drops images into a single column...

  • Terrible CSS Table

    I am creating one of my first tableless web sites using CSS.
    Wouldn't you know, there is a need for a data table on one of the
    pages and of all times for a table to give me trouble, it's with a
    tableless web page located at the bottom of this page:
    http://www.webmarketingstudio.com/enaid/pool_tour.html
    The CSS is located at
    http://www.webmarketingstudio.com/enaid/css/costa.css
    The table appears to have padding around the contents of each
    cell but it isn't set up that way. It needs to have the border. Can
    anyone tell me how to get rid of all the space around the data in
    each cell?
    I should also mention that I'm using Mac OS 10.4 and I've
    viewed this page in Safari, Netscape, Opera, IE, and FireFox. The
    problem with the table is consistent.
    But there is another anomally with Safari: It will not wrap
    the text around the Flash movies. All of the other browsers
    position text to wrap around the movie. Is there a way to get
    Safari to the same as it does for photos?
    Thanks so much!

    On Thu, 8 Jun 2006 03:16:18 +0000 (UTC), "SweetEngineer"
    <[email protected]> wrote:
    > The</a> table appears to have padding around the
    contents of each cell but it
    >isn't set up that way. It needs to have the border. Can
    anyone tell me how to
    >get rid of all the space around the data in each cell?
    It isn't padding in the table. It's padding on the <h6>
    and <p> tags
    inside the table. Add this at the *bottom* of your style
    sheet:
    td p, td h6{margin:0;padding:0;}
    Gary

  • JEditorPane, CSS, HTML problem

    Hi,
    I am using setEditorKit(new HTMLEditorKit()) with a JEditorPane to render / display a HTML file. The HTML has a stylesheet with it.
    The HTML file has a table in it. When I try to use the CSS values of
    TABLE.black-border { border-width:1px;
                         border-color:black;
                         border-collapse: collapse;
    tr.bb-test { border-width:1px;
                 border-color:black;
                 border-style:solid;
                 border-collapse: collapse;
    td.bb-medium { border-collapse: collapse;
                   border-width:1px;
                   border-color:black;
    <TABLE class=black-border WIDTH=100%>
    <TR>
    <TD class=bb-medium WIDTH=10%>TEST</TD>
    <TD class=bb-medium WIDTH=25%>TEST Number</TD>
    <TD class=bb-medium WIDTH=55%>POLICY Range</TD>
    <TD class=bb-medium WIDTH=10%>DEST DATE</TD>
    </TR>
    <TR class=bb-test>
    <TD class=bb-medium COLSPAN=4>item 1</TD>
    </TR>
    <TR class=bb-test>
    <TD class=bb-medium COLSPAN=4>item 2</TD>
    </TR>
    </TABLE>No matter what I set the border-width to (1, 10, 100), it always comes out as a thick border (same size). But in a web browser, 1, 10 or 100px border looks correct.
    When I try to set the individual borders (i.e. border-top-width ), the JEditorPane shows no border at all (as if it is invalid keyword).
    Does anybody know what the problem is? Any help would be appreciated.
    Thanks
    Roger...

    Better use JTextPane ,where it supports CSS to some extends.
    (I have used in my case for rendering font size and font face).Try to
    use external stylesheet instead of internal ones. Here I paste some part of the code.
              kit = new HTMLEditorKit();//kit s ur HTMLEditorKit
              doc = (HTMLDocument) (kit.createDefaultDocument());
              this.setEditorKit(kit);//'this' is ur JTextPane object
              this.setDocument(doc);
              this.setContentType("text/html");
              css = kit.getStyleSheet();//css s the StyleSheet object
              css.addRule("body {align : left }");//replace this part by ur CSS attributes for Table rendering
              css.addRule("body {font-size : 14pt; }");
              css.addRule("body {font-family : Sans Serif; }");
              css.addRule("div {margin-top: -20pt; }");
              css.addRule("div {margin-bottom: -20pt; }");Let me know weather this works out.

Maybe you are looking for

  • HP Officejet Pro 8600 Premium e-All-in-One - N911n cartridge errors

    Please help! I have an Officejet Pro 8600 all in one that is just over a year old, just out of warrenty... We don't use it much and so just had to change the ink cartridges for the first time. Once they were changed out, the printer gave me the warni

  • How can I rearrange the pictures in albums

    How do I rearrange pics in IPad galleries, I can do it on an IMac, but cannot on an IPad Thanks

  • 1.5GHz Fan Question

    I have replaced a 1GHZ 12" PB with the last 1.5GHz model, both running Tiger. Definitely cooler, but seemingly due to a lot more fan operation. It's sometimes hard to tell because of HD noise, but it definitely kicks in pretty often, even unplugged.

  • How Scroll Table control in BDC (TCode =  SR11)

    Hi Gurus, I'm trying to insert lines in a table control via batch. Unfortunately I must be able to insert more lines than the table control can show (4 lines at the same time). I am not able to get the good OkCode trough SHDB. I tried to add a line v

  • Benefits overview : Adding Benefits general links

    Dear guru's,   I am implementing ESS/MSS portal(EP 7.0) on 2004s platform with ECC 6.0. In the benefits overview iView, I would like to add 2 URL's for the employees to refer for healthcare. Can you please tell me if I need to modify the DC to add th