Горизонтальное расположение картинки в CSS

Discussion in 'CSS, HTML, Web 2.0, верстка по web-стандартам' started by Sir, Nov 19, 2007.

  1. Sir
    Offline

    Sir Недавно здесь

    Joined:
    Nov 19, 2007
    Messages:
    34
    Likes Received:
    0
    Gender:
    Male
    Сразу извинюсь, ибо чайник в CSS. В общем - задача:

    Необходимо картинку, вставленную в мэйн хидер, расположить по центру таблицы. Все средства хтмл перепробовал, в том числе и выставление ячейке атрибута алайн=центр. В том же теге ячейки прописан класс, отвечающий за заполнение этой ячейки из CSS. Попробовал добавить туда алайн=центр - ноль эмоций. Думаю, что скорее всего ошибаюсь с самим написанием атрибута. Господа, помогите чайнику :[
     
    Sir, Nov 19, 2007
    #1

  2. Ads Master

     
  3. Offline

    Di_Mon Недавно здесь

    Joined:
    Dec 1, 2005
    Messages:
    8
    Likes Received:
    0
    Ответ: Горизонтальное расположение картинки в CSS

    попробуй установить для картинки margin: 0 auto;
     
    Di_Mon, Nov 19, 2007
    #2
  4. Sir
    Offline

    Sir Недавно здесь

    Joined:
    Nov 19, 2007
    Messages:
    34
    Likes Received:
    0
    Gender:
    Male
    Ответ: Горизонтальное расположение картинки в CSS

    Не помогло..
     
    Sir, Nov 20, 2007
    #3
  5. Offline

    Viper Недавно здесь

    Joined:
    Oct 26, 2006
    Messages:
    46
    Likes Received:
    2
    Gender:
    Male
    Ответ: Горизонтальное расположение картинки в CSS

    сделай вложеный div.

    Код (CODE):
    1. <div>
    2. <div align="center"><img src="" width="10" height="10" /></div>
    3. </div>
     
    Viper, Nov 20, 2007
    #4
  6. Sir
    Offline

    Sir Недавно здесь

    Joined:
    Nov 19, 2007
    Messages:
    34
    Likes Received:
    0
    Gender:
    Male
    Ответ: Горизонтальное расположение картинки в CSS

    тоже самое :(
    Решил проблему по другому. Изменил сам дизайн. Сделал его из двух картинок с плавающим размером по разрешению и общим фоном.
     
    Sir, Nov 20, 2007
    #5
  7. Azazello
    Offline

    Azazello Недавно здесь

    Joined:
    Mar 24, 2007
    Messages:
    190
    Likes Received:
    4
    Gender:
    Male
    Ответ: Горизонтальное расположение картинки в CSS

    дабы не мудрить лишнего с объяснениями. Средствами HTML.
    Код (CODE):
    1. <tr>
    2.     <td align="center"><img src="images/header_short.jpg" alt="logotip" width="635" height="150" /></td>
    3.   </tr>


    Обращаю внимание на самое главное <td align="center"> , а уж DIV там или нет сути не меняет.
     
    Azazello, Nov 20, 2007
    #6
  8. Sir
    Offline

    Sir Недавно здесь

    Joined:
    Nov 19, 2007
    Messages:
    34
    Likes Received:
    0
    Gender:
    Male
    Ответ: Горизонтальное расположение картинки в CSS


    =O:[:D;)
     
    Sir, Nov 21, 2007
    #7
  9. Azazello
    Offline

    Azazello Недавно здесь

    Joined:
    Mar 24, 2007
    Messages:
    190
    Likes Received:
    4
    Gender:
    Male
    Ответ: Горизонтальное расположение картинки в CSS

    С себя смеешься?:) давай и то и другое в студию (если есть живая ссылка) посмотрим, (где-то конфликт) есть такое понятие как "наследование" где-то перемудрил.
     
    Azazello, Nov 21, 2007
    #8
  10. Sir
    Offline

    Sir Недавно здесь

    Joined:
    Nov 19, 2007
    Messages:
    34
    Likes Received:
    0
    Gender:
    Male
    Ответ: Горизонтальное расположение картинки в CSS

    да наверное :) К сожалению, прямой ссылки нет, закрытая локалка. Завтра выложу хтмл код в добавок к css, хотя, все возможные варианты, включая <div> перепробовал. Благо, с хтмл уже не первую пятилетку работаю...



    Кстати, думаю, что если обойти CSS и сделать просто:

    <table background="..........." border="0" и т.д.>
    <tr>
    <td align="center" background="...........">
    <img src="...............">
    </td>
    </tr>
    </table>

    все будет нормально работать
     
    Last edited: Nov 21, 2007
    Sir, Nov 21, 2007
    #9
< Изменение стиля выведения заголовков статей | border-bottom у модулей >

Share This Page

Loading...