Note that there are some explanatory texts on larger screens.

plurals
  1. POHow to implement a glass effect created on PS-CS4 around the template using PNG?
    primarykey
    data
    text
    <p>Hi as I said some times before I'm new to CSS coding, I want to know if it is possible to create a glass sheet (vista/seven like but without the buttons) around the template using only CSS, I know how to make rounded corners:</p> <pre><code> &lt;style type="text/css"&gt; #box { position: relative; width: 100px; } .corner { background: url('http://www.wreckedclothing.net/images/corners.gif') no-repeat 0 0; /* img from google */ display: block; height: 10px; position: absolute; width: 10px; } .tl { top: 0; left: 0; background-position: 0 0; } .tr { top: 0; right: 0; background-position: -22px 0; } .bl { bottom: 0; left: 0; background-position: 0 -22px; } .br { bottom: 0; right: 0; background-position: -22px -22px; } .content {padding:10px;} &lt;/style&gt; &lt;div id="box"&gt; &lt;div class="corner tl"&gt;&lt;!-- --&gt;&lt;/div&gt; &lt;div class="corner tr"&gt;&lt;!-- --&gt;&lt;/div&gt; &lt;div class="corner bl"&gt;&lt;!-- --&gt;&lt;/div&gt; &lt;div class="corner br"&gt;&lt;!-- --&gt;&lt;/div&gt; &lt;div class="content"&gt;the name of jeremiah is jorge gonzaga I have no Idea where this came from!&lt;/div&gt; &lt;/div&gt; </code></pre> <p>I already have the graphics created on photoshop and sliced</p> <p>ex taken from answer here, but how do I make for example a div stick to the left and auto expand till the bottom with some margin on it? or is that an easier way? I just don't want to use tables or even worst JS (don't know how to use this language yet)...</p> <p>Any answer will be appreciated!</p>
    singulars
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    plurals
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
 

Querying!

 
Guidance

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload