html - My header image isn't responsive -

-

i'm making website course in webdesign , 1 criteria responsive (resize content fit screen size). in site every image , text paragraph size according screen sizes full hd iphone size.. except header image stays locked in place when scale down, when it's down mobile resolution have scroll right see image.

here's html , css codes header image:

html:

<div class="container_14">    <div class="grid_12">       <a href="index.html">          <p align="center"><img src="images/logo2.png"></p>       </a>    </div> </div>

css:

.container_14 { margin-left: auto; margin-right: auto; width: 1200px; }  .container_14 .grid_12 { width:97.5%; height:90px; }  img { max-width: 100%; }

link code random same size images.. http://jsfiddle.net/hac4cfrn/

if want .container_14 adapt various screens stay @ 1200px width if there’s enough space, use @media query:

.container_14 {    margin-left: auto;    margin-right: auto;    width: 1200px;  }    @media screen , (max-width:1200px){    .container_14 {      width: 100%;    }  }    .container_14 .grid_12 {    width:97.5%;    height:90px;  }    img {    max-width: 100%;  }
<header>    <div class="container_14">  	   <div class="grid_12">            <a href="index.html">               <p align="center"><img src="http://www.tscross.com/sitemap_files/sitemap_banner.png"> </p>            </a>  	   </div>      </div>         </header>

you can add second @media query image inside. it’s possible without container.

otherwise use 100% width.


Comments

Post a Comment

Popular posts from this blog

How to run C# code using mono without Xamarin in Android? -

-
i want create program uses mono runtime run c# code (binary not application). i copied libmono.so unity app , i'm write code using documentation: http://www.mono-project.com/docs/advanced/embedding/ and it's working have problems references can access classes mscorlib.dll , have problems system.reflection.assembly class throwing exception, when print console see: system.missingmethodexception: method not found: 'system.reflection.assembly.op_inequality' can fix it? can use mono runtime in c binary on android? ps. i'm using android tests. edit: found solution loading libraries, need set environment variable mono_path libraries path. but have still problems assembly class. the system.missingmethodexception error have seems .net profile mismatch error, 1 explained here . can use mono runtime in c binary on android? yes, using ndk guess. there alternatives can use instead of rolling own, such xmadevlab .
Read more

c# - SharpSsh Command Execution -

-
Image
i trying create ssh client using c#. using tamir.sharpssh library. having issues sending command , getting appropriate response server. the way have been testing sending on ls command, followed cd.. command, followed ls command again -- see whether or not cd.. command being executed properly. however, there no difference between first ls command , second ls command. not entirely sure doing wrong. perhaps using wrong ssh type. have provided code , output getting. have added output expect. using tamir.sharpssh; namespace sshnetexample { class program { static void main(string[] args) { sshexec ssh = null; try { console.write("-connecting..."); ssh = new sshexec(host, username, password); ssh.connect(); console.writeline("ok ({0}/{1})", ssh.cipher, ssh.mac); console.writeline("server version={0}, client versio...
Read more

python - Specify path of savefig with pylab or matplotlib -

-
i struggling on how find correct way specify save path (or repository) when calling function savefig in matplotlib or pylab. i tried several syntaxes, everytime python console returns : filenotfounderror: [errno 2] no such file or directory: '../mydocs/resource/frames/myimage.png' currently, have written following : pylab.savefig('../mydocs/resource/frames/myimage.png') does know how it? thanks in advance! the tilde operator , variable $home entered strings , therefore not function while saving. have provide either relative path (as did) or provide full path. eg. pylab.savefig("/home/username/desktop/myfig.png") .
Read more