html - webpage - text positioning in a header -


i've trying position text along same line, i'm having trouble doing this. want achieve text on top left of screen , top-right of screen, display links other urls. have far:

enter image description here

this want achieve:

enter image description here

can provide tops on how achieve this? thank you

code below:

<style type="text/css"> @font-face /* support browsers & ie v10 onwards*/ {font-family:homefont; src: url("font.ttf");} {font-family:headerfont; src: url("playball.ttf");} body {background:url('img/mybackgroundhd.jpg') no-repeat center center fixed;} <!-- make header sticky --> #header_container {background:#00e5ee; border:0px solid #666; height:70px; left:0; position:fixed; width:100%; top:0;} <!-- header text --> #header{padding: 0.3em 0; border-bottom: 0px; overflow: hidden; zoom: 1; line-height:0px; margin:0 auto; width:940px; text-align:left;display:inline-block; float:right;} #wrapper{width:900px;margin:0 auto;} a{color:#444;text-decoration: none;} .logo{margin-left:600px;margin-top:100px;background:#fff;padding:10px;} .bigtitle{font-family: homefont; font-size:150px; color:#000; text-transform:uppercase; text-shadow:4px 1px 1px #444; text-align:center; margin-top:200px; opacity:0.6;} .header{top:100%; left:0%; font-family: headerfont; font-size:20px; color:#ffffff; font-style:italic; padding-top:0px; padding-bottom:0px; padding-right:20px; padding-left:0px;} </style> </head> <body>  <!-- begin: sticky header --> <div id="header_container">      <div id="header"><p class="header"> follow me on:      <a style="margin:0;" href="https://www.facebook.com/chilunliuthebosse">     <img src="/img/facebook-lnk.gif" alt="alt text" style="border:none; width="40" height="40"></a>      <a style="margin:0;" href="https://plus.google.com/u/0/+chilunliu/posts/p/pub">     <img src="/img/googleplus-lnk.gif" alt="alt text" style="border:none; width="40" height="40"></a>      <a style="margin:0;" href="http://www.linkedin.com/pub/chilun-liu/1b/297/416">     <img src="/img/linkedin-lnk.gif" alt="alt text" style="border:none; width="40" height="40"></a>      <a style="margin:0;" href="">     <img src="/img/email-lnk.gif" alt="alt text" style="border:none; width="40" height="40"></a>      <a style="margin:0;" href="http://www.youtube.com/user/chilunliu">     <img src="/img/youtube-lnk.gif" alt="alt text" style="border:none; width="40" height="40"></a>      </div>     </p>  </div> <!-- end: sticky header -->      <div id="wrapper">       <h2 class="bigtitle">       <p>       chilun liu       </p>       </h2>      </div>  </body> </html>

put inside <div id="header-container"> 2 divs:

<div id="subheader-left" style="float:left>follow me on</div> <div id="subheader-right" style="float:right; text-align:right"> images here </div>

-

Comments

Post a Comment

Popular posts from this blog

php - regexp cyrillic filename not matches -

i take list of files php glob(."*.pdf") . files have cyrillic names. example: ООО «Рога и копыта» then load company names database , try find them in file names: preg_match("/$firm_name/ui", $file_name, $match); i have problem: firms if $firm_name visually similar $file_name , preg_match says there no match. mb_detect_encoding both variables return utf-8. there problem in file name, or maybe there encoding or something, can not understand, ask help. upd: $file_name='ООО «Рога и копыта»'; preg_match("/... .Рога и копыта./ui", $file_name, $match); as result, ОО «Рога и копыта» , 1 О missing
Read more

c# - OpenXML hanging while writing elements -

Image
i have program pulls data database, caches file , exports data multiple formats (excel, excel 2003, csv). i'm using openxml sdk 2.0 excel work. these export processes run in parallel (using parallel.foreach ), , amount of data can pretty large - e.g. csvs 800mb. during these larger exports, i've noticed writing of xml documents hang. instance, if have 8 exporting in parallel, @ point "pause". hang around same point: //this.writer openxmlwriter created worksheetpart. this.writer.writeelement(new cell() { cellvalue = new cellvalue(value), datatype = cellvalues.string }); when happens, pause debugger (vs2013 in case) , notice threads blocking around same portion of code - bit deeper in openxml sdk - stem call openxmlwriter.writeelement . i dug through source using justdecompile didn't find answers. appears there intermediary stream in use writing isolated storage , is, reason, blocking. underlying stream each of these filestream . here screenshot ...
Read more

sql - Select Query has unexpected multiple records (MS Access) -

i may tired, can't seem figure out happening. have 2 queries. query 1 has 10 fields. query 2 has 5 fields. fields 1 through 3 same in both queries. trying write select query , simple add field 5 query2 query1 result should query1 additional field (query2.field5). i join first 3 fields both queries , choose select records in query1 , in query2 match. don't know sql, use query designer. expect same number of records have query 1 instead have 3 times or more. can tell me doing wrong. tried reversing joins still seem same records. thanks in advance. here query: the fields in common divisionname , supplierid = vendorid , commodityname . select [part revenue exposed query p1].divisionname, [part revenue exposed query p1].commodityname, [part revenue exposed query p1].suppliername, [part revenue exposed query p1].partnumber, [part revenue exposed query p1].partdescription, [part revenue exposed query p1].bucode, ...
Read more