|
Результаты поиска
|
|
| [61 | Тема: Вопросы от Кузьмича. Архив.] рыбак [18.02.2012, 01:30] |
Quote (likbezz) (width="233") + (width="687" + padding-right: 25px;) ≠ width="920"
Да, точно! В этом вся соль. А как тогда текст в ячейке с id=bar позиционировать. В див текст впихнуть? |
|
| [62 | Тема: Вопросы от Кузьмича. Архив.] рыбак [18.02.2012, 01:48] |
|
Я про слово бар, его нужно от правого края отодвинуть, в див его и paddingom или margin'ом? Добавлено (18.02.2012, 01:44)
---------------------------------------------
Двигать сам див или двигать текст внутри дива? Кажись без разницы  Добавлено (18.02.2012, 01:48)
---------------------------------------------
Quote (likbezz) не ставить второй ячейке фиксированный размер. Вот и всё.
Размер рассчитается от общей ширины таблицы с вычетом ширины первой ячейки...
Не понял зачем? Если просто у ячейки padding-right:25px убрать, то всё хорошо получается. |
|
| [63 | Тема: Вопросы от Кузьмича. Архив.] рыбак [18.02.2012, 02:19] |
|
И правда не смешно. Какое положение занимает текст "бар" с помощью width:auto;? Просто до упора вправо за счёт text-align, учитывая что я padding от ячейки удалил. А я обвёл "бар" дивом и задал диву padding. Наверное просто разных вещах говорим... |
|
| [64 | Тема: Вопросы от Кузьмича. Архив.] рыбак [18.02.2012, 02:53] |
Quote (likbezz) Ага - учитывай, что про “что-то удалить” я не писал ни слова
Так в padding-right: 25px вся соль же, вот я его и удалил, чтобы формула работала:
(width="233") + (width="687" + padding: 0px;) = width="920"
Quote (likbezz) Ага, и чем тогда это лучше пустого дива в низу сайдбара? ... Бесполезные теги?
Так я не "распираю" ячейку, у ячейки заданы жёсткие размеры, а див позиционируется внутри этой ячейки
Как то так...Добавлено (18.02.2012, 02:53)
---------------------------------------------
Просто слово бар и id="bar" не нужно путать в моих постах
В див я обвёл именно слово бар
Сообщение отредактировал рыбак - Суббота, 18.02.2012, 02:50 |
|
| [65 | Тема: Вопросы от Кузьмича. Архив.] рыбак [18.02.2012, 03:36] |
Просто я не понимаю почему фиксированная ширина не работает , ведь padding то это позционирование внутри ячейки, а не снаружи
Quote (likbezz) Где это я напутал?
а почему тогда способ которым я сделал - не верен? |
|
| [66 | Тема: Вопросы от Кузьмича. Архив.] рыбак [18.02.2012, 13:59] |
На этот абзац обратить внисание?:
Quote Соответственно тот же пример «ширина элемента 100px и внутренний отступ по 10px с каждой стороны» уже даст блок с общей шириной 120px! Так как width:100px означает именно 100px под контентную зону. Все отступы и границы добавляются к этому фиксированному значению.
Тоесть с width="auto" логичней и все браузеры это "понимают"? |
|
| [67 | Тема: Вопросы от Кузьмича. Архив.] рыбак [19.02.2012, 04:13] |
|
likbezz, посмотрел код http://likbezz.ru, свёрстано вроде не сложно. Это при желании можно любой стандартный дизайн переверстать в див, поднять контент выше меню без перерисовки картинок или я размечтался и приём с float:right; и float:left; не так универсален и прост? |
|
| [68 | Тема: Вопросы от Кузьмича. Архив.] рыбак [19.02.2012, 13:13] |
Quote (likbezz) Смотря каких картинок.
Вон страничку выше давал. Хочется ячейки в третьей строчке местами поменять, а остальное в принципе незачем в дивы. Опасение вызывает только то, получится ли подогнать без швов картинки. Очень важна кроссбраузерность, включая ИЕ >8 |
|
| [69 | Тема: Вопросы от Кузьмича. Архив.] рыбак [19.02.2012, 13:52] |
Quote (likbezz) В смысле < 8 )
да
Quote (likbezz) А почему должны быть швы?
ну в смысле сойдутся картинки как надо или нет. Сейчас пробую, вроде сходится... |
|
| [70 | Тема: Вопросы от Кузьмича. Архив.] рыбак [19.02.2012, 17:38] |
Из кода на прошлой страничке видно что структура сайта такая(без лишнего):
Quote <div align="center"> <table cellpadding="0" cellspacing="0" border="0" width="920" align="center"> <tbody> <tr><td height="38" width="233" id="data">Дата</td><td height="38" width="687" id="bar">Бар</td></tr> <tr><td height="165" width="920" colspan="2" id="header"> Кусок шапки</td></tr> <tr><td valign="top" width="233"style="background:url('http://ucoz.ru/.s/t/956/1.gif') repeat-y #D9DC82;"> Сайдбар</td> <td width="687" valign="top" style="background:url('http://ucoz.ru/.s/t/956/2.gif') repeat-y #FFFFFF;"> Контент</td></tr> </tbody> </table>
Я оставляю одну ячейку, заменяю ячейки дивами, меняю местами дивы, которым задаю float:
Quote <div align="center"> <table cellpadding="0" cellspacing="0" border="0" width="920" align="center"> <tbody> <tr><td height="38" width="233" id="data">Дата</td><td height="38" width="687" id="bar">Бар</td></tr> <tr><td height="165" width="920" colspan="2" id="header"> Кусок шапки</td></tr> <tr><td colspan="2"><div slyle="width:687px;float:right;background:url('http://ucoz.ru/.s/t/956/2.gif') repeat-y #FFFFFF;"> Контент</div><div slyle="float:left;width:233px;background:url('http://ucoz.ru/.s/t/956/1.gif') repeat-y #D9DC82;"> Сайдбар</div></td></tr> </tbody> </table>
И что удивительно...работает, картинки сходятся!  даже в ИЕ 7(не точно)
Какие ещё стили нужно задать блокам для надёжности? clear? block? overflow? Не знаю...
Доктайп если нужно, задан переходный:
Code <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> |
|
| [71 | Тема: Вопросы от Кузьмича. Архив.] рыбак [19.02.2012, 23:15] |
А так, в общем, ошибок в коде нет?
...
И ещё вопрос: как сделать чтобы дивы были растянуты до самого футера(как и было в ячейках), а то один до футера, а другой как "обрубок" ?
...
У ячеек было задано valign="top", может стоит и дивам сделать display: table-cell; и vertical-align: top; Или это лишнее и картинки и так никуда не сдвинутся?
...Добавлено (19.02.2012, 23:02)
---------------------------------------------
overflow:hidden; ведь нужен для блоков
Quote чтобы избежать разрывов содержимого и падения колонок
Или ячейка и так хорошо держит блоки
ЗЫ я не гонюсь за весом кода, мне главное кроссбраузерностьДобавлено (19.02.2012, 23:15)
---------------------------------------------
Уууууухты, что я увидел
Code <div class="sphome">
<h1>Вопросы от Кузьмича)). (Страница: 8)</h1><h2>Если вы пришли за помощью, то Вам сюда...</h2><h3>Кому требуется помощь в вёрстке сайта... и не только... </h3>
</div> |
|
| [72 | Тема: Вопросы от Кузьмича. Архив.] рыбак [19.02.2012, 23:50] |
Quote (likbezz) Нужно делать внешнюю обёртку с фоном для каждой такой ячейки
Если я ячейке в которой находятся дивы задам background , будет нормально?
Quote (likbezz) Работает только с блоками у которых указаны размеры.
ширины достаточно?
Добавлено (19.02.2012, 23:50)
---------------------------------------------
И что это за фитча, если не секрет?
Code <div class="sphome">
<h1>Вопросы от Кузьмича)). (Страница: 9)</h1>
<h2>Если вы пришли за помощью, то Вам сюда...</h2>
<h3>Кому требуется помощь в вёрстке сайта... и не только... </h3>
</div>
Сообщение отредактировал рыбак - Понедельник, 20.02.2012, 00:12 |
|
| [73 | Тема: Вопросы от Кузьмича. Архив.] рыбак [20.02.2012, 00:55] |
Quote (likbezz) Прописаны заголовки и всё. В смысле для поисковиков.
Понятно что это не элементы дизайна, вопрос КАК?
У Юкоза есть только $FORUM_TITLE$ - это как в title на этой страничке, тоесть Название - Категория - Раздел. |
|
| [74 | Тема: Вопросы от Кузьмича. Архив.] рыбак [20.02.2012, 01:36] |
likbezz, лучше б ты сказал что секрет как сделать
Это уникальнейший скрипт, можно патентовать или/и продавать! Мне со скидкой за идею
Не знаю как поисковики отнесутся к трём заголовкам вместе, но h1 точно нелишний... |
|
| [75 | Тема: Вопросы от Кузьмича. Архив.] рыбак [20.02.2012, 02:30] |
Code <?substr($FORUM_TITLE$,0,strpos($FORUM_TITLE$,' - '))?>
Спасибо! Это то что мне и нужно!
Quote только с разными вложениями друг в руга.
Данный - обрезает до названия тему на странице постов.
Quote (likbezz) а какая разница что они вместе? Главное - по порядку
Ну так заголовки придуманы чтобы под ними был текст...
Quote (likbezz) при отсутствии H1 и H2, точно отнесутся с подозрением
Вон часть юкозовских шаблонов имеют заголовки блоков в сайдбарах в h3 и ничего, живут
Я видел сайт с большой посещалкой(10тыЩ), у которого все заголовки новостей в разделе h1
Поэтому говорить что точно отнесутся с подозрением могут только поисковики |
|