css - Rounded corner div in IE(6/7) -

-

here's code rounded div. works fine except ie(6/7), in ie(8/9) it's pretty good, , other browsers seem nice on rounded div. described later after code.

html code:

<div id="tweets">     <div id="tweets_text">         <div id="tweets_text_top">             <div id="tweets_top_left">             </div><!--#tweets_text_left-->                                       <div id="tweets_top_right">             </div><!--#tweets_text_right-->         </div><!--#tweets_text_top-->                                <div id="tweets_text_middle">             text here....         </div><!--#tweets_middle-->                              <div id="tweets_text_bottom">             <div id="tweets_bottom_left">             </div><!--#tweets_text_left-->                                       <div id="tweets_bottom_right">             </div><!--#tweets_text_right-->         </div><!--#tweets_text_bottom-->                         </div><!--#tweets_text-->                </div><!--#tweets-->

css code:

#tweets{     clear: both;     margin-bottom: 10px;     padding: 0px;     border: 0px; } #tweets_text{     width:214px;         clear: both;     margin: 0px;     padding: 0px;     border: 0px;     background: #141414; } #tweets_text_top, #tweets_text_bottom{     width: 214px;     height: 10px;     background: #000000;         clear: both;     } #tweets_top_left{     height: 10px;     width: 10px;     background: url('images/top_left.jpg') no-repeat;        float: left;     clear: left; } #tweets_top_right{     height: 10px;     width: 10px;     background: url('images/top_right.jpg') no-repeat;     float: right;     clear: right; } #tweets_bottom_left{     height: 10px;     width: 10px;     background: url('images/bottom_left.jpg') no-repeat;     float: left;     clear: left; } #tweets_bottom_right{     height: 10px;     width: 10px;     background: url('images/bottom_right.jpg') no-repeat;     float: right;     clear: right;    } #tweets_text_middle{         width: 200px;     padding: 7px;     background: #000000;     color: #f4f4f4;     font-size: 12px;     }

the images here: rounded div's images

now occurs in ie(6/7). bottom portion isn't rounded top portion. if test, hope find asked for. if 1 can find mistake grateful.

if have problem understand or docs, let me know.

thanks.

here's popular jquery round corner plugin.

http://jquery.malsup.com/corner/

it's supported in browsers including ie6. draws corners in ie using nested divs (not images). has native border-radius rounding in browsers support (opera 10.5+, firefox, safari, , chrome). in browsers plugin sets css property instead.

here's how use it

you need include jquery , corner js script before </body>. write jquery $('div, p').corner('10px'); , place before ''. html below code. here i'm making round corners div , p tags. if want specific id or class can $('#myid').corner();

<body>     <div class="x"></div>     <p class="y"></p>     <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>     <script type="text/javascript" src="http://github.com/malsup/corner/raw/master/jquery.corner.js?v2.11"></script>     <script>$('div, p').corner();</script> </body>

check working example @ http://jsfiddle.net/vlppk/1


Comments

Post a Comment

Popular posts from this blog

php - What is the difference between $_SERVER['PATH_INFO'] and $_SERVER['ORIG_PATH_INFO']? -

-
what’s difference between $_server['path_info'] , $_server['orig_path_info'] ? how use them? when run print_r($_server) , path_info , orig_path_info not present in array. why not? how can enable them? i have read php manual on them, still don’t understand them. the path_info variable present if invoke php script this: http://www.example.com/phpinfo.php/hello_there it's /hello_there part after .php script. if don't invoke url that, there won't $_server["path_info"] environment variable. the porig_ prefix uncommon. path_info standard cgi-environment variable, , should never prefixed. did read that? (there issues around php3/php4 if invoked php interpreter via cgi-bin/ - hardly has such setups today.) for reference: http://www.ietf.org/rfc/rfc3875
Read more

fortran - Function return type mismatch -

-
i'm attempting recode old c++ program in fortran make use of lapack (i'm aware c++ have lapack++, i'm having lot of trouble installing it, gave up). i didn't have problems compilation, when had variables declared real . when started coding section of program required lapack, found parameters passed dsyev need double precision . tried change double precision (including changing hard coded numbers double precision counterparts, i.e. 0.0 -> 0.0d0) when try compile, following error of functions , subroutines i've written: error: return type mismatch of function <function> @ (1) (real(4)/real(8)) i'm not sure coming from, in program has been changed double precision. for example, i've declared following: double precision :: alpha(3),d(3),zeta1,zeta2 double precision :: a1(3),a2(3),d1(3),d2(3) double precision :: pi pi = 3.14159265359d0 alpha = (/0.109818d0, 0.405771d0, 2.22766d0/) d = (/0.444635d0, 0.535328d0, 0.154329d0 /) 10 i=1,3 ...
Read more

queue - mq_receive: message too long -

-
i implementing communication between 2 processes using queue. problem when call function mq_receive, error: message long. i have done following: struct mq_attr attr; long size = attr.mq_msgsize; .... // initializing queue "/gateway" int rc = mq_receive(gateway, buffer, size, &prio); if print size value, size=1, while when print same size program (got same mechanism), not long integer ( -1217186280 )... how can solve error?....so while size = 1, believe it's right "message long" why 1? p.s. have tried put : int rc = mq_receive(gateway, buffer, sizeof(buffer), &prio); but no result. it seems need read docs more carefully. when call mq_receive should pass size of destination buffer. this size must greater mq_msgsize attribute of queue . in addition, seems have error in queue attributes initialisation makes proper mq_receive call impossible. here standard message queue session: fill mq_attr struct ( doc ): struct mq_a...
Read more