htmlcssimageinlinecaptions

Inline pictures (with double-spaced caption)


I've got a problem with my website. I want to put two pictures inline in my header: (i mean the logo and the branding picture at the top) http://tdfts.com/projects/akvile_test

I tried to float it, but it didn't worked at all. here is an example of the code, i tried: http://www.ohne-css.gehts-gar.net/0004.php (sorry it's in german :/)

I also tried to create a caption for the team pics at "team". there was also a code for this at the german site, but it didnt worked aswell :( I hope you can help me out.

Thanks in advance


Solution

  • use table, that will give best result...

    <table><tr>  <td><img /></td>  <td style="padding-left:10px;"><img /></td>  </tr></table>
    

    After watching your code I found problem: You need to put style="display:inline-block;" in div id="logo". But remember, there is an restriction that width of both images should be less than page width. If user change the screen resolution, browser width then second image will come on second line. SO, best will be to use TABLE TAG, put logo-div in first TD and brand-image in second TD.