html - Div resizing itself despite my css rules -


i have bit of html looks this:

<div class="pointwrap">   <div class="imgwrap">    <img src="howtoplay1.jpg" height="101" width="177"/>   </div>   <div class="textwrap">     tap anywhere in drop zone release ball.   </div> </div>

and css rules code this:

.pointwrap { border-style:solid; border-width:2px; border-color:#2e2e2e; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; background-color:#848484; margin:3px 7px 7px 7px; width:290px; height:170px; }  .imgwrap { width:120; margin:5px 5px 5px 5px; float:left; }  .textwrap {  font-size:9px; margin:0px 6px 6px 6px; float:right; }  div.textwrap { width:40; height:110; float:right; }

my problem every time load page, textwrap div resizes/realigns wrong.

i have set float right, 40px wide , 110px tall, places under img div instead of right of it, changing dimensions of imgwrap div 217 wide , 11px tall, (just covering text...).

how can keep text right of img, , within height/width parameters set in css rules?

div.textwrap {   width:40px;   height:110px;   float:right; }

add dimension values. if specify width:40 browser doesn't know whether mean pixels, percentages, chickens or sausages, , ignore rule instead.

your code gives ton of errors in console of decent browser when executed, sure inspect when run unexpected problems. whenever strange happens css: right click, inspect element, , see how browser has parsed code.


Comments

Post a Comment

Popular posts from this blog

linux - Does gcc have any options to add version info in ELF binary file? -

i mean whether gcc can insert source code version infor elf binary section or similar. not want change source file, add info gcc option in makefile. you can emit version info text file, turn text file object file statically link executable. the first step simple have write code: script or write version info in format plain text file. write makefile rule produce version.o version.txt, using objcopy . you'll have object file 2 useful symbols defined in it: beginning , end of textual version info. add generated object executable, , you'll able access version 2 ways: running strings on binary, or writing code in application print version string (you'll need declare start , end symbols variables in header file).
Read more

javascript - Clean way to programmatically use CSS transitions from JS? -

as title implies, there proper way set initial css properties (or class) , tell browser transition these value? for example ( fiddle ): var el = document.queryselector('div'), st = el.style; st.opacity = 0; st.transition = 'opacity 2s'; st.opacity = 1; this not animate opacity of element in chrome 29/firefox 23. because ( source ): [...] you’ll find if apply both sets of properties, 1 after other, browser tries optimize property changes, ignoring initial properties , preventing transition. behind scenes, browsers batch property changes before painting which, while speeding rendering, can have adverse affects. the solution force redraw between applying 2 sets of properties. simple method of doing accessing dom element’s offsetheight property [...] in fact, hack work in current chrome/firefox versions. updated code ( fiddle - click run after opening fiddle run animation again): var el = document.queryselector('div'...
Read more

android - send complex objects as post php java -

is possible send contact numbers via post php class inside eclipse ? or post limited primitive types , have find work arounds send them string ? i propose: send them json in post request, befor start, have @ gson project , keep in mind set content application -> json. luck
Read more