How to create a full height rectangle without add-ons like "MuseThemes 100% height"

On my site www.rostany.com I'm trying to create the background black metal grid going from top to bottom. I've managed to do this by putting it down as a page background image tiled vertically. However, now I need to add image slideshow as a background and want to place the above mentioned grid over it (the way it used to be) to constitute the "page" where text and graphic information is laid out.
This is what I want this grid to look like (spanning from top to bottom)
This is how it looks with the ugly gap appearing at the top when the content is filled in.

I believe you have already figured out the solution as I can verify with your live site.
Thanks,
Sanjit

Similar Messages

How to create iTune or App Store without credit card for my existing Apple ID without create new Apple ID or email?

I got 2 Apple ID and the first time to I use it to iTune or App Store, a box will pop out and telling me this:
"This Apple ID has not yet been used with the i Tunes Store. Please review your account information."
Then, I click on the button, "Review". Bla bla... but ended up, I must provide a credit card in order to complete it.
I do not have credit card, so I search 'How to create iTune or App Store without credit card', same link and same tactic only valid for New Apple ID.
So, it seem no other option to create iTune or App Store without credit card for existing Apple ID, right?

The same thing is happening to me!

HT2731 how to create a free apple id without puttin in the cridit card info?

how to create a free apple id without puttin in the cridit card info?
Card type "None" option is not available

Welcome to the Apple Community.
To be able to download free apps without a recognised method of payment or gift card.
Open iTunes and navigate to the app store. Select a free app to download. A simple way to do this is to scroll down to the top free apps box on the right hand side, hover your mouse over the first item and click on the free button that appears when you hover over it.
A pop up will open asking you to sign in with your Apple ID click "create new account", click continue to create your account. Check the box to accept the store terms and conditions and click continue.
Enter your email address, password, security question, and date of birth, click continue. Now, you will be asked to provide a payment method. Note now that the last option says "none".

How to create an instance for RemoteSession without using create() method

How to create an instance for RemoteSession without using create() method?

What's RemoteSession? Not in the JDK. And does the question have anything to do with concurrency?

How to create objects to paint itselfs without specifiy the location

How to create objects to paint itselfs without specifiy the location using Java 2D

shot in the dark: pass in the Graphics2D context to the method ?

How to create a transaction code for a function group with screen 100 as st

Hello ,
I have requirement where I need to create a function group and create screen 100, 200, 300 and include the function in the screens.
Customer asked me to create a transaction with the screen 100 as the starting screen.
Can you please let me know how to create a transaction code for a function group with screen 100 as starting screen.
[ It is not a module pool program ].
Thanks
Prashanth.
Moderator message - Please ask a specific question and do not ask the forum to do your work for you - post locked
Edited by: Rob Burbank on Jun 2, 2009 11:49 AM

Go to transaction SE93, enter a transaction code that you want and click on "create". Enter a text and select the "Transaction with Parameters" button. In the Default Values section, enter START_REPORT in the transaction field. Check the "skip initial screen" box. In the Name of Screen field section enter the following lines:
Name of screen field:                               Value
D_SREPOVARI-REPORTTYPE                RW
D_SREPOVARI-REPORT                        ZPCA
Save and transport accordingly.

How to create sql query for item master with operator LIKE with variables?

hi all,
How to create sql query for item master with
operator LIKE(Contains,Start With,End With) with variables using query generator in SAP B1 ?
Jeyakanthan

Hi Jeyakanthan,
here is an example (put the like statement into the where field)
SELECT T0.CardCode, T0.CardName FROM OITM T0 WHERE T0.CardName Like '%%test%%'
The %% sign is a wildcard. If you need start with write 'test%%' and otherwise ends with '%%test'. For contains you need '%%test%%'. You also could combinate this statements like 'test%%abc%%'. This means starts with test and contains abc.
Regards Steffen

Do I have to use add-ons or can I use Firefox savely without add-ons?

Can I use Firefox savely without add-ons? If not, how will I know which add-ons are needed? How save are the add-ons? What if an add-on contains a bug or a mistake? Will I get updates automatically?

Add-ons are optional. I find some of them incredibly useful, but you probably will end up with different ones that suit your needs or interests.
If the add-ons are installed from the Mozilla Add-ons site, then they are checked for updates on a regular basis.
Some add-ons will have bugs or cause conflicts with other add-ons or web sites. You can see the evidence of that on this forum, especially after major upgrades... All that flexibility makes Firefox harder to support, but everyone wants choice. :-)
I should add that much of the web does not work correctly with the Adobe Flash plugin, so maybe that one isn't so optional.

Need Help, how to create more than one rectangle from one button in one stage of canvas

Dear Guys,
I has problem to create more than one rectangle canvas from one button. here my role to create :
1. I create input size with textfield
2. I click button called "submit query"
3. My web will create a rectangle with specific size.
My problem come when I click again the button, my old rectangle has been remove than my new rectangle has created.
My question is : how I can create more than one without delete/remove the old I was created?
Here my Code :
<head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><link rel="stylesheet" type="text/css" media="all" href="css/style.css"><script src="kinetic-v4.7.2.min.js"></script></head> <body><label>Length</label><input name="panjang" id="panjang" type="text" size="5" maxlength="5"><br> <label>Width</label><input name="lebar" id="lebar" type="text" size="5" maxlength="5"><br> <label>Height</label><input name="tinggi" id="tinggi" type="text" size="5" maxlength="5"><br> <label>Packing Name</label><input name="nam_pac" id="nam_pac" type="text" size="5" maxlength="5"><br> <input name="submit" type="submit"> <script defer>              var stage = new Kinetic.Stage({                container: 'container',                width: 943.5,                height: 254.10              });              var layer = new Kinetic.Layer();              var rectX = stage.getWidth() / 2 - 50;              var rectY = stage.getHeight() / 2 - 50;                            var group = new Kinetic.Group({                draggable: true              });                                         var box = new Kinetic.Rect({                x: rectX,                y: rectY,                width: <?php echo ($_POST['panjang']/10)/1.3; ?>,                height: <?php echo $_POST['lebar']/10; ?>,                //fill: '#00D2FF',                stroke: 'blue',                strokeWidth: 2                //draggable: true              });               var simpleText = new Kinetic.Text({                x: Math.round(box.getWidth() / 2),                y: Math.round(box.getHeight() / 2),                text: '<?php echo $_POST['tinggi'].'/'.$_POST['nam_pac']; ?>',                fontSize: 30,                fontFamily: 'Calibri',                fill: 'blue',              });                                          // add cursor styling              box.on('mouseover', function() {                document.body.style.cursor = 'pointer';              });              box.on('mouseout', function() {                document.body.style.cursor = 'default';              });                            group.add(box);              group.add(simpleText);              layer.add(group);              stage.add(layer);            </script></body>
this is my printscreen may help you to help me :
thanks before to help me
Regards,
Prabowo.

It's work Ken, but if I modify your code into my code.
error again. they say like before (...is undefined)
May You want to check my code
<?php
include('pinambung.php');
?>
<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<title>GI Loading Plan Maker</title>
<meta name="viewport" content="width=device-width" />
<link rel="stylesheet" type="text/css" media="all" href="css/style_2.css">
<script src="js/kinetic-v4.7.2.min.js"></script>
<script src="js/CalendarPopup.js"></script>
<script src="js/jquery-1.10.2.js"></script>
</head>
<body>
<header class="w" id="header"> 
      <img src="images/headers.jpg" width="100%" height="100%" />
</header>
<nav class="w" id="nav">
      <?php include('top.php'); ?>
</nav>
<section class="w" id="main">
      <section id="content">
      <article>
        <h2>Customer Info</h2>
        <form id="myForm" action="insert.php" method="post">
        <label>Customer Name :</label><input name="cs_name" id="cs_name" type="text" size="25" maxlength="50">
        <br>
        <label>Date of Shipment :</label><input name="shipment_date" id="shipment_date" type="text" size="10" maxlength="12" > use format : YYYY-MM-DD
        <br />
        <label>Container Name :</label><input name="con_num" id="con_num" type="text" size="10" maxlength="12">
        <label>Revision :</label><input name="revision" id="revision" type="text" size="5" maxlength="5"><br />
        <label>Prepared by :</label><input name="prepared_by" id="prepared_by" type="text" size="25" maxlength="50">
        <button id="saveinfo">Save As DB</button>
        <button id="saveall">Save As Image</button>
        <button id="print" onclick="window.print();return false">Print</button>
        </form>
        <span id="result"></span>
        <script type="text/javascript" src="js/insert.js"></script>
      </article>
          <br /><br />
      <article>
          <h2>Packing Info</h2>
        <label>Container Type :</label>
        40' HC<input name="con_type" type="radio" id="con_type" value="40hc">
        40'<input name="con_type" type="radio" id="con_type" value="40">
        20<input name="con_type" type="radio" id="con_type" value="20"><br />
        <input name="loadstan" type="button" value="Create Container" id="isSelect">
        <button id="removecon">Remove Container</button>
        <br />
        <label>Length</label><input name="panjang" id="panjang" type="text" size="5" maxlength="5">
        <label>Width</label><input name="lebar" id="lebar" type="text" size="5" maxlength="5">
        <label>Height</label><input name="tinggi" id="tinggi" type="text" size="5" maxlength="5">
        <label>Packing Name</label><input name="nam_pac" id="nam_pac" type="text" size="20" maxlength="55">
        <input name="loadstan" id="loadstan" type="button" value="Load Standard Packing" onclick="window.open('spk.php', 'winpopup', 'toolbar=no,statusbar=no,menubar=no,resizable=yes,scrollbars=yes,width=300,height=400');">
        <input name="submit" type="submit" value="Create Box">
        <button id="remove">Remove Box</button><br />
      </article>
    </section>
    <aside id="sidebar">
      <label for="layer-to-delate">Select a layer to delete or rotate</label><br />
      <select id="layer-to-delete" size="14"></select><br />
      <input id="delete-layer-button" type="button" value="Delete layer">
      <input id="rotate-layer-button" type="button" value="Rotate box">
    </aside>
    <section id="content2">
      <div id="container">
      </div>
      <script defer>
      function radians (degrees) {return degrees * (Math.PI/180)}
      function degrees (radians) {return radians * (180/Math.PI)}
      function angle (cx, cy, px, py) {var x = cx - px; var y = cy - py; return Math.atan2 (-y, -x)}
      function distance (p1x, p1y, p2x, p2y) {return Math.sqrt (Math.pow ((p2x - p1x), 2) + Math.pow ((p2y - p1y), 2))}
        var stage = new Kinetic.Stage({
            container: 'container',
            width: 943.5,
            height: 254.10
        var layers = new Array();
       function addCont(){
           layer2 = new Kinetic.Layer();
            switch ($('input:radio[name=con_type]:checked').val()){
              case '40hc':
                 var box_con = new Kinetic.Rect({
                      x: 10,
                      y: 10,
                      width: 1190/1.3,
                      height: 2300/10,
                      stroke: 'black',
                      strokeWidth: 2
                  var TextCon = new Kinetic.Text({
                      x: 10,
                      y: 240,
                      text: 'Container Size 40 HC (11900mm X 2300mm X 2550mm)',
                      fontSize: 12,
                      fontFamily: 'Calibri',
                      fill: 'green',
                  layer2.add(box_con);
                  layer2.add(TextCon);
                  stage.add(layer2);
                  break;
                 case '40':
                 var box_con = new Kinetic.Rect({
                      x: 10,
                      y: 10,
                      width: 1190/1.3,
                      height: 2300/10,
                      stroke: 'black',
                      strokeWidth: 2
                  var TextCon = new Kinetic.Text({
                      x: 10,
                      y: 240,
                      text: 'Container Size 40 (11900mm X 2300mm X 2250mm)',
                      fontSize: 12,
                      fontFamily: 'Calibri',
                      fill: 'green',
                  layer2.add(box_con);
                  layer2.add(TextCon);
                  stage.add(layer2);
                  break;
                 case '20':
                 var box_con = new Kinetic.Rect({
                      x: 10,
                      y: 10,
                      width: 580/1.3,
                      height: 2300/10,
                      stroke: 'black',
                      strokeWidth: 2
                  var TextCon = new Kinetic.Text({
                      x: 10,
                      y: 240,
                      text: 'Container Size 20 (5800mm X 2300mm X 2250 mm)',
                      fontSize: 12,
                      fontFamily: 'Calibri',
                      fill: 'green',
                  layer2.add(box_con);
                  layer2.add(TextCon);
                  stage.add(layer2);
                  break;
        function addRect() {
            layer = new Kinetic.Layer();
            var box = new Kinetic.Rect({
                x: 10,
                y: 10,
                width: +(($("#panjang").val()/10)/1.3),
                height: +($("#lebar").val()/10),
                stroke: 'blue',
                strokeWidth: 2
            var group = new Kinetic.Group({
                        draggable: true,
                        snap : true
            var boxLabel = $("#nam_pac").val() + "/H : " + $("#tinggi").val();
            if (($("#panjang").val() && $("#lebar").val()) != 0) {
            var simpleText = new Kinetic.Text({
                x: 10,
                y: 10,
                text: boxLabel,
                fontSize: 12,
                fontFamily: 'Calibri',
                fill: 'red',
            } else {
                var simpleText = new Kinetic.Text({
                x: 10,
                y: 10,
                text: '',
                fontSize: 12,
                fontFamily: 'Calibri',
                fill: 'red',
            group.add(box);
            group.add(simpleText);
            layer.add(group);
            stage.add(layer);
            layers.push(layer);
            $("#layer-to-delete").append("<option>Layer " + boxLabel + "</option>");
        function deleteRect() {
            if($("#layer-to-delete > option").length < 1) return;
            var i = $("#layer-to-delete").prop("selectedIndex");
            layers.splice(i,1)[0].destroy();
            $("#layer-to-delete > option").eq(i).remove();
        function rotateRect() {
            if($("#layer-to-delete > option").length < 1) return;
            var i = $("#layer-to-delete").prop("selectedIndex");
            layers[i].rotateDeg(30);
            layers[i].draw();
        $("#delete-layer-button").click(function(e) {
              deleteRect();
        $("#rotate-layer-button").click(function(e) {
            rotateRect();
        $("input[type=submit]").click(function(e) {
            addRect();
        $("#isSelect").click(function () {
              addCont();
        $("#removecon").click(function () {
              layer2.destroy();
        $(window).keypress(function(e) {
            if(!$(document.activeElement).is("label")) {
                if((e.keyCode || e.which) == 46) {
                    layer.destroy();
            if((e.keyCode || e.which) == 35) {
                    layer2.destroy();
        document.getElementById('saveall').addEventListener('click', function() {
          stage.toDataURL({
            callback: function(dataUrl) {
                  window.open(dataUrl);
        }, false);
      </script>
    </section>
</section>
<footer class="w" id="footer">
    Copyright <a href="login.php" target="_new">©</a> 2013, <a href="http://omhanggar.com" target="_new">created</a><a href="http://intranet.guentner-asia.com" target="_new"> by PT. Güntner Indonesia </a>
</footer>
</body>
</html>
thanks again before,
Prabowo

How to create a full screen Air Application with pdf

Hi,
I need to create a app in full screen which can load pdf files.
I read that the pdf files need to have the nativeWindows in normal mode, and "stage.scaleMode" in "StageScaleMode.NO_SCALE" mode to run.
So I get the HTMLLoader dimensions by getting the screen resolution. But by putting "StageScaleMode.NO_SCALE" my movie up and down the pdf is not resizing!!
How can I do to see the pdf and having the asssets (movies in my library) resize too?
Regards,

Could some one help me in creating a full screen
using Java such that we dont see any Taskbar or
anything that is related to windows. For eg when we
play a game we dont have access to those windows
components. http://onesearch.sun.com/search/onesearch/index.jsp?qt=full+screen+java&subCat=&site=dev&dftab=&chooseCat=javaall&col=developer-forums
The basic question is How to Lock the Desktop using
Java Program and also how to capture the Key events
Ctrl + Alt + Del and Alt + Tab and disable its
actual functionality or change its action..You can't.

How to create billing document in VF01 without Excise duties. ?

Dear All ,
Here is a scenario that we had done the Goods rcv of a material without capturing any excise entry as this material is non excisable , Now an ETO is created for a party , After this user wants this material to be given to Customer by creating an outbound delivry after this in VF01 hehad given this outbound delv but here excise duty is reflecting , but user want to not to reflect the excise duty , he only wants to apply taxes only , Pl guide to how to create billing without having excise duties , only applicable tax should bi there in the
billing document .
Regards ,
sap11
Edited by: sap11 on Jul 18, 2008 1:52 PM

Hi
SAP 11
Please maintain CHAPTER ID of the said material with zero basic excise duty ( If u r not selling this material as a duty paid ) and select non movatable mateial. Parellaly u please maintain customer excise indicator as 0 no excise ( If this cutomer code is not lifting duty paid material for you).
This way u can create billing without excise.
Please try.
Thx

How to create a Full screen in Java

Could some one help me in creating a full screen using Java such that we dont see any Taskbar or anything that is related to windows. For eg when we play a game we dont have access to those windows components.
The basic question is How to Lock the Desktop using Java Program and also how to capture the Key events Ctrl + Alt + Del and Alt + Tab and disable its actual functionality or change its action..

Could some one help me in creating a full screen
using Java such that we dont see any Taskbar or
anything that is related to windows. For eg when we
play a game we dont have access to those windows
components. http://onesearch.sun.com/search/onesearch/index.jsp?qt=full+screen+java&subCat=&site=dev&dftab=&chooseCat=javaall&col=developer-forums
The basic question is How to Lock the Desktop using
Java Program and also how to capture the Key events
Ctrl + Alt + Del and Alt + Tab and disable its
actual functionality or change its action..You can't.

HT3702 How do create a apple I'd without an credit card

How do you create a apple I'd without an credit card

I do not know a way and have not seen a method posted.

How to create new Custom XML Report without using Form Builder

Hi,
What are the steps to create new Custom XML Report without using Report Builder ?
Thanks and Regards,
Abhi

Hi,
Steps we now follow
1)Create Data Model in Reports Builder
2)Create xml
3)Insert xml in Publisher to build Fomat
4)FTp rdf
5)Create Data Definition and Template
6)Create executable and Concurrent Program
Is there any way we can build reports without use of Report Builder ? By writing PL SQL Package for Before Report and After Report etc ...
Thanks and Regards,
Abhijit Rode

How to create dotted or dash rectangle in Photoshop?

Hi All,
Is there any easy way in Photoshop CS3 or later Extended to create "dotted or Dask" rectangles? I am talking about the border of the rectangle to be "dotted or dash" line rather usual line? If there is any Actionscript (free) that will be fanastic.
Thanks in advance...

Photoshop CS6 makes it easy.
With Photoshop CS5.5 and older, the best way is to make a path in the shape you want, then stroke it with a brush that's been prepared with the proper spacing and direction dynamics to cause the stroke to be dotted or dashed.
Generally speaking you can find a lot of tutorials for doing it via Google. What I might do is to search for something along the lines of dashed stroke photoshop, possibly also adding the word tutorial in the mix, then use the Google Images search, find one that looks like what you're trying to accomplish, and click through the Website For This Image link.
Here's one of the first I ran across with such a search: http://www.techimo.com/forum/graphic-design-digital-photography/110702-mini-tutorial-photo shop-making-dotted-dashed-lines-complex-path.html
-Noel

How to create a full height rectangle without add-ons like "MuseThemes 100% height"

Similar Messages

Maybe you are looking for