html - Pixel where top and left borders meet -

-

i have div has 1 pixel solid white border on left , right, , on top have 2 pixel solid black border. on corner these borders meet, pixel showing white. possible make black?

how work?

html:

 <div id="bodyholder">    <div id="leftholder">   welcome website.... <br>   <br style="line-height:10px">   <img src="images/1_p1.jpg" align="left" style="margin-right:19px" alt="" border="0">   <br>lorem ipsum dolor sit amet, consectetur adipisicing elit sed eiusmod tempor.               <br>   <br style="line-height:40px">   sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque           laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi           architecto beatae vitae dicta sunt explicabo. nemo enim ipsam voluptatem quia.                                </div>  <div id="middleholder">  <img src="images/p1.png" alt="statistics"/>  <img src="images/p2.png" alt="schoolwork"/>  <img src="images/p3.png" alt="in news"/>  </div>   <div id="rightholder">   sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque      laudantium, totam rem aperiam, eaque ipsa quae.<br>   <br style="line-height:10px">   <img src="images/1_p1.jpg" align="left" style="margin-right:19px" alt="" border="0">   <br>sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque.<br>   <br style="line-height:40px">   quis autem vel eum iure reprehenderit qui in ea voluptate velit esse quam nihil      molestiae consequatur, vel illum qui dolorem eum fugiat quo voluptas nulla pariatur? quis      nostrum exercitationem ullam vel eum iure reprehenderi.                               </div>      <div id="footer">         <div id="footerinner">                                                   <div class="vlinks">vel eum iure reprehenderi</div>         </div>      </div>      </div>    </div>     </body>   </html>

and css:

body { padding:0; margin:0; background-image: url(images/background.gif); background-repeat: repeat; background-position: center top; font-size:12px; font-family:verdana; color:#ffffff; line-height:14px; vertical-align:top;   }  #top{  width: 766px;     }   #fullholder{ margin: 0 auto; width:766px; height:100%; border-width: 1px; border-style: solid; border-color: #fff; background-color: #000;   }  #nav{ background-color: #000; height:84px;  }   ul#list-nav { list-style:none; padding:0; width:764px; height: 84px; margin-left: 2px; margin-top: 0px;  }   ul#list-nav li { display:inline;   }   ul#list-nav li { text-decoration:none; font-weight:bold; font:24px "times new roman", times, serif; line-height:78px; text-align:center list-style-type:none; padding-top:2px; padding-bottom:2px; width:125px; background:#b99757; color:#ffffff; float:left; text-align:center; border:1px solid #fff;  }  ul#list-nav li a:hover { background:#a2abb2; color:#000 }  #list-nav #menu_active a{  background:#a2abb2;  color:#000;  }    #bodyholder{ border-left-width: 1px; border-left-style: solid; border-left-color: #fff; border-right-width: 1px; border-right-style: solid; border-right-color: #fff; border-top-width: 2px; border-top-style: solid; border-top-color: #000; margin-left:2px; width:760px; height:470px; background-image: url(images/1_bg.gif); background-repeat: repeat-x;  }   #leftholder{ float: left; margin-top: 5px; margin-left: 5px; border:10px solid #a2abb2; padding:10px 20px; background:#000000; width:215px; height:354px; border-radius:25px; -moz-border-radius:25px;     font-family: "times new roman", times, serif; font-size: 14px; color: #fff; display:block;  }   #middleholder  { float: left; margin-top: 5px; margin-left: 8px;    width:191px; height:354px;    display:block;  }   #rightholder{ float: left; margin-top: 5px; margin-left: 1px; border:10px solid #a2abb2; padding:10px 20px; background:#000000; width:215px; height:354px; border-radius:25px; -moz-border-radius:25px;     font-family: "times new roman", times, serif; font-size: 14px; color: #fff; display:block;  }   #rightholdertwo{ float: left; margin-top: 5px; margin-left: 1px; border:10px solid #a2abb2; padding:10px 20px; background:#000000; width:215px; height:354px; border-radius:25px; -moz-border-radius:25px;     font-family: "times new roman", times, serif; font-size: 14px; color: #fff; display:block;  }  #leftholdertwo{ float: left; margin-top: 5px; margin-left: 5px; border:10px solid #a2abb2; padding:10px 20px; background:#000000; width:215px; height:354px; border-radius:25px; -moz-border-radius:25px;     font-family: "times new roman", times, serif; font-size: 14px; color: #fff; display:block;  }   #footer{ width: 760px; background-color:#000000; height: 55px; font-family:tahoma; font-size:14px;    }   #footerinner{ -moz-border-radius: 15px; border-radius: 15px; width: 734px; height: 28px; font-family:tahoma; font-size:14px; background-color: #a2abb2; margin: 0 auto; padding-left: 15px; padding-top:11px; color: #000;  }

hey can used after properties

as

html

<div class="parent">hello</div>

css

body{ background:green; } .parent{ background:red;     border-left:1px solid #fff;     border-right:1px solid #fff;     border-top:2px solid #000;     width:200px;     height:200px;     margin:50px auto;     position:relative;  } .parent:after{ content:'';   position:absolute;   left:-2px;   right:-2px;   top:-2px;   background:#000;   height:2px; }

live demo http://tinkerbin.com/uoygddqs


Comments

Post a Comment

Popular posts from this blog

c# - SVN Error : "svnadmin: E205000: Too many arguments" -

-
i trying reposotries using c# code process svncommand = null; var psi = new processstartinfo("svnadmin"); psi.redirectstandardoutput = true; psi.redirectstandarderror = true; psi.useshellexecute = false; psi.arguments= @"dump c:\repositories\myrepo > c:\temp\myrepodumpfile.dump"; using (svncommand = process.start(psi)) { var myoutput = svncommand.standardoutput; var myerror = svncommand.standarderror; debug.write("output :" + environment.newline + environment.newline + myoutput.readtoend() + environment.newline + "error :" + environment.newline + environment.newline + myerror.readtoend()); svncommand.close(); } when use dump command commandline svnadmin dump c:\repositories\myrepo > c:\temp\myrepodumpfile.dump it works fine when try ...
Read more

c++ - Using OpenSSL in a multi-threaded application -

-
i have been writing soap client application in c++ on ubuntu using openssl https transport , pthreads threading. have number of threads - 1 central data acquisition thread periodically gets worker threads make soap requests via shared mutex protected queues. reading documentation openssl found is openssl thread-safe? in openssl faq describes mechanisms required ensure thread safety when using openssl. implemented , works fine. the reason question conceptual difficulty really. thinking implementing same functionality application has already, instead of using threads, create 2 seperate applications : 1 worker thread (of multiple copies running) , main data acquisition thread. use tcp sockets communicate between 2 rather mutex protected queues. may bad idea not important - confusing me would have implement same functions required ensure openssl thread safety in second approach or not? my guess not have , treated independent (indeed surely must many applications use openssl) re...
Read more

All overlapping substrings matching a java regex -

-
is there api method returns (possibly overlapping) substrings match regular expression? for example, have text string: string t = 04/31 412-555-1235; , , have pattern: pattern p = new pattern("\\d\\d+"); matches strings of 2 or more characters. the matches are: 04, 31, 412, 555, 1235. how overlapping matches? i want code return: 04, 31, 41, 412, 12, 55, 555, 55, 12, 123, 1235, 23, 235, 35. theoretically should possible -- there obvious o(n^2) algorithm enumerates , checks substrings against pattern. edit rather enumerating substrings, safer use region(int start, int end) method in matcher . checking pattern against separate, extracted substring might change result of match (e.g. if there non-capturing group or word boundary check @ start/end of pattern). edit 2 actually, it's unclear whether region() expect zero-width matches. specification vague, , experiments yield disappointing results. for example: string line = "xx90xx"; strin...
Read more