| |
|
|
| | Подскажите, пожалуйста!!!
У меня таблица из одного столбца и трех строк и в последнюю строку мне нужно вставить три меньших ячейки в одно, чтобы между границами у них было расстояние , т.е. наложить эти три ячейки на одну? | |
| |
|
|
| |
|
|
| |
для: xpom
(02.01.2007 в 10:51)
| | | вставить нужно таблицу из одной строки и трех столбцов | |
| |
|
|
| |
|
|
| |
для: xpom
(02.01.2007 в 10:51)
| | | <body>
<table border="1" cellpadding="0" cellspacing="0" width="100%" height="100%">
<tr>
<td>
текст
</td>
<tr>
<td>
текст
</td>
</tr>
<tr>
<td>
<table border="1" cellpadding="0" cellspacing="0" width="100%" height="100%">
<tr>
<td>
текст
</td>
<td>
текст
</td>
<td>
текст
</td>
</tr>
</table>
</td>
</tr>
</table>
</body>
эксперементируй со свойствами таблицы: cellpadding="0" cellspacing="0"
я тебе там файл прикрепил | |
| |
|
|
| |
|
|
| |
для: Valick
(02.01.2007 в 11:10)
| | | Спасибо большое!!! Очень помог мне! | |
| |
|
|
| |
|
|
| |
для: xpom
(02.01.2007 в 11:25)
| | | Можно задавать расстояние между границами ячеек по вертикали и горизонтали разные?
А со свойствами таблицы: cellpadding="0" cellspacing="0", что-то у меня не получается это сделать? | |
| |
|
|
| |
|
|
| |
для: xpom
(02.01.2007 в 12:17)
| | | Однозначно можно, на память не помню... пойду в книге посмотрю
Рекомендую А.П. Сергеев "HTML и XML"
Вообще если хочешь с таблицами (и не только) творить всё что пожелаешь используй внешние CSS файлы | |
| |
|
|
| |
|
|
| |
для: Valick
(02.01.2007 в 12:28)
| | | распечатайте и держите на рабочем столе как подсказку - очень удобная вещь
http://www.ilovejackdaniels.com/css_cheat_sheet.png | |
| |
|
|
| |
|
|
| |
для: xpom
(02.01.2007 в 12:17)
| | | Что-то одними CSS я и сам не могу разобраться)) , да и вообще все отступы лучше решать путём вложения таблиц в таблицы или вообще от них отказаться и работать со слоями... вариантов много) Раскажи поподробнее, что ты хочешь сделать? | |
| |
|
|
| |
|
|
| |
для: Valick
(02.01.2007 в 14:14)
| | | Я хочу сделать следующее:
Страница, она состоит из таблицы (как я расказывал выше), мне нужно в эту таблицу в нижнюю строку (т.е. ячейка) вложить 3 или больше окошка (т.е. ячейки), которые можно красиво расположить? | |
| |
|
|
| |
|
|
| |
для: xpom
(02.01.2007 в 14:42)
| | | Смотри прикреплённый файл. | |
| |
|
|
| |
|
|
| |
для: Valick
(02.01.2007 в 15:13)
| | | Да, спасибки, это то что надо!!!
Еще пару вопросиков:
Вот эти три вставленных окошка, т.е. таблицы, можно в них поставить значения в cellpadding="0" cellspacing="0", а потом ту область, что появится между границами ячеек залить черным цветом, тоесть сделать тень этих ячеек? Как эти ячейки можно перемещать по горизонтали?
А что обозначает valign="bottom", а то я подзабыл, а может и не знал?
А как работает id="mytable2" это точно я не знал? | |
| |
|
|
| |
|
|
| |
для: xpom
(02.01.2007 в 16:00)
| | | можно ставить всё и куда угодно, самое страшное, что может случиться это то, что эта белеберда не будет работать... так что не бойся эксперементов, меня это даже иногда прикалывает)
align - размещение объекта по горизонтали, valign - то же самое по вертикали.
align=left; align=center; align=right; лево, центр, право.
valign=top; valign=bottom; верх, низ. | |
| |
|
|
| |
|
|
| |
для: Valick
(02.01.2007 в 17:36)
| | | А как эти три ячейки можно перемещать по горизонтали? | |
| |
|
|
| |
|
|
| |
для: xpom
(02.01.2007 в 17:51)
| | | эти ячейки можно перемещать по горизонтали, вертикали, диагонали... и тд.
Можно применять абсолютное позиционирование, чего лично я не люблю, мне больше нравиться "резиновый" дизайн..
Но таблицы таблицами, и я смотрю тебе маловато просто вывести в браузер какой-то текст
Поэтому всё это можно решить с помощью слоёв... возможности вёрстки тут намного шире
В идеале HTML код должен содержать теги в чистом виде.. а CSS подключаться отдельным файлом, причём этих файлов может быть не один а много соответсвенно и дизайнов страницы тоже много, а HTML код остаётся неизменным...
поэксперементируй пока с таблицами, а я тебе пока набросаю всё это со слоями...
если ты хочешь перемещать окошки динамически в окне браузера, то нужен Я(Джа)ва Скрипт.. | |
| |
|
|
| |
|
|
| |
для: Valick
(02.01.2007 в 19:31)
| | | HTML файл | |
| |
|
|
| |
|
|
| |
для: Valick
(02.01.2007 в 22:01)
| | | CSS файл. Скопируй его туда же куда и HTML файл расположенный выше | |
| |
|
|
| |
|
|
| |
для: Valick
(02.01.2007 в 22:06)
| | | Супер!!!
Мне эти слои очень понравились!
А где ты этому научился, если не сикрет? Это все из рекомендуемой книги?
Спасибо что меня научил слоями делать!
А как сделать фон слоев не каким-либо цветом, а картинкой?
Как это - перемещать окошки динамически в окне браузера?
Это нужно устанавливать это язык прог. (Ява)? | |
| |
|
|
| |
|
|
| |
для: xpom
(03.01.2007 в 12:12)
| | | Ява и Ява Скрипт - это разные вещи. Пример скрипта с динамическим перемещением я тебе скину потом. Дополнительно устанавливать ничего не надо Ява Скрипты будут работать в браузере если не отключены. Рано говорить что я тебя чему-то научил, я тебе показал как, а дальше только практика) Да многое я взял из той книги, что я порекомендовал это одна из 23-х книг которые у меня есть. Просто есть хорошие книги а есть просто книги)
Если честно то сейчас я больше склоняюсь к программированию чем к дизайну, учу PHP, а HTML+CSS+JS это больше по части дизайна. | |
| |
|
|
| |
|
|
| |
для: Valick
(03.01.2007 в 13:28)
| | |
Если честно то сейчас я больше склоняюсь к программированию чем к дизайну, учу PHP, а HTML+CSS+JS это больше по части дизайна.
|
вообщето по части дизайна это рисовать, а HTML+CSS это верстка и JS- программинг. | |
| |
|
|
| |
|
|
| |
для: AlexSol
(03.01.2007 в 13:53)
| | | JS - программинг? Вот удивил... Советую почитать книгу "CSS - философия дизайна" Заметь дизайна, а не вёрстки!!! Не буду спорить, просто иногда слова сами по себе ничего не значат, и необходимо уметь читать между строк... а рисовать - это исскуство, как впрочем и дизайн, и вёрстка и программинг | |
| |
|
|
| |
|
|
| |
для: Valick
(03.01.2007 в 19:15)
| | | когда на книгу ссылаешься на авторов указывать. (если это то, о чем я думаю, то очень вероятно что это особенности перевода на русский.)
JS - программинг. просто задачи разные есть - простые и не очень.
я спорить тоже не буду, просто не правильно всю не серверную работу на дизайнера вешать. :) | |
| |
|
|
| |
|
|
| |
для: AlexSol
(03.01.2007 в 19:22)
| | | А по Вашему нарисовал кортинку и гори оно всё синим пламенем?)))) Ну уж фигли... нафик такой дизайнер?))) Согласен JS дизайнеру можно и не знать (хотя не помешает), а вот HTML и CSS в обязаовку... иначе в колхоз на уборку свеклы!!!!))) шутка.... | |
| |
|
|
| |
|
|
| |
для: Valick
(03.01.2007 в 19:55)
| | | а кто спорит что неплохо? конечно неплохо, но вот в нашей стране очень плохая тенденция - чтобы устроится на работу требуют знание всего - фотошеп, илюстратор, хтмл, флеш, цсс, пхп, мускул....
мне кажется это неправильно.
да, именно 'гори оно всё синим пламенем' - это верный подход (но не у нас). кстати дизайнер даже может не уметь рисовать - это задача составить красивую картинку (или грамотно руководить тем, кто будет составлять :)) | |
| |
|
|
| |
|
|
| |
для: AlexSol
(03.01.2007 в 20:22)
| | | Предлогаю завести в разделе "Разное" тему "Дизайнеры vs Программеры".. в конце года устраивать сходняк с битьём морды лица и последующим распитием спиртных напитков ))))
А здесь есть Хром которому надо помочь разобраться с темой...
Кстати Хром забыл предупредить CSS это большой "головняк".. попробуй в разных браузерах одну и ту же страницу и поймёшь... Если выводишь вместо бекгоунда картинку применяй абсолютное позиционирование, а "резиновый дизайн" с картинками это "высший пилотаж"... | |
| |
|
|
| |
|
|
| |
для: Valick
(03.01.2007 в 20:53)
| | | ну если помощ нужна, то поможем, в меру возможностей :)
а vs устраивать не надо - одни другим не мешают :) | |
| |
|
|
| |
|
|
| |
для: Valick
(03.01.2007 в 19:15)
| | | PHP учу сам, сейчас меня интересует технология Smarty, и необходимо изучить объектно-ориентированное программирование. Самому можно выучить даже китайскую грамоту, было бы желание и время. Вообще меня интересует много чего в жизни, жать только времени не хватает. Вот тебе пример динамического перемещения (см. пр. файл) | |
| |
|
|
| |
|
|
| |
для: Valick
(03.01.2007 в 13:28)
| | | А как залить фон слоев не каким-либо цветом, а картинкой?
P.S.
Да PHP это силный язык!
А ты сам учишь или в университете коком-нибуть?
Я думаю реально и самому это все познать?
А ты как думаешь? | |
| |
|
|
| |
|
|
| |
для: xpom
(03.01.2007 в 14:20)
| | | самому реально - главное побольше практики.
фон для тега:
<тег style="background:url(путь к картинке) no-repeat top left;>
|
http://css-info.narod.ru/background-css.html#background | |
| |
|
|
| |
|
|
| |
для: AlexSol
(03.01.2007 в 14:34)
| | | А у меня почему-то не получается сделать фоном картинку.
Ставлю вот так:
background-image: pictures.gif
|
где pictures это название картинки,
это все вставляю в CSS файл,
картинка находится там же где CSS и html файлы.
Что здесь не правильно? | |
| |
|
|
| |
|
|
| |
для: xpom
(03.01.2007 в 16:05)
| | | вы ссылку посмотрели?
background-image:url( pictures.gif );
|
| |
| |
|
|
| |
|
|
| |
для: AlexSol
(03.01.2007 в 16:25)
| | | А кокой url указывать, если картинка у меня на копьютере? | |
| |
|
|
| |
|
|
| |
для: xpom
(03.01.2007 в 16:35)
| | | тут теже правила что и для ссылок - можно абсолютный путь писать (http://www.....) или относительный - относительно файла css - если css и изображение в одной папке, то
url(img.jpg); | |
| |
|
|
| |
|
|
| |
для: AlexSol
(03.01.2007 в 16:38)
| | | Я так и делаю, картинка и файл в одном фойле
background-image: pictures.gif ;
|
и ничего не выходит? | |
| |
|
|
| |
|
|
| |
для: xpom
(03.01.2007 в 16:56)
| | | однако вы упрямый!
http://css-info.narod.ru/background-css.html#background
background-image:url(pictures.gif);
|
зачем вы убираете url() ? | |
| |
|
|
| |
|
|
| |
для: AlexSol
(03.01.2007 в 17:15)
| | | Просто я ни как не могу понять | |
| |
|
|
| |
|
|
| |
для: xpom
(03.01.2007 в 17:47)
| | | Я все понял. Нужно просто url() оставить!
А я думал url() для примера только :)
Как можно сделать что бы слой, вложенный в "другой слой", прижался к низу этого "другого слоя"? | |
| |
|
|
| |
|
|
| |
для: xpom
(03.01.2007 в 19:53)
| | | Вложенный в другой слой, это отчасти относительное понятие... при абсолютном позиционировании другие правила... а вкладываются они почти как таблицы, важно помнить что куда вложил.
<div id=слой>
<div id=вложенный слой>
</div>
</div>
для того чтобы слой был прицеплен снизу, не надо его вкладывать
<div id=слой1>
</div>
<div id=слой2>
</div>
если два слоя вложены в какой-то слой, то для их отображения по горизонтали надо указать параметр float:
для того чтобы слой был снизу надо убрать строчку с параметром float: | |
| |
|
|
| |
|
|
| |
для: Valick
(03.01.2007 в 20:01)
| | | Понятненько, спасибо!
Буду искать другие пути. Я хотел с помощью этого отобразить внизу страницы некоторые ссылки, которые будут отображаться на всех страницах.
Но это лучше наверное сделать с помощью динамического создания страницы, т.е. эту часть вставлять из отдельного PHP файла? | |
| |
|
|
| |
|
|
| |
для: xpom
(03.01.2007 в 22:17)
| | | а может новую тему создадите и опишете что нужно? а то к концу этой уже забываешь с чего начиналось... | |
| |
|
|
| |
|
|
| |
для: xpom
(03.01.2007 в 22:17)
| | | Хочу порекомендовать тебе ещё одну книгу Влад Мержевич "Ускорение работы сайта", (кстати у меня много книг издательства BHV, из них ни одной плохой) там очень хорошие примеры, подробно расписаны макеты дизайна сайта, очень хороший фундамент для сайта.. | |
| |
|
|
| |
|
|
| |
для: Valick
(03.01.2007 в 23:39)
| | | спасибо за рекомендации! Попробую отыскать где продают такие книги! | |
| |
|
|
