За последние 24 часа нас посетили 17837 программистов и 1610 роботов. Сейчас ищут 834 программиста ...

background-image

Тема в разделе "PHP для новичков", создана пользователем Panich, 16 июн 2011.

  1. Panich

    Panich Активный пользователь

    С нами с:
    10 май 2011
    Сообщения:
    548
    Симпатии:
    0
    Адрес:
    Ростов-Москва
    Есть картинка размером 2000 на 600 пикселей!
    Возможно ли её засунуть задним фоном в таблицу 1000 на 300 пикселей,но что бы она вся поместилась!?
    Уменьшить картинку корректно не получается-заметно ухудшается качество,что очень не желательно!!!
     
  2. Gromo

    Gromo Активный пользователь

    С нами с:
    24 май 2010
    Сообщения:
    2.786
    Симпатии:
    2
    Адрес:
    Ташкент
    видимо улучшаешь не теми программами, которыми нужно. попробуй фотошоп

    ответ на твой вопрос - возможно, но нужно будет сделать изображению position: absolute, а таблице выставить z-index больший, чем у изображения.

    что-то типа такого:

    HTML:
    1. <img src="path_to_image" style="position:absolute; z-index:0; width:1000px; height:300px;">
    2. <table style="z-index:1;">....</table></div>
    должно работать, но не проверял. главное - идея, а дальше экспериментируй сам ;)
     
  3. Panich

    Panich Активный пользователь

    С нами с:
    10 май 2011
    Сообщения:
    548
    Симпатии:
    0
    Адрес:
    Ростов-Москва
    Дело в том,что когда перекладываешь изображение размером 2000 на 600 px на холст размером 1000 на 300 px появляются зёрно и оно теряет товарный вид (сам на планшете рисовал и не хочется терять качество!)
    Пробовал сделать как Вы сказали,но ничего не выходит(((
    HTML:
    1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    2. <html xmlns="http://www.w3.org/1999/xhtml">
    3. <meta http-equiv="Content-Type" content="text/html; charset=windows-1251" />
    4. <title>Документ Без Имени</title>
    5. <style type="text/css">
    6. .table{
    7. width:1200;
    8. height:400px;
    9. border:1;
    10. z-index:1;
    11. background: transparent;
    12. }
    13. img{
    14. position:fixed;
    15. z-index:0;
    16. width:800px;
    17. height:200px;
    18. top:10px;
    19. left:10px;
    20. }
    21. #qwe{
    22. background: transparent;
    23. }
    24. </head>
    25.  
    26. <div>
    27. <img src="img_index/Untitled-2.gif">
    28. <table border="1" class="table">
    29.   <tr>
    30.     <td id="qwe">&nbsp;
    31.     </td>
    32.   </tr>
    33.   <tr>
    34.     <td>&nbsp;
    35.     </td>
    36.   </tr>
    37. </div>
    38.  
    39. </body>
    40. </html>
    Прошу помощи!
     
  4. Panich

    Panich Активный пользователь

    С нами с:
    10 май 2011
    Сообщения:
    548
    Симпатии:
    0
    Адрес:
    Ростов-Москва
    Немного не в тему,конечно:
    подскажите,а как делать,что бы сайт всё время открывался на всю страницу,а не вылазил за края...или где почитать можно ссылочку дайте,пожалуйста!
     
  5. Gromo

    Gromo Активный пользователь

    С нами с:
    24 май 2010
    Сообщения:
    2.786
    Симпатии:
    2
    Адрес:
    Ташкент
    HTML:
    1.   <div style="z-index:0; position:absolute;">
    2.     <img src="background.jpg" style="width:1000px;">
    3.   </div>
    4.   <div style="z-index:1; position:relative;">
    5.     <table>
    6.       <tr>
    7.         <td>A</td>
    8.         <td>B</td>
    9.       </tr>
    10.       <tr>
    11.         <td>C</td>
    12.         <td>D</td>
    13.       </tr>
    14.     </table>
    15.   </div>
    16. </body>
    17. </html>
    это резиновая вёрстка. не рекомендую :)

    но если нужно, то css width нужно выставлять в процентах.
    например <body style="width:100%;"> обозначает всю ширину браузера
     
  6. Panich

    Panich Активный пользователь

    С нами с:
    10 май 2011
    Сообщения:
    548
    Симпатии:
    0
    Адрес:
    Ростов-Москва
    Когда я так выставляю,то всё равно часть сайта выходит за края(появляется совсем маленький кусочек прокрутки полосы!)
    А если не рекомдуете,то как быть!?Для пользователя не удобно всё время заживать ctrl и механически уменьшать страницу!У меня таблица в 1024пх и она всё время за границы окна вылазиит...как сделать,что бы фиксированная была,появлялась в центре экрана!?