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

Форум PHP

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

 

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

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

тема: Немного про HTML
 
 автор: !!Yurchik!!   (21.10.2004 в 23:12)   письмо автору
 
 

Люди, помогите! Делаю гостевую книгу: на страничке таблица, состоящая из трех столбцов: во вором и третьем соотведственно ник и сообщение пользователя, а в первый я напротив каждого сообщения помещаю рисунок (т.е в каждой строке рисунок, ник, сообщение). Если поставить Border=0 выходит некрасиво... Ну а если 1 - то рисунки тоже обводятся линиями. Как бы мне попроще сделать так, чтобы поля "ник" и "сообщения" обводились, а рисунок - нет?
P.S. Я знаю один выход - в первом столбце таблицы поместить еще одну таблицу... но мне кажется, что должен быть способ проще. Заранее благодарен!

   
 
 автор: glsv (Дизайнер)   (22.10.2004 в 00:12)   письмо автору
 
   для: !!Yurchik!!   (21.10.2004 в 23:12)
 

> Как бы мне попроще сделать так, чтобы поля "ник" и "сообщения" обводились, а рисунок - нет?

Можно сделать используя стили

<html>
<head>
<title></title>
<style>
  .border{border-style: solid; border-width: 1px; border-color: #6F6F6F; padding: 10px}
</style>
</head>
<body>
<table border="0">
 <tr>
   <td><img src="foto.jpg" width=100 height=100></td>
   <td class="border">Вася</td>
   <td class="border">Здесь был Вася! Он любит PHP!!!! :)))</td>   
 </tr>   
</table>
</body>
</html>

   
 
 автор: kolobokk   (22.10.2004 в 08:58)   письмо автору
 
   для: glsv (Дизайнер)   (22.10.2004 в 00:12)
 

Дизайнер молодца!!!!
как мне раньше это в голову не пришло :)))

   
 
 автор: !!Yurchik!!   (22.10.2004 в 21:17)   письмо автору
 
   для: glsv (Дизайнер)   (22.10.2004 в 00:12)
 

Спасибо! Как то я про классы и не подумал!
И еще одно: можно как-нибудь поместить в ячейку таблицы рисунок так, что бы он занимал полностью всю ячейку и поверх него еще можно было помещать текст(Background не подходит, т.к. рисунок повторяется, если он меньше по размерам... Как слой пробовал тоже, но он почему то тоже не меняет своих размеров при изменении размеров ячейки :( Некрасиво, вобщем выходит...)
И можно ли вообще создать статическую таблицу, т.е. что бы она не меняла своих границ по горизонтали независимо от того, сколько текста туда поместить (А то вводят что -то наподобии "ццццццццццццццццццццццццццццццццццц ццццццццццццццццццццццццццццццццццц ццц") без пробелов и таблица становится километровой...

   
 
 автор: elenaki   (22.10.2004 в 21:45)   письмо автору
 
   для: !!Yurchik!!   (22.10.2004 в 21:17)
 

>(Background не подходит,
>т.к. рисунок повторяется, если он меньше по размерам...

а бакграунд тоже может не повторяться :) достаточно указать в стиле background-repeat: no-repeat и картинка выведется только один раз, background-repeat: repeat-x и выведется только по горизонтали, background-repeat: repeat-у и выведется только по вертикали.


>И можно ли вообще создать статическую таблицу, т.е. что бы
>она не меняла своих границ по горизонтали независимо от
>того, сколько текста туда поместить (А то вводят что -то
>наподобии
>"ццццццццццццццццццццццццццццццццццц ццццццццццццццццццццццццццццццццццц ццц")
>без пробелов и таблица становится километровой...

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

по-моему, так (C) Винни-Пух

   
 
 автор: !!Yurchik!!   (22.10.2004 в 22:15)   письмо автору
 
   для: elenaki   (22.10.2004 в 21:45)
 

Спасибо огромное, только если не трудно напиши полностью строчку со стилем бэкграунда, а то у меня под рукой литературы по CSS нету и сам не смогу этого правильно написать.
И еще вопрос: не будет ли искожена вся таблица, если на компе например стоит другое разрешение экрана?

   
 
 автор: elenaki   (22.10.2004 в 22:44)   письмо автору
 
   для: !!Yurchik!!   (22.10.2004 в 22:15)
 

style="background-repeat: no-repeat;" или
style="background-repeat: repeat-x;" или
style="background-repeat: repeat-y;"

этот стиль записывается в ячейку <td style="background-repeat: no-repeat;">
rконечно, в ячейке или в стиле должен быть опеределен и сам бакграунд.

   
 
 автор: !!Yurchik!!   (23.10.2004 в 00:27)   письмо автору
 
   для: elenaki   (22.10.2004 в 22:44)
 

Блин... это немного не то что я хотел... Понимаешь, бэкграунд то не повторяется, но и не растягивается... выходит, что вокруг него образуются "белые дыры". А мне нужно, что бы независимо от размера ячейки рисунок растягивался на всю ее площадь...
Да к тому же поверх рисунка еще должен быть текст. Так что по-моему только с помощью слоя это можно реализовать...
Я пробовал с помощью <div> но тоже блин не растягивается, хоть задаю 100% на 100%...

   
 
 автор: glsv (Дизайнер)   (23.10.2004 в 00:44)   письмо автору
 
   для: !!Yurchik!!   (23.10.2004 в 00:27)
 

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

Так а рисунок никак не растянется. Если состоит он, например, из 100 пикселей по ширине и 100 по высоте - то, при любом разрешении так и будет. Количество пикселей ничем не изменишь.

Пусть рисунок будет отцентрирован по ширине ячейки, а фон ячейки подберите таким образом, чтобы не было белых дыр. Тогда при растягивании все должно быть нормально... Но это если рисунок позволяет так делать. Вдруг там узор какой хитрый :)

   
 
 автор: !!Yurchik!!   (23.10.2004 в 18:19)   письмо автору
 
   для: glsv (Дизайнер)   (23.10.2004 в 00:44)
 

Ага... ну я так и думал... будем как-нибудь обходить... Спасибо!!!

   
 
 автор: elenaki   (22.10.2004 в 22:48)   письмо автору
 
   для: !!Yurchik!!   (22.10.2004 в 22:15)
 

при другом разрешении экрана размеры по вертикали и горизонтали изменяются пропорционально. если вы задаете размеры в процентах width=80% height=100%, то это вообще никак не отразится на таблице (если, конечно, текст в ячейках позволяет делать перенос, если есть пробелы между словами и слова не слишком длинные).
такие таблицы называются "резиновыми". а если вы задаете размеры в пикселях -
допустим, ширина 780, то она и останется 780 при любом разрешении экрана, просто будет больше или меньше места занимать на экране.

   
 
 автор: !!Yurchik!!   (23.10.2004 в 00:29)   письмо автору
 
   для: elenaki   (22.10.2004 в 22:48)
 

Понял, спасибо. А как обычно программисты борятся с длинными беспробельными словами. Неужели тупо после каждых 20 символов насильно впихивают пробел?

   
 
 автор: cheops   (23.10.2004 в 00:36)   письмо автору
 
   для: !!Yurchik!!   (23.10.2004 в 00:29)
 

Ну вообще-то так и поступают :) Для этого даже есть специальная функция wordwrap, позволяющая разбить строку на символами через определённый интервал
<?php 
  $text 
"Очень длинное слоооооооооооооооово."
  
$newtext wordwrap($text8"<br>"1); 
  echo 
"$newtext\n"
?>


http://www.softtime.ru/dic/id_dic=83&id_group=1

   
 
 автор: !!Yurchik!!   (23.10.2004 в 18:23)   письмо автору
 
   для: cheops   (23.10.2004 в 00:36)
 

там сказано:
...
функция wordwrap — Выполняет перенос строки на данное количество символов с использованием символа разрыва строки
...
А можно вместо Энтера Пробел вставлять???

   
 
 автор: cheops   (23.10.2004 в 18:26)   письмо автору
 
   для: !!Yurchik!!   (23.10.2004 в 18:23)
 

Да, если вы явно указываете третий параметр будет вставляться любой символ по вашему желанию:
<?php
  $newtext 
wordwrap($text8" "1);
?>

   
 
 автор: !!Yurchik!!   (23.10.2004 в 18:43)   письмо автору
 
   для: cheops   (23.10.2004 в 18:26)
 

Спасибо, понял.
P.S. Это, наверное, из-за того, что я доставал вас вопросами о НТМЛ вы и этот раздел форума соорудили :)

   
Rambler's Top100
вверх

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