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

HTML+CSS+JavaScript

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

 

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

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

тема: Как правильно позиционировать элемент
 
 автор: NIK   (09.01.2007 в 20:38)   письмо автору
 
 

Вот в таком случае:


<table>
 <tr>
  <td bgcolor='#DDEEFF' align='center' style='padding: 0px;'>
   <div style='position: relative; top: 23px;><текст</div>
   <img src='title.gif' width='100%' height='25' hspace='0' vspace='0'>
  </td>
 </tr>
</table>


Цель: имитировать свойство background. В моём примере это получилось, но не совсем так. А именно не устраивает то, что от div'a остаётся пустой блок. Как убрать этот пустой блок и в тоже время сохранить текст над изображением? Может быть я пошёл не тем путём и нужно как-то по другому?

   
 
 автор: sim5   (09.01.2007 в 20:48)   письмо автору
 
   для: NIK   (09.01.2007 в 20:38)
 

В стиле div ошибка, забыта кавычка:

<div style='position: relative; top: 23px;'>

   
 
 автор: NIK   (09.01.2007 в 20:50)   письмо автору
 
   для: sim5   (09.01.2007 в 20:48)
 

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


<table>
 <tr>
  <td bgcolor='#DDEEFF' align='center' style='padding: 0px;'>
   <div style='position: relative; top: 23px;'>текст</div>
   <img src='title.gif' width='100%' height='25' hspace='0' vspace='0'>
  </td>
 </tr>
</table> 

   
 
 автор: AlexSol   (09.01.2007 в 20:52)   письмо автору
 
   для: NIK   (09.01.2007 в 20:50)
 


<div style="position:relative;">
<div style="position:absolute; top:0; left:0;">
<img src ="0" width="100%" height="20">
</div>
<div style="position:absolute; top:0; left:0;">
text
</div>
</div>

   
 
 автор: NIK   (09.01.2007 в 22:09)   письмо автору
 
   для: AlexSol   (09.01.2007 в 20:52)
 

спасибо, но может есть ещё варианты? Этот не кроссбраузерный, что не желательно

   
 
 автор: AlexSol   (09.01.2007 в 22:26)   письмо автору
 
   для: NIK   (09.01.2007 в 22:09)
 


<div style="position:relative;"> 
<div style="position:absolute; top:0; left:0; width:100%"> 
<img src ="0" width="100%" height="20"> 
</div> 
<div style="position:absolute; top:0; left:0;"> 
text 
</div> 
</div> 

   
 
 автор: NIK   (09.01.2007 в 23:44)   письмо автору
 
   для: AlexSol   (09.01.2007 в 22:26)
 

огромное спасибо!

   
Rambler's Top100
вверх

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