html - Table beside a floating image -

-

i'm trying accomplish thought simple, seems when comes css, never know!

i have image float left. beside it, have title , under title, still besides image, want display table taking remaining width. in ie , chrome, table ends under image while in ff, takes more 100% (an horizontal scroll bar displayed). ff gives result closer want, don't want scrollbar.

here code tried make work using w3school "try it" editor (http://www.w3schools.com/css/tryit.asp?filename=trycss_float)

<html>     <head>         <style type="text/css">             h1{                 font-size:1em;             }             img              {                 float:left;             }             .field{                 width:100%             }             </style>     </head>      <body>         <img src="logocss.gif" width="95" height="84" />         <div class="content">             <h1>this title</h1>             <form>                 <table width="100%">                     <tr>                         <td><input type="text" class="field"/></td>                     </tr>                 </table>             </form>         </div>     </body>     </html>

i know structure complex simple form, forms automatically generated php script i'd keep way.

thanks help!

because have floated image taking horizontal space .content div why extended table. .content div not aware of floated image width. can offset placing margin @ least width of image on .content div.

.content  {     margin-left: 95px;  }

fiddle


Comments

Post a Comment

Popular posts from this blog

c# - how to write client side events functions for the combobox items -

-
<dx:aspxcombobox id="aspxcombobox2" runat="server" clientidmode="autoid" selectedindex="-1" onselectedindexchanged="aspxcombobox1_selectedindexchanged1" > <clientsideevents selectedindexchanged="function(s, e) { grid.selectrows();}" /> <items> <dx:listedititem text="selecte rows" /> <dx:listedititem text="unselectall" /> </items> </dx:aspxcombobox> i want write event "unselect all" item in combobox. how can this? you'll need write javascript function iterates thru combo-box , marks selected items false. see select/unselect checkbox fields using pure javascript , html sample code msdn:
Read more

exception - Python, pyPdf OCR error: pyPdf.utils.PdfReadError: EOF marker not found -

-
pypdf throws exception: pypdf.utils.pdfreaderror: eof marker not found i don't need fix pypdf, need eof error cause "except" block execute , skip on file, doesn't work. still causes program stop running. background: batch ocr program pdfs python, pypdf, adobe pdf ocr error: unsupported filter /lzwdecode ... saga continues. i got 10,000 pdfs in folder. ocrd, not. can't tell 'em apart. step 1 figure out ones not ocrd , ocr (see other threads details). so i'm using pypdf. exceptions related unrecognized characters , unsupported filters when try read text. guestimated if throws exception, it's got text in , doens't go in list. problem solved, right? so: pypdf import pdffilewriter, pdffilereader import sys, os, pypdf, re path = 'c:\users\homer\documents\my pdfs' filelist = os.listdir(path) has_text_list = [] does_not_have_text_list = [] pdf_name in filelist: pdf_file
Read more