X   Сообщение сайта
(Сообщение закроется через 3 секунды)



 

Здравствуйте, гость (

| Вход | Регистрация )

Открыть тему
Тема закрыта
> Помогите с картинками.
tre_05
tre_05
Topic Starter сообщение 24.7.2010, 13:02; Ответить: tre_05
Сообщение #1


Добрый день, нужна помощь в размещение картинок по углам, а надпись должна остаться по середине.Заранее благодарен.

P.S. далее в таблице будет еще текст фото

[IMG]http://s44.radikal.ru/i105/1007/dd/882d757ecaff.jpg[/IMG]
0
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
SOKOJI
SOKOJI
сообщение 24.7.2010, 14:30; Ответить: SOKOJI
Сообщение #2


Режешь картинку эту на 2 (для каждого угла).

Затем получается следующая структура:

<table><tr>
<td>левая картинка</td>
<td>центральная надпись</td>
<td>правая кратинка</td>
</tr></table>
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
tre_05
tre_05
Topic Starter сообщение 24.7.2010, 15:01; Ответить: tre_05
Сообщение #3


А можно прям в коде исправить,пожалуйста :rolleyes:

<table style="BORDER-RIGHT: #000000 15px double; BORDER-TOP: #000000 15px double; BORDER-LEFT: #000000 15px double; BORDER-BOTTOM: #000000 15px double" cellspacing="0" cellpadding="0" width="100%" align="center" background="http://ti2.auctiva.com/tia/1418DB/asianbloom/asianbloom_mainbg.gif" border="1">

<tbody>
<tr>
<td valign="top" align="middle" colspan="5"> <p><font color="#000000"><img src="http://ti2.auctiva.com/tia/1418DB/asianbloom/asianbloom_tplftcrn.gif"><img src="http://ti2.auctiva.com/tia/1418DB/asianbloom/asianbloom_tplft.gif">

<font color="#8b0000" size="5"><strong>Добро пожаловать!</strong></font>

<img src="http://ti2.auctiva.com/tia/1418DB/asianbloom/asianbloom_tprt.gif"><img src="http://ti2.auctiva.com/tia/1418DB/asianbloom/asianbloom_tprtcrn.gif"></p>
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
SOKOJI
SOKOJI
сообщение 24.7.2010, 15:37; Ответить: SOKOJI
Сообщение #4


<table style="BORDER-RIGHT: #000000 15px double; BORDER-TOP: #000000 15px double; BORDER-LEFT: #000000 15px double; BORDER-BOTTOM: #000000 15px double" cellspacing="0" cellpadding="0" width="100%" align="center" background="http://ti2.auctiva.com/tia/1418DB/asianbloom/asianbloom_mainbg.gif" border="1">

<tbody>
<tr>
<td valign="top" align="left" colspan="5"> <p><font color="#000000"><img src="http://ti2.auctiva.com/tia/1418DB/asianbloom/asianbloom_tplftcrn.gif"><img src="http://ti2.auctiva.com/tia/1418DB/asianbloom/asianbloom_tplft.gif"></td>

<td align="center" width="60%">
<font color="#8b0000" size="5"><strong>Добро пожаловать!</strong></font>
</td>

<td align="right">
<img src="http://ti2.auctiva.com/tia/1418DB/asianbloom/asianbloom_tprt.gif"><img src="http://ti2.auctiva.com/tia/1418DB/asianbloom/asianbloom_tprtcrn.gif"></p>
</td>

</tr></table>
Пробуйте так.
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
tre_05
tre_05
Topic Starter сообщение 24.7.2010, 15:51; Ответить: tre_05
Сообщение #5


Так оно на 3 столбца делится...но все равно спасибо за помощь
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
SOKOJI
SOKOJI
сообщение 24.7.2010, 16:09; Ответить: SOKOJI
Сообщение #6


(tre_05 @ 24.7.2010, 18:51) *
Так оно на 3 столбца делится...но все равно спасибо за помощь


Ну так а разница? Вы иначе и не сделаете. Ну если только внутри таблицы будете еще дивами верстать. Но это извращение.
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Letmetouchyou
Letmetouchyou
сообщение 24.7.2010, 16:32; Ответить: Letmetouchyou
Сообщение #7


tre_05,
<style>
div.one {background:url(path to left pic) top left no-repeat; width:1000px}
img.two {float:right}
</style>
<div class='one'>
asdsadas
<img src='path to right pic' class='two'/>
</div>

можешь например так
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Apay
Apay
сообщение 26.7.2010, 12:53; Ответить: Apay
Сообщение #8


надо див в диве, и никаких таблиц, тогда можно даже регулировать коэфициент наползания большого текста на картинки и пр.
<style type="text/css">
div.img-left { background:url(img-left.gif) no-repeat left top; }
div.img-right { background:url(img-right.gif) no-repeat right top; }
</style>
...
<div class="img-left"><div class="img-right">bla-bla-bla</div></div>


Замечание модератора:
Эта тема была закрыта автоматически ввиду отсутствия активности в ней на протяжении 100+ дней.
Если Вы считаете ее актуальной и хотите оставить сообщение, то воспользуйтесь кнопкой
или обратитесь к любому из модераторов.
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Открыть тему
Тема закрыта
1 чел. читают эту тему (гостей: 1, скрытых пользователей: 0)
Пользователей: 0


Свернуть

> Похожие темы

  Тема Ответов Автор Просмотров Последний ответ
Открытая тема (нет новых ответов) Помогите вспомнить рекламного бота Телеграм для обмена рекламой
0 Mixatraider 725 21.2.2024, 23:42
автор: Mixatraider
Открытая тема (нет новых ответов) Помогите рещить проблему с монитором.
Почему низкое разрешение при подключении монитора через displayport?
0 Levels 1702 11.12.2020, 0:48
автор: Levels
Открытая тема (нет новых ответов) Помогите кто нибудь получить партнерку Росбанк!
7 heisenberg_mw 2340 7.8.2020, 9:28
автор: heisenberg_mw
Открытая тема (нет новых ответов) Помогите найти тему пожалуйста
7 virtas 12462 24.7.2020, 17:02
автор: -JamesSmips-
Открытая тема (нет новых ответов) Помогите с поиском доноров
3 tehno_music 3351 4.11.2019, 17:15
автор: goblin78


 



RSS Текстовая версия Сейчас: 18.4.2024, 15:28
Дизайн