Форум программистов [Powered by Invision Power Board]

Версия для печати темы
Нажмите сюда для просмотра этой темы в оригинальном формате

Форум программистов > Вёрстка веб-сайтов > картинка и надпись на одной строке

Автор: gcc 27.12.2010, 05:55

как сделать чтобы картинка показывалась на одной строке вместе с надписью?

например,

Код


<a align="left" href="/view/666"><img border="0" src="/img/gnome-fs-share-min.png"/>la-la-la-name-la-la-la</a>

если слово la-la-la-name-la-la-la длинное, то оно переносится на другую строку, а картинка gnome-fs-share-min.png остаеся на предыдущей.

т.е: как сделать, чтобы они были на одной строке в любом слечае?

так же используется такой css таблицы:

Код


#blog_un {
    width: 890px;
    margin: 0px auto;
    font-size: 11px;
    border : 0px;
    text-align: left;
   table-layout: fixed; 
   overflow: hidden;        
}

я еще добавил overflow: hidden; чтобы таблицы не "уехала! елси слово будет очнеь длинное...

Автор: gcc 27.12.2010, 06:59

сделал!

в одном месте так:

Код

 <table id="blog_un" border="0">  
   


   
      <TMPL_LOOP NAME="section_head">

<tr  colspan="3" style=" padding-left:100px;"> 

   <TMPL_LOOP NAME="COLUMNS">

        <td style="overflow: hidden; table-layout: fixed;" > 
    <span style=" padding-left:100px; font-size: 140%;" >   
         <a   title="Всего ближайших подразделов: <TMPL_VAR NAME="count_section">" href="/view_section/<TMPL_VAR NAME="id_se">"> <img border="0" src="/img/gnome-fs-share.png" />  <TMPL_VAR NAME="name_se"> </a>
        </span>      <br>
 <br>
<span style="padding-left:10px;">    <b>Разделы</b> (всего <b><TMPL_VAR NAME="loop_data_count"></b>): 
 <TMPL_LOOP NAME="loop_data_parent"><a style="white-space:nowrap;" align="left" href="/view_section/<TMPL_VAR NAME="id_se">"><img border="0" src="/img/gnome-fs-share-min.png"/><TMPL_VAR NAME="name_se"></a><TMPL_UNLESS "is_off">,</TMPL_UNLESS> </TMPL_LOOP>

           </span>    
       </td>
     
   </TMPL_LOOP>

</tr>

   </TMPL_LOOP>



  </table>

в другом так:

Код


<a style="white-space:nowrap;overflow: hidden; table-layout: hidden;"  href="/profile/view_profile/<TMPL_VAR NAME="id_un">"><b><img src="/img/mini-user-light-blue.png"  border="0" /><TMPL_VAR NAME="username_se"></b></a>

Автор: Mavrun 27.12.2010, 08:57

лучше тегу a пропиши display:block в цсс, а для картинки пропиши атрибут align="absmiddle" и будет тебе семантическое щасье =)