CSS inheritance problem

Hi all, I have a CSS problem. Consider the following markup:
<p class="bigText">
some big text
<span>some more text</span>
</p>
and the following css:
.bigText{
font-size:50px;
Ok. Now, I want the text inside the span, to be styled just
like normal text on the page, that is,
to inherit the font size declared in the body:
body{
font-size:??px;
The catch is that I do not know what the text size of the
body is (that's customizable by the user).
I just want the span inside the .bigText p to be the same
size than what the body says, whatever it
says...
Is that possible?
seb ( [email protected])
http://webtrans1.com | high-end web
design
An Ingenious WebSite Builder:
http://sitelander.com

DUH! "right" = "write"
Walt
"Walt F. Schaefer" <[email protected]> wrote in
message
news:f8ltil$f6c$[email protected]..
> Could you right your HTML this way:
>
> <p><span class="bigText">
> some big text</span>
> some more text
> </p>
>
> I think that does what you want and it seems (to me)
simpler.
>
> --
>
> Walt
>
>
> "(_seb_)" <[email protected]> wrote in message
> news:f8lsd9$dus$[email protected]..
>> Hi all, I have a CSS problem. Consider the following
markup:
>>
>> <p class="bigText">
>> some big text
>> <span>some more text</span>
>> </p>
>>
>> and the following css:
>>
>> .bigText{
>> font-size:50px;
>> }
>>
>> Ok. Now, I want the text inside the span, to be
styled just like normal
>> text on the page, that is, to inherit the font size
declared in the body:
>>
>> body{
>> font-size:??px;
>> }
>>
>>
>> The catch is that I do not know what the text size
of the body is (that's
>> customizable by the user).
>> I just want the span inside the .bigText p to be the
same size than what
>> the body says, whatever it says...
>>
>> Is that possible?
>>
>>
>>
>> --
>> seb ( [email protected])
>>
http://webtrans1.com | high-end web
design
>>
>> An Ingenious WebSite Builder:
http://sitelander.com
>
>

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">

</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>
        
      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

Multiple Inheritance problem persists in Interfaces

Hi,
I tentatively made a program and found that multiple inheritance problem of C++ persists even with interfaces. Although this is definetely a special case but I want to know what is this problem known as( i know that this is perhaps known as diamond problem in C++). And is there a way out of this thing.
interface one
     int i=10;
interface two
     int i=20;
interface z extends one,two
public class xyz implements z
     public static void main(String [] a)
     System.out.println(i);
}O/P
D:\Education\Java\JavaStudyRoom\Applets>javac xyz.java
xyz.java:16: reference to i is ambiguous, both variable i in one and variable i
in two match
System.out.println(i);
*^*
*1 error*
Thanks for replying

suvojit168 wrote:
I tentatively made a program and found that multiple inheritance problem of C++ persists even with interfaces. Although this is definetely a special case but I want to know what is this problem known as( i know that this is perhaps known as diamond problem in C++). And is there a way out of this thing. This is not the so called diamond inheritance problem. What you have here is an ordinary name clash. And as has been noted you can resolve it by qualifying which constant you're referring to, like
System.out.println(one.i);
For the diamond inheritance problem to apply both the one and the two interfaces would need to inherit a common ancestor (that's how the diamond is formed). Furthermore the common anscestor would need to carry implementation which would then be inherited two ways, once via one and once via two. This is the diamond inheritance problem Java is avoiding by allowing single inheritance of implementation only.
P.S. My previous post was posted my mistake.

CSS INHERITED TAG ERROR

I am having an line through my css item and it is telling me that I have a css inherited tag error. I don't know what that means.
I am not sure why espically because all I am doing is changing the image from one to another but when I try to relink the image it goes to a blank page and doesn't display the new image.
I will post my css and my html code but also the url to the site is www.unicornforwriters.com ( the template I am referring to access' the services tab)
any help would be appreciated.
thank you
CSS
@charset "utf-8";
.Containter {
    height: auto;
    width: 1000px;
    margin: 0 auto;
    background-image: url(../images/New_backgroud_servicespage.tif);
.Containter #Header {
    background-image: url(../images/Page1/logo.jpg);
    background-repeat: no-repeat;
    position: relative;
    height: 82px;
    width: 1000px;
#Main_content {
    font-family: Verdana, Geneva, sans-serif;
    background-image: url(../images/New_backgroud_servicespage.tif);
    background-repeat: no-repeat;
    height: 750px;
    width: 1000px;
#Menu_horizontal {
    width: 1000px;
    background-image: url(../images/menubar_background%20Image.png);
    background-repeat: no-repeat;
#left_maincontent {
    float: left;
    height: 620px;
    width: 430px;
    margin-top: 80px;
    margin-right: 5px;
    margin-bottom: 10px;
    margin-left: 80px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
#right_maincontent {
    float: right;
    height: 620px;
    width: 430px;
    margin-top: 80px;
    margin-right: 50px;
    margin-bottom: 10px;
    margin-left: 0px;
    font-size: 12px;
    font-family: Arial, Helvetica, sans-serif;
    color: #000;
    text-align: center;
#left_image_wrap{
    margin: 20px;
    }.Containter #Main_content #right_maincontent p_header {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 18px;
    text-align: center;
    vertical-align: middle;
.rightmain_header {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 24px;
    text-align: center;
HTML
<!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>Untitled Document</title>

<link href="../css/CSS_Main.css" rel="stylesheet" type="text/css" />




<style type="text/css">
#forwardright {
    position:absolute;
    left:976px;
    top:789px;
    width:55px;
    height:59px;
    z-index:1000;
    background-image: url(../images/unicorn_page_right.jpg);
    background-repeat:no-repeat;
#forwardleft {
    position:absolute;
    left:36px;
    top:793px;
    width:50px;
    height:56px;
    z-index:1001;
    background-image: url(../images/unicorn_page_left.jpg);
    background-repeat:no-repeat;
</style>
<link href="../css/MenubarCSS.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="forwardright"></div>
<div id="forwardleft"></div>
<div class="Containter">
<div id="Header"></div>
<div id="Menu_horizontal">

<ul id="css3menu1" class="topmenu">
    <li class="topfirst"><a href="../Pages/Home.htm" style="height:18px;line-height:18px;">Home</a></li>
    <li class="topmenu"><a href="../Pages/About_us.html" style="height:18px;line-height:18px;">About</a></li>
    <li class="topmenu"><a href="../Pages/Services_main.html" style="height:18px;line-height:18px;">Services</a></li>
    <li class="topmenu"><a href="../Pages/Fee_Sheet.html" style="height:18px;line-height:18px;">Fees</a></li>
    <li class="topmenu"><a href="../Pages/Events.html" style="height:18px;line-height:18px;">Events</a></li>
    <li class="topmenu"><a href="../Pages/Resources.html" style="height:18px;line-height:18px;">Resources</a></li>
    <li class="topmenu"><a href="http://www.unicornwritersconference.com/" style="height:18px;line-height:18px;">Conference</a></li>
    <li class="topmenu"><a href="http://www.jankardys.com/BlackHawk_Literary_Agency.html" style="height:18px;line-height:18px;">Literary Agency</a></li>
    <li class="toplast"><a href="../Pages/Contact_us.html" style="height:18px;line-height:18px;">Contact</a></li>
    <li class="toplast"><a href="#" style="height:18px;line-height:18px;">Links</a></li>
</ul>
<p style="display:none"><a href="http://css3menu.com/">Horizontal Menu Using CSS Css3Menu.com</a></p>

</div>
<div id="Main_content">

<div id="left_maincontent">
    <div id="left_image_wrap" align="center"><img alt="" name="Left_page_image" width="400" height="32" align="middle" id="Left_page_image_wrap" style="background-color: #00FF66" /></div>
</div>


<div id="right_maincontent">
<div class="rightmain_header">
<p>google</p>
</div>
<p>main paragraph content</p>
<p> </p>
<div id="right_maincontent2"></br>
<a href="../Fee_Sheet.html">See Price List. </a></div>
<p> </p>
</div>
</div>
<div></div>
<div id="Footer" style="font-size: 9px">This site was built by Techno Mage LLC.</div>
</div>
</body>
</html>

I don't understand your question at all. You are talking about template but the link you have posted doesn't seem to be from a tempalte.
However, when I go to your site, I get this image:
Now ehen I click on the image I get this page:
I then click on the Services tab, I get this:
Now explain what image should be on this page? Why do you say you get a blank page?
You need to explain your question again and provide which image isn't loading!! Post that image on these forums. You will need to login to these forums to post your image otherwise it won't come at all. It will be blank!!!!! if this is what you mean!

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>

EJB 3.0 Inheritance problem

I have to persist classes Cat, BullDog and StBernard:
class Animal {
private int animalId;
private String name;
private String dtype;
class Dog extends Animal {
private int dogId;
private String furColor;
class BullDog extends Dog {
private int bullDogId;
private int fightCount;
class StBernard extends Dog {
private int stbernardId;
private int livesSaved;
class Cat extends Animal {
private int catId;
private String preferredCatFood;
}Planned inheritance strategy is joined table strategy. There is no problem mapping and persisting Cat and Dog tables into database, but I cannot find a way how to annotate StBernard and BullDog classes to persist them. Is it possible at all?

do you know any official doc or reference where I can find statement, that such inheritance is not possible? i.e. only one level inheritance is allowed in JPA? Will check @SecondaryTable to see if it is helpful or not.
@SecondaryTable This annotation is used to specify a secondary table for the annotated entity class. Specifying one or more secondary tables indicates that the data for the entity class is stored across multiple tables.@SecondaryTable is not for me :(
Edited by: marekst on Feb 7, 2008 6:36 AM

CSS Layout problems

I should start this by saying I am very new to CSS layouts,
and am self taught, so I'm probably doing something very wrong. So
far I've stuck to really simple layouts and had no problems...but
they were very simple layouts.
With the site I'm doing at the moment I have placed other
div's inside a content div, so that I can have left and right hand
content within the content div. But the left and right div's are
not pushing the content div down with their content, and I'm not
sure what else to try to get it to work.
I've tried setting the height of the content div to auto or
inherit but that doesn't work.
As you can see on the main page of the site I'm using a
background image in the content cell.
http://members.westnet.com.au/zelky/surfschoolnew/index.html
And if you look at the details page you can see what I am
trying to describe. The content div not pushing down with the left
and right content div’s contents means the background image
is just a few pixels deep under the nav div.
http://members.westnet.com.au/zelky/surfschoolnew/details.html
And my pathetic CSS/stylesheet is here:
http://members.westnet.com.au/zelky/surfschoolnew/mainstyle.css
Thanks in advance and hopefully my mess isn’t’ to
hard to look at. As I said I'm a bit lost so hopefully I'm not
going to confuse anyone with my "home made" skills.

When you 'float' elements on your page you effectively remove
them from
the normal flow of the document, therfore the 'content'
<div> thinks
nothing is inside it. You need to help it by 'clearing' the
floats.
There are various methods for clearing floats.
Insert a 'clearing' <br> (shown below) into your pages
code directly
AFTER the closing 'right' container tag and BEFORE the
closing 'content'
container tag.
</div>
<br style="clear: both;" />
</div>
zelky wrote:
> I should start this by saying I am very new to CSS
layouts, and am self taught,
> so I'm probably doing something very wrong. So far I've
stuck to really simple
> layouts and had no problems...but they were very simple
layouts.
>
> With the site I'm doing at the moment I have placed
other div's inside a
> content div, so that I can have left and right hand
content within the content
> div. But the left and right div's are not pushing the
content div down with
> their content, and I'm not sure what else to try to get
it to work.
>
> I've tried setting the height of the content div to auto
or inherit but that
> doesn't work.
>
> As you can see on the main page of the site I'm using a
background image in
> the content cell.
>
>
http://members.westnet.com.au/zelky/surfschoolnew/index.html
>
> And if you look at the details page you can see what I
am trying to describe.
> The content div not pushing down with the left and right
content div?s contents
> means the background image is just a few pixels deep
under the nav div.
>
>
http://members.westnet.com.au/zelky/surfschoolnew/details.html
>
> And my pathetic CSS/stylesheet is here:
>
>
http://members.westnet.com.au/zelky/surfschoolnew/mainstyle.css
>
> Thanks in advance and hopefully my mess isn?t? to hard
to look at. As I said
> I'm a bit lost so hopefully I'm not going to confuse
anyone with my "home made"
> skills.
>
>

CSS layout problems in Explorer (fine in Firefox and Safari)

Firstly apologies to the mods, I had mistakenly posted this
in the dynamic section also...
My problem - I am working on a CSS site (my first!) here
http://www.benfrain.com
It appears fine in Firefox (PC and Mac) and Safari (mac) but
when I view it in Explorer for Mac (5.2.3) I get a over long page
and I get no auto margin on the left.
Another small curiosity - I have noticed that my background
image on my div id "header" seems to start off again on the right.
Again, Explorer 5.2 for mac only...
My html and css both validate.
Anybody know why this is happening?

quote:
Originally posted by:
bregent
>It appears fine in Firefox (PC and Mac)
Have you tried increasing the text size?
Do you mean in the browser? I just tried it in Firefox and
after two increases the layout/style of the page kind of 'falls
apart' - how would this be rectified?

XML mapping inheritance problem; missing class indicator field

Hi!
I am currently working on a project which involves mapping a large domain model on a XSD schema. For this we use Toplink 10.1.3.1 which is mostly great. But now I have a problem while wanting to use class inheritance.
In my XSD I have the following defined
<xs:complexType name="Traject">
     <xs:sequence>
          <xs:element name="SoortTraject" type="SoortTraject"/>
     </xs:sequence>
</xs:complexType>
<xs:complexType name="SpecialTraject">
     <xs:complexContent>
          <xs:extension base="Traject">
               <xs:sequence>
                             [some elements]
               </xs:sequence>
          </xs:extension>
     </xs:complexContent>
</xs:complexType>My XML is an implementation of this XSD and looks like this
<Trajecten>
        <Traject xsi:type="SpecialTraject">
                 [implementation of the elements]
         </Traject>
</Trajecten>My domain model corresponts to the XSD, so there is a Traject object and an inherited SpecialTraject object.
In the mapping I used the Advanced properties->inheritance on both descriptors telling the Traject descriptor that it was the 'Root Parent Descriptor' ('Use class indicator field' -> 'use XML Schema Type attribute', 'Use class indicator dictionary') and the SpecialTraject what it Child Descriptor was ('Traject').
When I test my mapping it always results in the same error (no matter how I configure this inheritance mapping). It says :
[TOPLINK-44] missing class indicator field
Descriptor: XMLDescriptor(Traject --> [])What am I doing wrong? Does anybody know a sollution?
Best regards,
Jouke Stoel
Developer

This is the changed XML descriptor file. When I deploy the file it automaticly overrides the old file so it ain't possible that I was still using the wrong file
<toplink:class-indicator-mappings>
    <toplink:class-indicator-mapping>
        <toplink:class>Traject</toplink:class>
        <toplink:class-indicator xsi:type="xsd:string">Traject</toplink:class-indicator>
    </toplink:class-indicator-mapping>
    <toplink:class-indicator-mapping>
        <toplink:class>SpecialTraject</toplink:class>
        <toplink:class-indicator xsi:type="xsd:string">SpecialTraject</toplink:class-indicator>
    </toplink:class-indicator-mapping>
</toplink:class-indicator-mappings>I have posted the stacktrace but I had to translate a bit because my exception was in Dutch :)
Locale is a great invention
Exception [TOPLINK-44] (Oracle TopLink - 10g Release 3 (10.1.3.1.0) (Build 061004)): oracle.toplink.exceptions.DescriptorException
Exception description: Missing class indicator field of database row [UnmarshalRecord()].
Descriptor: XMLDescriptor(Traject --> [])
     at oracle.toplink.exceptions.DescriptorException.missingClassIndicatorField(DescriptorException.java:887)
     at oracle.toplink.internal.ox.QNameInheritancePolicy.classFromRow(QNameInheritancePolicy.java:84)
     at oracle.toplink.internal.ox.XMLRelationshipMappingNodeValue.processChild(XMLRelationshipMappingNodeValue.java:13)
     at oracle.toplink.internal.ox.XMLCompositeCollectionMappingNodeValue.startElement(XMLCompositeCollectionMappingNodeValue.java:62)
     at oracle.toplink.ox.record.UnmarshalRecord.startElement(UnmarshalRecord.java:352)
     at oracle.xml.parser.v2.NonValidatingParser.parseElement(NonValidatingParser.java:1288)
     at oracle.xml.parser.v2.NonValidatingParser.parseRootElement(NonValidatingParser.java:336)
     at oracle.xml.parser.v2.NonValidatingParser.parseDocument(NonValidatingParser.java:303)
     at oracle.xml.parser.v2.XMLParser.parse(XMLParser.java:205)
     at oracle.toplink.internal.ox.record.SAXUnmarshaller.unmarshal(SAXUnmarshaller.java:189)
     at oracle.toplink.internal.ox.record.SAXUnmarshaller.unmarshal(SAXUnmarshaller.java:147)
     at oracle.toplink.ox.XMLUnmarshaller.unmarshal(XMLUnmarshaller.java:228)
.

DW CS3 CSS template problems in EI6

I'm new to CSS and DW, so I tried starting with DW's new CSS
layouts. After working on this off and on for about a year, I
finally got the design to look okay in both FF 2 and IE 7. Wouldn't
you know my client has IE 6 and the layout breaks in 6. In 6 the
middle section, including the banner image, float drop down to the
bottom. If I make the width on #container2 to be 956 pixels instead
of 950, then 6 lets the middle section float up, but all browsers
have a background colored gap between the banner images and one or
more of the sidebar images. I'm ready to pull my hair out!
Here's the link to the page set to work for IE 7 and FF and
to break in 6. The entire site, of course, has many more pages but
this just has the index because I'm experimenting.
http://www.montanahorsesales.com/shf2/
and here's the style sheet that has the problem.
http://www.montanahorsesales.com/shf2/styles/thrColFix.css
The reason I added the #container2 is to get the cream
colored background to show in both IE7 and FF. One or the other was
giving me the dark green background in the main content and the
other was giving me the cream colored main content background like
it was supposed to.
Any suggestions? Is there a quick and easy way to fix this so
it works in all browsers? Or a hack to fix it for IE 6? I can live
without it working in any IE before 6, but I need 6 to work.
In general, it is a mistake to start with DW's included CSS
layouts? I thought it would be such a smart thing to do but now I'm
not so sure!

Cleo3 wrote:
> Any suggestions? Is there a quick and easy way to fix
this so it works in all
> browsers? Or a hack to fix it for IE 6? I can live
without it working in any
> IE before 6, but I need 6 to work.
Hi,
you could try replacing yours for mine...
.leftMargin198 {
margin: 0px;
padding: 0px;
height: 175px;
width: 554px;
float: left;
HTH
chin chin
Sinclair

CSS Float Problems

I'm just becoming comfortable with using CSS. At least, I
thought I was. I put together a test page and it worked on IE 7.
Then, I downloaded Firefox and Safari to check compatability on
other browsers.
I have a centered page with a top navigation bar, content
area, and a footer (bottomNavBar). Inside the content area I have
two sections, a left section and a right section. In the left there
should be text, some sort of welcome text. In the right some sort
of Flash intro video the user can play when they choose.
The problem: I got the float to work in IE 7 (Sometimes it
wouldn't. It seems tempermental.). However, the floats won't work
on the other 2 browsers. In the other 2 it puts the first div
listed above the second instead of side by side like in IE 7.
Here is the code:

To make your contentIndexFlashIntro & contentIndexWelcome
divs sit
side-by-side you have to assign each a width. The combined
total of those
widths must be <=800px.
Walt
"JasonTheAdobeFan" <[email protected]> wrote
in message
news:[email protected]...
> I'm just becoming comfortable with using CSS. At least,
I thought I was. I
> put
> together a test page and it worked on IE 7. Then, I
downloaded Firefox and
> Safari to check compatability on other browsers.
>
> I have a centered page with a top navigation bar,
content area, and a
> footer
> (bottomNavBar). Inside the content area I have two
sections, a left
> section and
> a right section. In the left there should be text, some
sort of welcome
> text.
> In the right some sort of Flash intro video the user can
play when they
> choose.
>
> The problem: I got the float to work in IE 7 (Sometimes
it wouldn't. It
> seems
> tempermental.). However, the floats won't work on the
other 2 browsers. In
> the
> other 2 it puts the first div listed above the second
instead of side by
> side
> like in IE 7.
>
> Here is the code:
>
>
> ***First is the HTML***
>
> <body>
> <div class="header">
> <img src="Logo001.png" />
> </div>
> <div class="container">
> <div class="topNavBar">
> <ul class="topNavBarUL">
> <li class="topNavBarLI"><a
class="topNavBarLinksCurrent"
> href="index.htm">Home</a></li>
> <li class="topNavBarLI"><a
class="topNavBarLinks"
> href="page2.htm">Link2</a></li>
> <li class="topNavBarLI"><a
class="topNavBarLinks"
> href="page3.htm">Link3</a></li>
> <li class="topNavBarLI"><a
class="topNavBarLinks"
> href="page4.htm">Link4</a></li>
> </ul>
> </div>
> <div class="content">
> <div class="contentIndexFlashIntro">
> <script type="text/javascript">
> AC_FL_RunContent(
> 'codebase','
http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#
>
version=9,0,28,0','width','350','height','350','title','IntroVideo','src','Intro
> Video002','quality','high','pluginspage','
http://www.adobe.com/shockwave/downloa
>
d/download.cgi?P1_Prod_Version=ShockwaveFlash','movie','IntroVideo002'
> //end
> AC code
> </script><noscript><object
> classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"
> codebase="
http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#ve
> rsion=9,0,28,0" width="350" height="350"
title="IntroVideo">
> <param name="movie" value="IntroVideo002.swf" />
> <param name="quality" value="high" />
> <embed src="IntroVideo002.swf" quality="high"
> pluginspage="
http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Versio
> n=ShockwaveFlash" type="application/x-shockwave-flash"
width="350"
> height="350"></embed>
> </object></noscript>
> </div>
> <div class="contentIndexWelcome">
>

> <p class="smallText">Paragraph 1</p>
> <p class="smallText">Paragraph 2</p>
> <hr/>
> <ul><u class="smallText">Unordered
List</u>
> <li><span class="smallText">Item
1</span></li>
> <li><span class="smallText">Item
2</span></li>
> <li><span class="smallText">Item
3</span></li>
> <li><span class="smallText">Item
4</span></li>
> <li><span class="smallText">Item
5</span></li>
> <li><span class="smallText">Item
6</span></li>
> </ul>
> <hr/>
> <p class="smallText">Concluding
Paragraph</p><br />
> </div>
> </div>
> <div class="bottomNavBar">
> <p>© Copyright 2008</p>
> </div>
> </div>
> </body>
>
> *********************************
> ***Next is the external CSS.***
>
> body {
> font-family: Arial, Helvetica, sans-serif;
> background-color: #999999;
> margin: 0px;
> }
>
> .header {
> background-color: #FFFFFF;
> width: 100%;
> margin: 0px;
> padding: 0px 0px 0px 0px;
> top: 0px;
> }
>
> .container {
> background-color: #FFFFFF;
> width: 800px;
> margin-left: auto;
> margin-right: auto;
> margin-bottom: 0px;
> margin-top: 0px;
> }
>
> /* top navigation bar class
> ** I prefer to have a nav bar to the top rather than the
left
> */
> .topNavBar {
> width: 800px;
> height: 22px;
> background-color: #0080EE;
> border: 0px solid #FFFFFF; /* I turned off the pixel
width because I
> didn't
> ** want a border right now. But I left the rest in case
> ** I wanted to change it back to 1px.
> */
> }
>
> /* topNavBar link properties
> ** The idea is to have each link highlight when cursor
comes over any part
> ** of the section, not just the words. Then goes back to
normal when
> cursor
> ** leaves. The current page should have its own link
highlighted always.
> */
> ul.topNavBarUL {
> height: 17px;
> float: left;
> width: 100%;
> padding: 0;
> margin: 0;
> list-style-type: none;
> }
>
> li.topNavBarLI {
> display: inline;
> }
>
> a.topNavBarLinks:link, a.topNavBarLinks:active,
a.topNavBarLinks:visited {
> float: left;
> text-decoration: none;
> color: #FFFFFF;
> background-color: #0080EE;
> padding: 0.15em 0.6em;
> border-right: 1px solid #FFFFFF;
> }
>
> a.topNavBarLinks:hover {
> color: #FFFFFF;
> background-color: #FF9900;
> text-decoration: none;
> }
>
> a.topNavBarLinksCurrent, a.topNavBarLinksCurrent:active,
> a.topNavBarLinksCurrent:visited,
a.topNavBarLinksCurrent:hover {
> float: left;
> text-decoration: none;
> color: #FFFFFF;
> background-color: #00FF33;
> padding: 0.15em 0.6em;
> border-right: 1px solid #FFFFFF;
> }
>
> /* content class
> ** This is the part of the page that the content will go
in.
> ** It should have the full width of the container class
and
> ** stretch in height based on the content with a minimum
> ** height of 500px.
> */
> .content {
> width: 800px;
> min-height: 400px;
> background-color: #FFFFFF;
> font-family: Arial, Helvetica, sans-serif;
> color: #000000;
> }
>
> /* content links
> ** The links in the content area will just be the
regular links.
> ** Navigation links will all be given special classes to
define them.
> */
> a:link, a:active, a:visited {
> color: #0080EE;
> text-decoration: none;
> }
>
> a:hover {
> color: #FF9900;
> text-decoration: underline;
> }
>
> /* content headings, hr
> */
> h1, h2, h3, h4, h5, h6 {
> font-family: Arial, Helvetica, sans-serif;
> color: #00FF33;
> margin-bottom: 2px;
> }
>
> hr {
> color: #0080EE;
> }
>
> p {
> text-indent: 20px;
> margin-top: 4px;
> }
>
> ul {
> margin-top: 4px;
> }
>
> li {
> list-style: square;
> color: #00FF33;
> }
>
> .contentIndexFlashIntro {
> padding-top: 2px;
> padding-right: 2px;
> float: right;
> }
>
> .contentIndexWelcome {
> float: left;
> text-align: justify;
> padding-top: 4px;
> padding-right: 10px;
> padding-bottom: 4px;
> padding-left: 4px;
> }
>

Inheritance problems

I'm trying to work out a problem with a project I'm working on that uses inheritance.
the superclass consists of a prebuild GUI using swing, when more then one class enherits from the superclass for some reason its like they are sharing the subclass, any changes to the GUI done in one subclass affects the other, so if I add a JScrollPane to the Container from the inherited class it stayes after the window is closed AND its there when the other subclass runs.
What I want is for both subclasses to have their own instances of the subclass, or in other words I don't want the changes done in one subclass to affect the other subclass, is this possible?
My best guess is that instead of getting their own copy of the subclass they are sharing the same one so when one subclass does any changes the other reflects those changes because they are working with the exact same instance of the superclass. I have an idea of what my problem is I just don't know how to stop it from hapening.

It seems to me you are very confused as to how your inheritance tree works and from your description there is a clear design fault. It may well be you are diasy-chaining your classes and have got design in a fart with logic and flow - ie:
class A{ // superclass
class B extends A{} // so if B is an application GUI
class C extends B{} // C gets messed up
class D extends C{} // and application GUI D gets knackered too
This type of design rarely works well (if at all). You need to literally go back to the 'drawing board' and consider what you're trying to do with good design principles.
I'm not sure anyone here can really help you with this unless you give a detailed description of what you're trying to do (not code), though from what I CAN gather it should be something like;-
class AllComponentsFrame{}
/* class AmendedComponentsFrame1 extends AllComponentsFrame{} // maybe? */
class FinalGUI1 extends AllComponentsFrame{}
class FinalGUI2 extends AmendedComponentsFrame1 {}

Default css file problems

I'm trying to use a default css file in a library project... I'm using this in my library's compile arguments:
"-include-stylesheet defaults.css /assets/styles/defaults.css"
In defaults.css, I'm trying to assign a defautl skin like this:
comp|Badge {
    skin-class: ClassReference('com.woo.skins.BadgeSkin');
The problem is when the component is being newed:
Main Thread (Suspended: TypeError: Error #1009: Cannot access a property or method of a null object reference.)
    mx.core::UIComponent/getStyle
    spark.components.supportClasses::SkinnableComponent/attachSkin
    spark.components.supportClasses::SkinnableComponent/validateSkinChange
    spark.components.supportClasses::SkinnableComponent/createChildren
What part am I doing wrong? I'm hoping it's the -include-stylesheet part, I couldn't find a single example for using that.

I assume you are using FlexBuilder to build and compile and not ant or the comand line correct? If so there are two things you need to check.
1) Where is your defaults.css located? As long as it is in the root of your library's src directory (ie. src/defaults.css) you shouldn't even need to add that compiler option. When it builds a project, FlexBuilder looks for a file named defaults.css in this location and will use it to override the framework version.
2) Go into your project properties -> build path -> assets tab. Make sure your defaults.css file is selected for inclusion.

CSS display problem

I have an unusual problem that must be something to do with
my Dreamweaver set-up.
All of a sudden all of my sites do not display the CSS in the
dreamweaver application. The CSS details all appear and I can
select them in the usual way but nothing appears on screen.
When I preview any page from any site in a browser it is
fine.
Does anyone have any idea what the problem might be?
Thanks
Dave

VIEW | Style Rendering > Display Styles
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
==================
"davecheet" <[email protected]> wrote in
message
news:f65vv5$flb$[email protected]..
>I have an unusual problem that must be something to do
with my Dreamweaver
> set-up.
> All of a sudden all of my sites do not display the CSS
in the dreamweaver
> application. The CSS details all appear and I can select
them in the usual
> way
> but nothing appears on screen.
> When I preview any page from any site in a browser it is
fine.
>
> Does anyone have any idea what the problem might be?
>
> Thanks
>
> Dave
>

CSS transitions problems..

I'm using this Page Visibility code in my project, it was perfect in the last version but the latest version not quite..
First off, when I tabbed out of the project on a web browser and when you tab back into it..
(On the previous version) It completely stops the animation and i'll be able to trigger the code.
(On the latest version) It skips few frames then play again.
So, my solution was to stop the timeline of the symbol which is playing whenever it goes to another tab but another problem occurs; once you tab out again on the time when the CSS transition is happening; the transition will stop the animating object and it will not resume the transition.
Oh btw, I'm using animate.css as my presets to my animations. I was adding and removing class and still nothing. I'll try to upload a sample but hopefully some of you will give some thoughts about this. Thank you!

Hi Paolo
Sharing a sample will quickly help us get to the root cause.
Thanks for your time.
Regards
Avinash

CSS inheritance problem

Similar Messages

Maybe you are looking for