Looks like you want to nest rendered elements. In the 'Nesting & Position' Thread on this forum I mentioned some problems and a possible solution. The thread 'Memory leak on IE' has a link to a tweaked script that allows for nesting under IE.
For IE setting the cells TABLE, TR and TD elements to "position" "static" helped me in some project where I used tables inside a rendered element and had the same centering problems. You probably have to experiment a bit on that.
I remember having problems with some tables somewhere deep inside a rendered element. The trick there was to make a call to set the "position" "static" on the TR elements.
And with some images inside a rendered element I even had to make "position" "fixed" calls on the IMG element.
Don't ask me why... It just happened to do the trick after lots of experiments ;-)
1)I have a box (container) set up like this:
#container {
width: 80%;
height: 100%;
....
}
#container, #container .sb-inner {background-color: red;}
INSIDE this box I have several other boxes and I wanna apply shadedBorder to these, one of these boxes can be:
#menu {
......
}
#menu, #menu .sb-inner {background-color: yellow;}
Now on the body I have:
......
(div id="container")
(div id="menu")(/div)
(/div)
......
Now if I load the page on my browser (IE) I can see the two boxes but only one background color (red canvas background) and only 1px border for my second box (menu).
Is there a solution to this issue??
I'm trying to use Liquid Canvas on a theme for the XOOPS CMS, but am having problems similar to what was described in this post. I'd tried in the past with RUZEE.Borders and ShadedBorder and did not have success and abandoned that. Came back to try again and found Liquid Canvas, but am having unsatisfactory results in my initial trials.
I am applying LC to various ID'd DIV tags. They display in Firefox, but not in IE (yes, I'm changing to $(window).load() for IE). In Firefox, the rendered location isn't correct, and I can't see anything in IE.
I do use relatively simple HTML layout, with a header, a body, and a footer, with the body having 3 DIV columns, (but not using the holy grail method since that no longer works for some reason, but using 3 left-floated divs of appropriate size).
I start in the CSS by defining all DIVs to be position:relative for ease of positioning elements, then stay as simple as possible overall, of course. Everything in the header is set using DIVs set to position:absolute. I've tried to pare the theme back down to minimal code and rebuild from there, but still the rendering isn't in the right place for the theme.
Would love to put this to use. Have loved the concept ever since I found it about 18 months ago, but not finding it to work in my setting. :-(
This placement of the render script tag out of the table has been the solution for my situation when the div is placed within a table. AWESOME SCRIPT!!!!
Doesn't come close to any other similar ones around (especially since you are then required to do the shades and rounding separately)!
I've fixed it by removing the outer SPAN tag (DIVs should never be inside SPANs) but mainly by moving the render script tag out of the table. Here's the code which works on IE6:
<body>
<table>
<tr>
<td>
<div style="margin-top: 15px; margin-left: 10px; height: 246px; width: 155px; border: 1px"
id="roundedCorner">
<div style="padding:8px;">
I place content here<br />
And again.
</div>
</div>
</td>
</tr>
</table>
Each year, the thousand of people who suffer from erectile dysfunction increases due to a contrast of factors. Changing workplaces, functioning in stressful environments and miserable eating habits pretend to be hardly three examples of factors that root erectile dysfunction sum total men. Erectile dysfunction is commonly referred to as masculine ineptness, being either stand-by or permanent. Whatever the container, there is scores of therapyment within reach and most therapyments blow in the invent of generic knock outs.
Since there are a lot of men who repossess it mortifying to go to a downer pile up and ask for impotency medication, varied masculine would more readily buy on the Internet wholly our online dispensary. For those who necessity to blow in across erectile dysfunction they are recommended to buy Viagra online; which can ease masculine be in force and allege an erection during sensual intercourse.
Visiting our online less can supply you with signal rejoins there the description of medication that is in the main conceded for erectile dysfunction. You can also learn more there the inall symptoms. Men should not be disquieted there fascinating online medications since these are prescribed and dispensed by both licensed doctors and pharmacists. So, you can buy these knock outs without any affronted by hurdles.
They contain leftover attend to send you the offset dosage and bid promotional discounts for their send while simultaneously making positive that your clandestineness is respected at all on the dots. Conveyance pro teems are prompt. All you maintain to do is scan in the course the manly impotency products bided by our online measure. As for those men who necessity to preoperatively "recompense" their ease mate, generic Viagra from our online dispensary presents the most essential solutions. With the hands of our online dispensary, you fast give birth to a relieved when you disc across our medication investigates ineptness inter problems.
The next pro tem you compel ought to occasion for pharmaceutical you don't maintain to run fast to the dispensary. Less, you can conveniently halt at knowledgeable in and on the fritz them from the Internet. Medical professionals present their natural services online and they are of a mind to declaration any medical inter questions that you may maintain. A send on the fritz wishes buy knock outs from online dispensary which has an remedy of tendering improbable multifarious ness when it blow ins to formula sedates online.
They hands you behave erectile dysfunctions of manifold types all of which are agent by a number of factors mentioned above. Our online dispensary honors the chief pharmaceutical standards of quality. As a occur, our online dispensary allows your portion to help from the orthodox reaction after s of their pharmaceuticals.
Any way to make it an "infinite" Height? I was using it on my blog until I ran into this issue. I have no way of knowing how long an entry might get and I don't want to run the risk of it breaking on my site.
I just don't render that portion for now, and won't unless anyone knows of a way to make the height seemingly infinite.
if you use the CSS display:none attribute for an element, the rendering will not take place. Visibility:hidden will leave the area for the element in tact, and is probably still believing that the display is set to block, so it should render the borders (makes sense according to the CSS Standards).
when you switch the display:hidden to display:block (or whatever you are using to bring it forward). If it does not render the borders, you may need to do a re-render after the javascript command for display:block.
I want to know which rails version you used.
my project uses rails 1.2.2+ Apache, I installed ruby-gettext1.91, but it doesn't translate anything on my browser..
I did some more digging. Apparently IE8 beta 2 in Standards Mode is not capable of dynamically creating VML content. See this bug report. The good news: MS seems to work on the problem ...
thanks for your reply
I have made a general statement of:
table, tr, td {
position: static;
}
in my style sheet but to no avail.
Any other suggestions would really be appreciated!!!!
sorry..
anyway I have solved the problem......backgroun: red; instead background-color: red;
Sorry that was my first time with ruzee borders
Bye
Sorry. No, I can't identify the problem? Actually, I don't see any problem using IE8. Could you be more specific?
Piotr
Looks like you want to nest rendered elements. In the 'Nesting & Position' Thread on this forum I mentioned some problems and a possible solution. The thread 'Memory leak on IE' has a link to a tweaked script that allows for nesting under IE.
Hope that helps.
Piotr
For IE setting the cells TABLE, TR and TD elements to "position" "static" helped me in some project where I used tables inside a rendered element and had the same centering problems. You probably have to experiment a bit on that.
Hope that helps.
Piotr
I remember having problems with some tables somewhere deep inside a rendered element. The trick there was to make a call to set the "position" "static" on the TR elements.
And with some images inside a rendered element I even had to make "position" "fixed" calls on the IMG element.
Don't ask me why... It just happened to do the trick after lots of experiments ;-)
All under IE by the way.
Piotr
great script but immediately a question:
1)I have a box (container) set up like this:
#container {
width: 80%;
height: 100%;
....
}
#container, #container .sb-inner {background-color: red;}
INSIDE this box I have several other boxes and I wanna apply shadedBorder to these, one of these boxes can be:
#menu {
......
}
#menu, #menu .sb-inner {background-color: yellow;}
Now on the body I have:
......
(div id="container")
(div id="menu")(/div)
(/div)
......
Now if I load the page on my browser (IE) I can see the two boxes but only one background color (red canvas background) and only 1px border for my second box (menu).
Is there a solution to this issue??
Thanks a lot
Regards
I'm trying to use Liquid Canvas on a theme for the XOOPS CMS, but am having problems similar to what was described in this post. I'd tried in the past with RUZEE.Borders and ShadedBorder and did not have success and abandoned that. Came back to try again and found Liquid Canvas, but am having unsatisfactory results in my initial trials.
I am applying LC to various ID'd DIV tags. They display in Firefox, but not in IE (yes, I'm changing to $(window).load() for IE). In Firefox, the rendered location isn't correct, and I can't see anything in IE.
I do use relatively simple HTML layout, with a header, a body, and a footer, with the body having 3 DIV columns, (but not using the holy grail method since that no longer works for some reason, but using 3 left-floated divs of appropriate size).
I start in the CSS by defining all DIVs to be position:relative for ease of positioning elements, then stay as simple as possible overall, of course. Everything in the header is set using DIVs set to position:absolute. I've tried to pare the theme back down to minimal code and rebuild from there, but still the rendering isn't in the right place for the theme.
Would love to put this to use. Have loved the concept ever since I found it about 18 months ago, but not finding it to work in my setting. :-(
This placement of the render script tag out of the table has been the solution for my situation when the div is placed within a table. AWESOME SCRIPT!!!!
Doesn't come close to any other similar ones around (especially since you are then required to do the shades and rounding separately)!
I've fixed it by removing the outer SPAN tag (DIVs should never be inside SPANs) but mainly by moving the render script tag out of the table. Here's the code which works on IE6:
<body>
<table>
<tr>
<td>
<div style="margin-top: 15px; margin-left: 10px; height: 246px; width: 155px; border: 1px"
id="roundedCorner">
<div style="padding:8px;">
I place content here<br />
And again.
</div>
</div>
</td>
</tr>
</table>
<script type="text/javascript">
var border = RUZEE.ShadedBorder.create({ corner:8, shadow:16, border:2 });
border.render('roundedCorner');
</script>
</body>
VIAGRA MAKES IT EASIER TO CONTROL IMPOTENCY
Each year, the thousand of people who suffer from erectile dysfunction increases due to a contrast of factors. Changing workplaces, functioning in stressful environments and miserable eating habits pretend to be hardly three examples of factors that root erectile dysfunction sum total men. Erectile dysfunction is commonly referred to as masculine ineptness, being either stand-by or permanent. Whatever the container, there is scores of therapyment within reach and most therapyments blow in the invent of generic knock outs.
Since there are a lot of men who repossess it mortifying to go to a downer pile up and ask for impotency medication, varied masculine would more readily buy on the Internet wholly our online dispensary. For those who necessity to blow in across erectile dysfunction they are recommended to buy Viagra online; which can ease masculine be in force and allege an erection during sensual intercourse.
Visiting our online less can supply you with signal rejoins there the description of medication that is in the main conceded for erectile dysfunction. You can also learn more there the inall symptoms. Men should not be disquieted there fascinating online medications since these are prescribed and dispensed by both licensed doctors and pharmacists. So, you can buy these knock outs without any affronted by hurdles.
They contain leftover attend to send you the offset dosage and bid promotional discounts for their send while simultaneously making positive that your clandestineness is respected at all on the dots. Conveyance pro teems are prompt. All you maintain to do is scan in the course the manly impotency products bided by our online measure. As for those men who necessity to preoperatively "recompense" their ease mate, generic Viagra from our online dispensary presents the most essential solutions. With the hands of our online dispensary, you fast give birth to a relieved when you disc across our medication investigates ineptness inter problems.
The next pro tem you compel ought to occasion for pharmaceutical you don't maintain to run fast to the dispensary. Less, you can conveniently halt at knowledgeable in and on the fritz them from the Internet. Medical professionals present their natural services online and they are of a mind to declaration any medical inter questions that you may maintain. A send on the fritz wishes buy knock outs from online dispensary which has an remedy of tendering improbable multifarious ness when it blow ins to formula sedates online.
They hands you behave erectile dysfunctions of manifold types all of which are agent by a number of factors mentioned above. Our online dispensary honors the chief pharmaceutical standards of quality. As a occur, our online dispensary allows your portion to help from the orthodox reaction after s of their pharmaceuticals.
Author: Joseph Martin http://www.onlinepharmacy.vg/catalog/-c-32_117.html
Any way to make it an "infinite" Height? I was using it on my blog until I ran into this issue. I have no way of knowing how long an entry might get and I don't want to run the risk of it breaking on my site.
I just don't render that portion for now, and won't unless anyone knows of a way to make the height seemingly infinite.
if you use the CSS display:none attribute for an element, the rendering will not take place. Visibility:hidden will leave the area for the element in tact, and is probably still believing that the display is set to block, so it should render the borders (makes sense according to the CSS Standards).
when you switch the display:hidden to display:block (or whatever you are using to bring it forward). If it does not render the borders, you may need to do a re-render after the javascript command for display:block.
I am experiencing the same issue with IE7 but until I read your comment, did not know the cause for the IE issue.
Any resolution yet?
I think that gettext >= 1.90 works with Rails >= 2.0 and < 2.2 only ... Currently I'm using gettext only with Rails 2.1...
I want to know which rails version you used.
my project uses rails 1.2.2+ Apache, I installed ruby-gettext1.91, but it doesn't translate anything on my browser..
did you meet this issue?
You mean different from how I do it in the last step?
wouldnt it be better to use the each-function directly in the prototype?
Keith,
That is great.... I was about to do the same thing myself. I was working my way through the js but you just saved me a lot of time :)
Thanks so much.
Frank Walsh
I made a mod to allow you to specify individual corners.
I emailed it, but I'm not sure he ever did anything with it.
you can get it here:
http://www.freeformit.com/downloads/shadedborder-0.6.1.freedman.zip
the corners are numbered, instead of using tl, tr, tlr, etc.
use 1234
I did some more digging. Apparently IE8 beta 2 in Standards Mode is not capable of dynamically creating VML content. See this bug report. The good news: MS seems to work on the problem ...
[...] JavaScript Inheritance via Prototypes and Closures at ruzee.com by Steffen Rusitschka (via Ajaxian) [...]
You are voted!
Track back from http://webdevvote.com/Javascript/JavaScript_Inheritance_via_Prototypes_a...
[...] JavaScript Inheritance via Prototypes and Closures | ruzee.com - Steffen Rusitschka (tags: programming webdev web tutorial todo) [...]
[...] Rusitschka has a nice detailed post on inheritance with JavaScript, different ways you can go, and side effects of the [...]