css - Different position of div's containing text and divs containing images -

-

i got problem outlining of div elements.

i got following structure.

<div id="skillcontent">   <div id="skillname" class="inline">    <div class="skilllist">     <div><h3>[skill]</h3></div>     <div><h3>[skill]</h3></div>    </div>   </div>    <div id="skillstars" class="inline">    <div class="skilllist">     <div>      <img src="img/star_active.png" alt="" />      <img src="img/star_active.png" alt="" />      <img src="img/star_inactive.png" alt="" />      <img src="img/star_inactive.png" alt="" />      <img src="img/star_inactive.png" alt="" />     </div>     <div>      <img src="img/star_active.png" alt="" />      <img src="img/star_active.png" alt="" />      <img src="img/star_active.png" alt="" />      <img src="img/star_inactive.png" alt="" />      <img src="img/star_inactive.png" alt="" />     </div>    </div>   </div>    <div id="skillinfo" class="inline">    <div class="skilllist">     <div><h4>[years],[level]</h4></div>     <div><h4>[years],[level]</h4></div>    </div>   </div>  </div>

css:

.skilllist div {     padding: 0px;     margin: 0px;     display: block;     height: 25px; /*same height star images*/ }  div.inline {     display: inline-block; }  h3 {     font-size: 18px;     color: #5b5b5b;     margin: 0px; }  h4 {     font-size: 18px;     color: #808080;     margin: 0px; }  img {     vertical-align: bottom; }

the divs contain text (h3 , h4) elements bit smaller divs contain images. there no margin or padding on element. height of of divs same there still whitespace on top of divs class skilllist contain text. there no whitespace above div contains images. why , how can fix it?

example: click

try adding vertical-align:top; css on items misaligned. worked when did using firebug on test page.


Comments

Post a Comment

Popular posts from this blog

android - Spacing between the stars of a rating bar? -

-
ho can set spacing beween stars? thats ratingbar: ratingbar = (ratingbar) inflater.inflate(r.layout.ratingbar, null); ratingbar.setlayoutparams(new layoutparams(layoutparams.wrap_content, layoutparams.wrap_content)); the layout: <?xml version="1.0" encoding="utf-8"?> <ratingbar xmlns:android="http://schemas.android.com/apk/res/android" style="@style/mystyle" android:layout_alignparentright="true" android:layout_height="19dp" android:layout_width="wrap_content" android:numstars="5"> </ratingbar> the style: <style name="mystyle" parent="@android:style/widget.ratingbar"> <item name="android:progressdrawable">@drawable/android_r2_ratingstar_yellow</item> <item name="android:indeterminatedrawable">@drawable/android_r2_ratingstar_grey</item> </style> thanks, cheers you have
Read more

aspxgridview - Devexpress grid - header filter does not work if column is initially hidden -

-
i'm using devexpress grid , i'm trying 'country' column display header filter properly: <dx:gridviewdatacolumn caption="country" fieldname="countryname" showincustomizationform="true" visible="false"> <settings allowheaderfilter="true"/> </dx:gridviewdatacolumn> if 'country' column set visible='true', header filter displayed should(it shows value option list). however, want 'country' column hidden, available in customization window(like in code above). in case, when column dragged outside customization window , grid , header filter clicked, javascript error encountered: element null element.addeventlistener(eventname, func, true); is known bug? there workarounds? set aspxgridview.settings.showheaderfilterbutton property true resolve problem. the following markup works fine me (i using dxperience 10.1.7): <asp:accessdatasource id="accessda
Read more

c# - How to execute a particular part of code asynchronously in a class -

-
i creating speech recognition engine that's going respond user commands.i have created button enable , disable speech recognition per user convenience.i have used dispose() of speech engine disable speech recoginition.here code private void button1_click(object sender, routedeventargs e) { engineon = !engineon; if (engineon) { speechengine = speech.createspeechengine(); //speech class creates , returns new speech engine. speechengine.audiolevelupdated += new eventhandler<audiolevelupdatedeventargs>(speechengine_audiolevelupdated); // use system's default microphone speechengine.setinputtodefaultaudiodevice(); speechengine.loadgrammar(new dictationgrammar()); // start listening speechengine.recognizeasync(recognizemode.multiple); } else { speechclass.myengine.dispose(); } } but disposal of speech obj
Read more