Currently, with STYLE, I can use width: 100% and auto on the height (or vice versa), but I still can’t constrain the image into a specific position, either being too wide or too tall, respectively. Any ideas? 14 Answers 14
I have 2 canvases, one uses HTML attributes width and height to size it, the other uses CSS: <canvas id=”compteur1″ width=”300″ height=”300″ onmousedown=”compteurClick(this.id);”></canvas> <canvas id=”compteur2″ style=”width: 300px; height: 300px;” onmousedown=”compteurClick(this.id);”></canvas> Compteur1 displays like it should, but not compteur2. The content is drawn using JavaScript on a 300×300 canvas. Why is there a display difference? 9 … Read more
What is the meaning of this? I am guessing it is a browser hack, but I have not been able to find what exactly it does. width: 500px\9; What is the significance of \9? 4 Answers 4
Problem I have a <select> where one of its <option>’s text values is very long. I want the <select> to resize so it is never wider than its parent, even if it has to cut off its displayed text. max-width: 100% should do that. Before resize: What I want after resize: But if you load … Read more
I have setup tabs as UPDATE 29/05/2015 this post. Tabs take full width on my Nexus 4 mobile but on nexus 7 tablet it in center and not cover full screen width. Nexus 7 screenshot Nexus 4 screenshot 13 Answers 13
I’m trying to make a login form with two input fields with an inset padding, but they end up exceeding the parent’s bounds. What’s causing this? JSFiddle snippet: http://jsfiddle.net/4x2KP/ #mainContainer { line-height: 20px; font-family: “Helvetica Neue”,Helvetica,Arial,sans-serif; background-color: rgba(0,50,94,0.2); margin: 20px auto; display: table; -moz-border-radius: 15px; border-style: solid; border-color: rgb(40, 40, 40); border-radius: 2px 5px 2px … Read more
This question already has answers here: Percentage Height HTML 5/CSS (7 answers) Closed 5 years ago. How come a percentage value for height doesn’t work but a percentage value for width does? For example: <div id=”working”></div> <div id=”not-working”></div> #working{ width:80%; height:140px; background:orange; } #not-working{ width:80%; height:30%; background:green; } The width of #working ends up being … Read more
╔══════════════════════════════════════════════╗ ^ ║ ImageView ╔══════════════╗ ║ | ║ ║ ║ ║ | ║ ║ Actual image ║ ║ | ║ ║ ║ ║ |60px height of ImageView ║ ║ ║ ║ | ║ ║ ║ ║ | ║ ╚══════════════╝ ║ | ╚══════════════════════════════════════════════╝ <————————————————> 90px width of ImageView I have an image view with some default … Read more
Total noob question, but here. CSS .product__specfield_8_arrow { /*background-image:url(../../upload/orng_bg_arrow.png); background-repeat:no-repeat;*/ background-color:#fc0; width:50px !important; height:33px !important; border: 1px solid #dddddd; border-left:none; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; border-bottom-left-radius:0px; border-top-left-radius:0px; -moz-border-radius-bottomleft:0px; -moz-border-radius-topleft:0px; -webkit-border-bottom-left-radius:0px; -webkit-border-top-left-radius:0px; margin:0; padding:2px; cursor:pointer; } HTML <span class=”product__specfield_8_arrow”> </span> Fiddle Basically I’m trying to emulate a button, make a span (or something) look like a button next to … Read more
There have been questions and articles about this, but nothing conclusive as far as I can tell. The best summary I could find is flex-basis allows you to specify the initial/starting size of the element, before anything else is computed. It can either be a percentage or an absolute value. …which in itself doesn’t say … Read more
