Помощник
|
Проблема с центрированием картинки |
FLICKER
|
Сообщение
#1
|
||
|
|
||
|
|||
klenovnn |
29.6.2009, 8:42;
Ответить: klenovnn
Сообщение
#2
|
|
Дам совет.
Не вставляй справа и слева картинки. Делай там дивы с background (два штуки). Если не сможешь, напиши в аську, прямо в сети сделаем и сюда выложим решение, мне в сети проще на чужом сервере сразу делать. |
|
|
goshikvia |
29.6.2009, 11:58;
Ответить: goshikvia
Сообщение
#3
|
|
Попробуйте просто изменить это так
[php] <div id="page"> <div id="menu"> <img src="menu-left.jpg" style="float: left;"> <img src="menu-right.jpg" style="float: right;"></div> <p>...Надпись которая будет вставляться в середину...</p> </div> </div> [/php] |
|
|
Arkady_hb |
29.6.2009, 13:35;
Ответить: Arkady_hb
Сообщение
#4
|
|
Я бы порезал эту картинку на три части: левый угол, правый угол и картинка для центрального блока шириной в пару пикселей, которая будет заливать все свободное центральное пространство...
<div> <table cellpadding="0" cellspacing="0"> <tr> <td class="td_left"></td> <td class="td_center">Текст текст текст текст текст </td> <td class="right;"></td> </tr> </table> </div> .td_left{
width: XXpx; height:XXpx; background: url('/images/td_left.jpg'') no-repeat; } .td_right{ width: XXpx; height:XXpx; background: url('/images/td_right.jpg'') no-repeat; } .td_center{ width: XXpx; height:XXpx; background: url('/images/td_center.jpg') left repeat-x; } |
|
|
FLICKER
|
Сообщение
#5
|
|
Большое спасибо за ответы. Но я посмотрел, тот макет будет немного сложноват для начала. Поэтому взял попроще.
Сталкнулся с такой проблеммой. Имеем: body { margin:0 auto; } div#menu { margin:inherit; } В Opera 10 блок menu уходит влево. Всё работает, если писать: body { margin:0 auto; } div#menu { margin:0 auto; } В Google Chrome работает замечательно и первый вариант. Что можите сказать и посоветовать по данному поводу? |
|
|
dyadya_hb |
4.7.2009, 14:08;
Ответить: dyadya_hb
Сообщение
#6
|
|
margin может иметь либо цифровое значение (в Вашем случае 0), либо auto.
Но никак не оба и не inherit... |
|
|
FLICKER
|
Сообщение
#7
|
|
margin может иметь либо цифровое значение (в Вашем случае 0), либо auto. Но никак не оба и не inherit... Разрешается использовать одно, два, три или четыре значения, разделяя их между собой пробелом. Эффект зависит от количества значений. © www.htmlbook.ru |
|
|
Apay |
4.7.2009, 14:49;
Ответить: Apay
Сообщение
#8
|
|
|
по данному поводу можно посоветовать использовать css хаки (погуглите, много примеров), при этом каждый браузер видит только ему предназдначенное
|
|
|
||
|
Похожие темы
Тема | Ответов | Автор | Просмотров | Последний ответ | |
---|---|---|---|---|---|
Кто и зачем покупает картинки обезьян по $200 тысяч? NFT |
167 | metvekot | 27447 | 6.3.2024, 21:58 автор: Boymaster |
|
Выравнивание картинки по центру между текстом | 10 | NikN | 2637 | 6.1.2021, 23:24 автор: buypushplatform |
|
Проблема с админкой | 5 | Prok | 2338 | 29.7.2019, 20:04 автор: dvakarandasha |
|
Проблема с таблицей, которая выводится через скрипт | 7 | vanchester | 1339 | 15.2.2019, 19:06 автор: Artos_mw |
|
Нужно добавить картинки на сайт И видео |
2 | Ksardas777 | 4096 | 17.11.2018, 10:41 автор: Intuit89 |
Текстовая версия | Сейчас: 25.4.2024, 15:27 |