html - Display 2 DIVs in same line where one is picture -

-

I have 2 divisions, one should be on the left side and the other on the right, but in the same line

At the back, I want the original div (# author-box) with a brown background, which will be the height of the right div text height, so when you change the tool, author- txt authors -Img goes down the gray background should be behind both divs.

I left the float but then the gray background is actually small and does not follow the author-txt and author-img height

Besides that, I also tried to perform : Inline, but then the text begins with the lower part of the image. 

  & lt; Div id = "author-box" & gt; & Lt; Div class = "author-img" & gt; & Lt; Img src = "img.jpg" width = "150px" height = "14 9px" /> & lt; / Div & gt; & Lt; Div class = "author-txt" & gt; & Lt; Strong & gt; About the author & lt; / strong> & Lt; Br / & gt; Author Text & lt; Br / & gt; & Lt; Strong & gt; Connect with me: & lt; / strong> & Lt; A href = "#" & gt; Faceback & lt; / A & gt; | & Lt; A href = "#" target = "_ blank" & gt; Landed In & lt; / A & gt; | & Lt; A href = "#" & gt; Twitter & lt; / A & gt; & Lt; / Div & gt; & Lt; / Div & gt; #Auth-box {background-color: #CEEEEECE; Margin-down: 10px; Font-size: 15px; Padding: 10px; } .author-img {} .author-img img {boundary-radius: 100px; } .author-txt {}    
 
 
 It is very easy: (There are many other ways Too)  
  .author-img {display: inline-block; } .author-txt {display: inline-block; Vertical-alignment: top; }   
  Demo :  
 If you want to use  float  IN, Container:  
  # author-box: after {/ * only one method of clearing, there are also others * / display: table; Clean both; material:" "; } .author-img {float: left; } .author-txt {float: left; }   
  Demo :  
 or  float  ING and  overflow: auto; Use the  container if your design allows it:  
  # author-box: {overflow: auto; / * Add * this * / background color: #EECEEC; Margin-down: 10px; Font-size: 15px; Padding: 10px; } .author-img {float: left; } .author-txt {float: left; }   
  Demo :  
 And it can be turned on!

Comments

Post a Comment

Popular posts from this blog

php - PDO bindParam() fatal error -

-
I am trying to learn PDO, now I have written this small code, but it gives me a serious error: Fatal error: Call a member function at a non-object dot () ... $ con = new mysqli ("127.0.0.1", "root", "", "csvdangercheck"); $ Query = $ con- & gt; ("Id,` var1`, `var2`) values ​​(" id,: var1,: var2) ";); $ query- & gt; bypass pattern (': id', $ id); $ query- & gt; BindParam (': var1', $ VAL1); $ Query- & gt; bindParam (': var2', $ val2); $ Query-> Executed (); I Trying to use print_r ($ con-> errorInfo ()) but Fatal error: Undefined method mysqli :: errorInfo ( ) ... can someone tell me what am I missing? Flaffeh said, you have PDO Missing Mysqy, try it: $ con = new PDO ('mysql: host = 127.0.0.1; dbname = csvdangercheck', 'root', '');
Read more

php - How can I cram 6+31 numeric characters into 22 alphanumeric characters? -

-
I have a 6 digit number and a 31-digit number (such as "234536" and "201103231043330478311223582826") that I The API needs to be crawled in the same 22-character alphanumeric field that uses PHP. I tried to convert each one to 32 (using custom code could not handle the base_convert () large number) and to connect with a single-character delimiter, but It only gives me 26 characters This is a restore API, so the letters should be URI-protected. I would like to do a database table cross with two references without reference to another reference value, if possible, any suggestions? Instead use a radix of 62. This will give you 22 characters for the top, 3.35 for the pre and 17.3 for the next. & gt; & Gt; & Gt; Math.log (10 ** 6) /math.log (62) 3.3474826039165504 & gt; & Gt; & Gt; Math.log (10 ** 31) /math.log (62) 17.295326786902177
Read more

logging - How can I log both the Request.InputStream and Response.OutputStream traffic in my ASP.NET MVC3 Application for specific Actions? -

-
For a specific set of tasks, I need to log in to the incoming request inputstream as well as outgoing response. is. I am using an ActionFilterAttribute for this and overriding the OnActionExecuted and OnResultExecuted methods. So I'm starting with this idea ... Public category ActionLoggerAttribute: ActionFilterArrbit {Public Override Zero On-Offed Execution (ActionActioned Contact Filter Filter) {base.OnActionAxecuted (FilterContext); HttpRequestBase request = filterContext.HttpContext.Request; // TODO: Log the request. InputStream} Public Override Zero OnResultExecuted (ResultExecutedContext FilterContext) {base.OnResultExecuted (filterContext); HTTPRPSPointBase Response = FilterContacts Hpptex response; // TODO: Log on Response.OutputStream}} Ideally I'll hook it up with enterprise library logging because I'm already using it for error logging. Am I reaching the input and output stream at the right time? Can I easily use the Enterprise Library to log i...
Read more