Форум: Форум PHPФорум ApacheФорум Регулярные ВыраженияФорум MySQLHTML+CSS+JavaScriptФорум FlashРазное
Новые темы: 0000000
PHP на примерах (2 издание). Авторы: Кузнецов М.В., Симдянов И.В. C++. Мастер-класс в задачах и примерах. Авторы: Кузнецов М.В., Симдянов И.В. PHP 5/6. В подлиннике. Авторы: Кузнецов М.В., Симдянов И.В. MySQL 5. В подлиннике. Авторы: Кузнецов М.В., Симдянов И.В. Самоучитель PHP 5 / 6 (3 издание). Авторы: Кузнецов М.В., Симдянов И.В.
ВСЕ НАШИ КНИГИ
Консультационный центр SoftTime

HTML+CSS+JavaScript

Выбрать другой форум

 

Здравствуйте, Посетитель!

вид форума:
Линейный форум Структурный форум

тема: наложение 2-х изображение
 
 автор: Mootch   (23.02.2008 в 18:05)   письмо автору
 
 

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

Я пытался сделать таким образом, но блок скачет в родительском td, я пишу valign=bottom, а блок все равно по центру по высоте.

<td width="130" align="center" valign="bottom" >
    
    <div style="position:relative; width:120px; height:95px;">
    <div style="position:absolute; left:0px; top:0px;"><a href="link1"><img1></a></div>
    <div style="position:absolute; left:0px; top:100px;"><a href="link2"><img2></a></div>

    </div>
</td>

   
 
 автор: CNTv2.0   (23.02.2008 в 18:47)   письмо автору
 
   для: Mootch   (23.02.2008 в 18:05)
 

Если "ещё и ссылкой", то никак.

В данном случае надо:
- сначала поработать в фотошопе, т.е. физически вырезать в нужном месте кусочек из большего изображения и вставить туда меньшее изображение;
- затем записать на бумажке координаты вставки;
- ну и, наконец, оформить карту MAP, используя записанные координаты.

   
 
 автор: Gandzas   (23.02.2008 в 19:14)   письмо автору
 
   для: CNTv2.0   (23.02.2008 в 18:47)
 

Попробуйте так

<td width="130" align="center" valign="bottom" > 
     
    <div style="position:relative; width:120px; height:95px;"> 
    <a href="link1"><div style="position:absolute; left:0px; top:0px;"><img src=''></div></a> 
    <a href="link2"><div style="position:absolute; left:0px; top:0px;"><img src=''></div></a>

    </div> 
</td>

   
 
 автор: Mootch   (23.02.2008 в 22:06)   письмо автору
 
   для: Gandzas   (23.02.2008 в 19:14)
 

Не работает :(

   
 
 автор: CNTv2.0   (23.02.2008 в 23:12)   письмо автору
 
   для: Mootch   (23.02.2008 в 22:06)
 

Для непонимающих с первого раза повторяю: если "ещё и ссылкой", то никак.

   
 
 автор: Gandzas   (24.02.2008 в 00:08)   письмо автору
892 байт
 
   для: Mootch   (23.02.2008 в 22:06)
 

Что именно не работает? Посмотрите пример в аттаче. У меня все работает.

   
 
 автор: Mootch   (24.02.2008 в 20:33)   письмо автору
 
   для: Gandzas   (24.02.2008 в 00:08)
 

Gandzas

Спасибо, и хорошо работает. Видимо, у меня причина в другой части кода.

   
Rambler's Top100
вверх

Rambler's Top100 Яндекс.Метрика Яндекс цитирования