How do I subdivide a column in a 4-column YUI grid.css layout? -


i have yui grid gives me 4 uneven columns:

  <div class="yui-gc">     <div class="yui-gd first">       <div class="yui-u first">reason</div>       <div class="yui-u">scope</div>     </div>     <div class="yui-g">       <div class="yui-u first">related</div>       <div class="yui-u">product</div>     </div>   </div>

below want have 5 columns, 1 coming breaking scope column 2/3, 1/3. closest can 1/2, 1/2 under scope:

  <div class="yui-gc">     <div class="yui-gd first">       <div class="yui-u first">reasons</div>       <div class="yui-g"> <!-- split scope column -->         <div class="yui-u first">questions</div>         <div class="yui-u">answers</div>       </div>     </div>     <div class="yui-g">       <div class="yui-u first">stuff</div>       <div class="yui-u">products</div>     </div>   </div>

it seems changing div marked <!-- split scope column --> <div class="yui-gc"> should trick, doesn't.

what missing?

as i'm sure you've tried, .yui-g div should .yui-gc. needs either wrapped in yui-u or have yui-u class in addition yui-gc. yui css file trips on @ point. .yui-gd div.first rule comes after .yui-gc div.first rule in src , clobbers it. result columns arranged 1/3, 2/3 instead of 2/3, 1/3 should be.

alt text

the simplest (as hacky may be) way fix put in inline declaration put column widths should be.

<div class="yui-gc"> <div class="yui-gd first">     <div class="yui-u first">reasons</div>     <div class="yui-u yui-gc">         <div class="yui-u first" style="width: 66%;">questions</div>         <div class="yui-u" style="width: 32%;">answers</div>     </div> </div>  <div class="yui-u yui-g">     <div class="yui-u first">related</div>     <div class="yui-u">product</div> </div>


Comments

Post a Comment

Popular posts from this blog

Add email recipient to all new Trac tickets -

is there configuration change can made trac send notification email address upon creation of new tickets? if can't done through config, plugin second best option, source code modification last resort. note: setting smtp_always_cc in notification section of tracini send messages on updates. i'm in need of email notifications only on creation of new ticket. does have email notification? 1 option have create query list ten (or many) recently-created tickets. when looking @ results of query, use "rss feed" button @ bottom of page subscribe feed notify whenever results of query updated.
Read more

400 Bad Request on Apache/PHP AddHandler wrapper -

i'm trying create wrapper/handler called on apache server whenever requests php script inside of directory. way can authorize users entire directory or write other stuff called when directory called. this best configuration i've been able come with... <directory "/srv/http/innov/public_html"> options -indexes allowoverride order allow,deny allow directoryindex index.php </directory> then in /srv/http/innov/public_html/kb/ have .htaccess file... options -indexes addhandler auth_handler .php action auth_handler ../auth_handler.php then in /srv/http/innov/public_html/kb/auth_handler.php follows... <?php $file = $_server['path_translated']; echo $file; ?> access log: - - [02/dec/2010:17:43:15 -0500] "get /kb/index.php http/1.1" 400 590 error log: [thu dec 02 17:50:19 2010] [error] [client xxx.xxx.xxx.xxx] invalid uri in request /kb/ http/1.1 i've checked browser , seems making proper request...
Read more

php - Change action and image src url's with jQuery -

i parsing form 1 of sites using php proxy. working fine form action , img src of submit button url's relative. how can prepend full http//www.domain.com/ in front of each of url's in form? edit: here's form code once fed through new domain: <div style="display: none;" id="subscribeform" class="newform"> <h5>subscribe our newsletter</h5> <form action="/campaignprocess.aspx?listid=27057" method="post" onsubmit="return checkwholeform93426(this)" name="catemaillistform93426"> <div class="form"> <div class="item"> <label for="clfullname">full name</label> <br /> <input type="text" maxlength="255" id="clfullname" name="fullname" class="cat_textbox_small" st...
Read more