Версия для печати темы
Нажмите сюда для просмотра этой темы в оригинальном формате
Форум программистов > Вёрстка веб-сайтов > Не получается таблица!


Автор: opasyura 6.7.2006, 14:24
У меня не получается сделать таблицу с   картинками внутри , получаются пробелы между ячейками - как их убрать, пожалуйста помогите.
 smile 

 

 
 

Автор: 5naip 6.7.2006, 14:36
Код

<table cellspacing="0" cellpadding="0" border="0">
  <tr>
    <td>&nbsp;</td>
    <td>&nbsp;</td>    
  </tr>
  <tr>
    <td>&nbsp;</td>
    <td>&nbsp;</td>    
  </tr>  
</table>

думаю,смысл понятен...
вё дело в cellpadding или в cellspacing. 

Автор: opasyura 6.7.2006, 15:26
Попробовала - не получилось может так найдете ошибку 

<table border="0"  cellspacing="0" cellpadding="0" >
<tr> 
       
<td  ><img src="t1.gif" width="100%" height="15"> </td>
  
   
</tr>
<tr> 
          

   <td ><img src="t2.gif" width="100%" height="50"> </td>
   </tr>
<tr> 
          

  <td  ><img src="t3.gif" width="100%" height="15"> </td>
   </tr>
</table> 

Автор: AztEK 6.7.2006, 16:10
Ну так у тебя между тегом картинки и закрывающим тегом td стоит пробел. Убери его.

P.S. Пользуйся пожалуйста кнопкой "Код". 

Автор: igorold 7.7.2006, 06:18
Делай без лишних пробелов типа:
Код

<table border="0"  cellspacing="0" cellpadding="0" >
<tr><td><img src="t1.gif" width="100%" height="15"></td></tr>
<tr><td><img src="t2.gif" width="100%" height="50"></td></tr>
<tr><td><img src="t3.gif" width="100%" height="15"></td></tr>
</table>
 

Автор: 5naip 7.7.2006, 07:58
и не используй рисунок с параметром width=100%....неудобно....
лучше задай бэкграундом и репит...
парни,дело говорите... 

Автор: Str!pe 7.7.2006, 10:28
Если после картинки снизу отступ и пустое место получилось то есть смысл после <img> сразу поставить <br>.

Добавлено @ 10:29 
Код

<table border="0"  cellspacing="0" cellpadding="0" >
<tr> 
       
<td  >
<img src="t1.gif" width="100%" height="15"><br>
</td>
  
   
</tr>
<tr> 
          

   <td ><img src="t2.gif" width="100%" height="50"><br> </td>
   </tr>
<tr> 
          

  <td  ><img src="t3.gif" width="100%" height="15"><br> </td>
   </tr>
</table>  

Вот так короче говооря.... 

Автор: 5naip 7.7.2006, 10:33
я чтото смысла не понял? 

Автор: Str!pe 7.7.2006, 10:39
Цитата(5naip @  7.7.2006,  10:33 Найти цитируемый пост)
я чтото смысла не понял? 

Смысла: На кой там БР стоит? Он очищает следующую строку от пустоты... попробуй сам увидишь!

 

Автор: 5naip 7.7.2006, 11:25
хех...
фишка калссная...
только помоему проще убрать этот пробел(просто удалить)...перед </td>
или попробуйте закрывающий ТД писать на той же счтроке,что и посл. элемент ячейки... 

Автор: Str!pe 7.7.2006, 11:26
Попробуй! Напиши без БР и посмотри что будет... не работает без него...
 

Автор: 5naip 7.7.2006, 11:29
у мя работает...
если в конце пробелы убрать..
да и вообще - такие простые таблицы...с маленьки контентом, проще писать так:
Код

<table border="0"  cellspacing="0" cellpadding="0" >
<tr>       
  <td ><img src="t1.gif" width="100%" height="15" alt="0" /></td>   
</tr>
<tr>           
   <td ><img src="t2.gif" width="100%" height="50" alt="0"></td>
</tr>
<tr>           
  <td  ><img src="t3.gif" width="100%" height="15" alt="0"></td>
</tr>
</table>  
 

Автор: opasyura 7.7.2006, 11:36
Цитата

Делай без лишних пробелов типа:

<table border="0"  cellspacing="0" cellpadding="0" >
<tr><td><img src="t1.gif" width="100%" height="15"></td></tr>
<tr><td><img src="t2.gif" width="100%" height="50"></td></tr>
<tr><td><img src="t3.gif" width="100%" height="15"></td></tr>
</table>



Ура! Получилось , только теперь проблема как вставить правильно текст или ссылку в эту табличку? 

Автор: 5naip 7.7.2006, 11:46
что значит "правильно"?smile 

Автор: igorold 7.7.2006, 11:49
а что значит правильно? что тебе хочется? 

Автор: Str!pe 7.7.2006, 12:47
5naip, 

покажи что у тебя тут: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> 

Автор: opasyura 7.7.2006, 13:01
Цитата


 а что значит правильно? что тебе хочется? 



Постараюсь обьяснить 

<table border="0"  cellspacing="0" cellpadding="0" >
<tr><td><img src="t1.gif" width="100%" height="15"></td></tr>
<tr><td><img src="t2.gif" width="100%" height="50"></td></tr>
<tr><td><img src="t3.gif" width="100%" height="15"></td></tr>
</table>
 получается рисунок листа(или что то в этом роде), как на этом листе написать текст - эсли я ставлю текс между <td> ТЕКСТ </td> получается пустота между текстом и рисунком. smile 
 

Автор: Str!pe 7.7.2006, 13:07
Блин, а беграундом никак???   smile  

Автор: opasyura 7.7.2006, 13:09
Цитата

5naip, 

покажи что у тебя тут: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">  


Что это было - это ответ на мой вопрос, если да ,то где ставить и что с ним делать? Я новичек . smile

Добавлено @ 13:14 
Цитата

Блин, а беграундом никак???   

 
Беграундом текст ставится , но тогда проблема с самим рисунком его карежит (ну не спец я в этом) 

Автор: Str!pe 7.7.2006, 13:14
opasyura, 

Поставь себе Дримвевер.... лучше оттуда начни.... а Это была перва строчка HTML документа... И пройдись по мануалам....
хотя бы закачай себе пару пособий мелких...  smile 
Тут когда ответ пишешь есть такая кнопочка код сверху рамки... пользуйся ей, гуд? она текст оформляет...


На счет текста....

Код

<table border="0"  cellspacing="0" cellpadding="0" >
<tr><td><img src="t1.gif" width="100%" height="15"></td></tr>
<tr><td background="t2.gif"> <p>А вот тут твоя куча текста! Вот прямо тут и пишешь все что хочешь!</p></td></tr>
<tr><td><img src="t3.gif" width="100%" height="15"></td></tr>
</table>


Добавлено @ 13:16 
Цитата(opasyura @  7.7.2006,  13:09 Найти цитируемый пост)
Беграундом текст ставится , но тогда проблема с самим рисунком его карежит (ну не спец я в этом) 


Давай картинки и текст...
 

Автор: opasyura 7.7.2006, 13:18
Цитата


Поставь себе Дримвевер.... лучше оттуда начни.... а Это была перва строчка HTML документа... И пройдись по мануалам....
хотя бы закачай себе пару пособий мелких...   
Тут когда ответ пишешь есть такая кнопочка код сверху рамки... пользуйся ей, гуд? она текст оформляет...


На счет текста....


Разметка HTML 

 <table border="0"  cellspacing="0" cellpadding="0" >
<tr><td><img src="t1.gif" width="100%" height="15"></td></tr>
<tr><td background="t2.gif"> <p>А вот тут твоя куча текста! Вот прямо тут и пишешь все что хочешь!</p></td></tr>
<tr><td><img src="t3.gif" width="100%" height="15"></td></tr>
</table>
 
 




Все получилось! Спасибо за терпение! smile  

Автор: Str!pe 7.7.2006, 13:21
Цитата(opasyura @  7.7.2006,  13:18 Найти цитируемый пост)
Спасибо за терпение


Не за что smile А мануалы почитай! 

Автор: 5naip 10.7.2006, 10:25
Stripe, 
там доктайп от XHTML....решил на него перейти.
вот...
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"> 

Автор: Str!pe 10.7.2006, 11:06
Цитата(5naip @  10.7.2006,  10:25 Найти цитируемый пост)
там доктайп от XHTML....решил на него перейти.


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

Автор: 5naip 10.7.2006, 11:28
аа...ясно...ну да...точно..про доктайпы не забывайте.И ставьте пральные...а то можно гимор дня на 2ва получить...smile 

Powered by Invision Power Board (http://www.invisionboard.com)
© Invision Power Services (http://www.invisionpower.com)