Записи участника (рыбак) (Форум аццкого кодера)

Форум аццкого кодера

  • Страница 5 из 6
  • «
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • »
Скрипты и коды для юкоз - Форум аццкого кодера » Записи участника » рыбак [81]
Результаты поиска
Дата: Суббота, 18.02.2012, 01:30 | Сообщение #61 | Тема: Вопросы от Кузьмича. Архив.
рыбак
Майор
Группа: Проверенные
Сообщений: 81
Награды: 0
Репутация: 0
Статус: Offline
Quote (likbezz)
(width="233") + (width="687" + padding-right: 25px;) ≠ width="920"

Да, точно! В этом вся соль. А как тогда текст в ячейке с id=bar позиционировать. В див текст впихнуть?

 
Дата: Суббота, 18.02.2012, 01:48 | Сообщение #62 | Тема: Вопросы от Кузьмича. Архив.
рыбак
Майор
Группа: Проверенные
Сообщений: 81
Награды: 0
Репутация: 0
Статус: Offline


 Я про слово бар, его нужно от правого края отодвинуть, в див его и paddingom или margin'ом?

Добавлено (18.02.2012, 01:44)
---------------------------------------------
Двигать сам див или двигать текст внутри дива? Кажись без разницы tongue

Добавлено (18.02.2012, 01:48)
---------------------------------------------

Quote (likbezz)
не ставить второй ячейке фиксированный размер. Вот и всё.
Размер рассчитается от общей ширины таблицы с вычетом ширины первой ячейки...

Не понял зачем? Если просто у ячейки padding-right:25px убрать, то всё хорошо получается.

 
Дата: Суббота, 18.02.2012, 02:19 | Сообщение #63 | Тема: Вопросы от Кузьмича. Архив.
рыбак
Майор
Группа: Проверенные
Сообщений: 81
Награды: 0
Репутация: 0
Статус: Offline


 И правда не смешно. Какое положение занимает текст "бар" с помощью width:auto;? Просто до упора вправо за счёт text-align, учитывая что я padding от ячейки удалил. А я обвёл "бар" дивом и задал диву padding. Наверное просто разных вещах говорим...

 
Дата: Суббота, 18.02.2012, 02:53 | Сообщение #64 | Тема: Вопросы от Кузьмича. Архив.
рыбак
Майор
Группа: Проверенные
Сообщений: 81
Награды: 0
Репутация: 0
Статус: Offline
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
 
Дата: Суббота, 18.02.2012, 03:36 | Сообщение #65 | Тема: Вопросы от Кузьмича. Архив.
рыбак
Майор
Группа: Проверенные
Сообщений: 81
Награды: 0
Репутация: 0
Статус: Offline


 Просто я не понимаю почему фиксированная ширина не работает , ведь padding то это позционирование внутри ячейки, а не снаружи

Quote (likbezz)
Где это я напутал?

а почему тогда способ которым я сделал - не верен?

 
Дата: Суббота, 18.02.2012, 13:59 | Сообщение #66 | Тема: Вопросы от Кузьмича. Архив.
рыбак
Майор
Группа: Проверенные
Сообщений: 81
Награды: 0
Репутация: 0
Статус: Offline
Quote (likbezz)
Box model

На этот абзац обратить внисание?:
Quote
Соответственно тот же пример «ширина элемента 100px и внутренний отступ по 10px с каждой стороны» уже даст блок с общей шириной 120px! Так как width:100px означает именно 100px под контентную зону. Все отступы и границы добавляются к этому фиксированному значению.

Тоесть с width="auto" логичней и все браузеры это "понимают"?

 
Дата: Воскресенье, 19.02.2012, 04:13 | Сообщение #67 | Тема: Вопросы от Кузьмича. Архив.
рыбак
Майор
Группа: Проверенные
Сообщений: 81
Награды: 0
Репутация: 0
Статус: Offline


 likbezz, посмотрел код http://likbezz.ru, свёрстано вроде не сложно. Это при желании можно любой стандартный дизайн переверстать в див, поднять контент выше меню без перерисовки картинок или я размечтался и приём с float:right; и float:left; не так универсален и прост?

 
Дата: Воскресенье, 19.02.2012, 13:13 | Сообщение #68 | Тема: Вопросы от Кузьмича. Архив.
рыбак
Майор
Группа: Проверенные
Сообщений: 81
Награды: 0
Репутация: 0
Статус: Offline
Quote (likbezz)
Смотря каких картинок.

Вон страничку выше давал. Хочется ячейки в третьей строчке местами поменять, а остальное в принципе незачем в дивы. Опасение вызывает только то, получится ли подогнать без швов картинки. Очень важна кроссбраузерность, включая ИЕ >8

 
Дата: Воскресенье, 19.02.2012, 13:52 | Сообщение #69 | Тема: Вопросы от Кузьмича. Архив.
рыбак
Майор
Группа: Проверенные
Сообщений: 81
Награды: 0
Репутация: 0
Статус: Offline
Quote (likbezz)
В смысле < 8 )

да
Quote (likbezz)
А почему должны быть швы?

ну в смысле сойдутся картинки как надо или нет. Сейчас пробую, вроде сходится...

 
Дата: Воскресенье, 19.02.2012, 17:38 | Сообщение #70 | Тема: Вопросы от Кузьмича. Архив.
рыбак
Майор
Группа: Проверенные
Сообщений: 81
Награды: 0
Репутация: 0
Статус: Offline


 Из кода на прошлой страничке видно что структура сайта такая(без лишнего):
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>


И что удивительно...работает, картинки сходятся! biggrin даже в ИЕ 7(не точно)
Какие ещё стили нужно задать блокам для надёжности? clear? block? overflow? Не знаю...

Доктайп если нужно, задан переходный:
Code
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

 
Дата: Воскресенье, 19.02.2012, 23:15 | Сообщение #71 | Тема: Вопросы от Кузьмича. Архив.
рыбак
Майор
Группа: Проверенные
Сообщений: 81
Награды: 0
Репутация: 0
Статус: Offline


 А так, в общем, ошибок в коде нет?
...

И ещё вопрос: как сделать чтобы дивы были растянуты до самого футера(как и было в ячейках), а то один до футера, а другой как "обрубок" ?
...

У ячеек было задано valign="top", может стоит и дивам сделать display: table-cell; и vertical-align: top; Или это лишнее и картинки и так никуда не сдвинутся?
...

Добавлено (19.02.2012, 23:02)
---------------------------------------------
overflow:hidden; ведь нужен для блоков

Quote
чтобы избежать разрывов содержимого и падения колонок


Или ячейка и так хорошо держит блоки
ЗЫ я не гонюсь за весом кода, мне главное кроссбраузерность

Добавлено (19.02.2012, 23:15)
---------------------------------------------
Уууууухты, что я увидел tongue

Code
<div class="sphome">
<h1>Вопросы от Кузьмича)).  (Страница: 8)</h1><h2>Если вы пришли за помощью, то Вам сюда...</h2><h3>Кому требуется помощь в вёрстке сайта... и не только... </h3>
</div>

 
Дата: Воскресенье, 19.02.2012, 23:50 | Сообщение #72 | Тема: Вопросы от Кузьмича. Архив.
рыбак
Майор
Группа: Проверенные
Сообщений: 81
Награды: 0
Репутация: 0
Статус: Offline
Quote (likbezz)
Нужно делать внешнюю обёртку с фоном для каждой такой ячейки

Если я ячейке в которой находятся дивы задам background , будет нормально?

Quote (likbezz)
Работает только с блоками у которых указаны размеры.

ширины достаточно?

Добавлено (19.02.2012, 23:50)
---------------------------------------------
И что это за фитча, если не секрет? tongue
Code
<div class="sphome">
<h1>Вопросы от Кузьмича)).  (Страница: 9)</h1>
<h2>Если вы пришли за помощью, то Вам сюда...</h2>
<h3>Кому требуется помощь в вёрстке сайта... и не только... </h3>
</div>

Сообщение отредактировал рыбак - Понедельник, 20.02.2012, 00:12
 
Дата: Понедельник, 20.02.2012, 00:55 | Сообщение #73 | Тема: Вопросы от Кузьмича. Архив.
рыбак
Майор
Группа: Проверенные
Сообщений: 81
Награды: 0
Репутация: 0
Статус: Offline
Quote (likbezz)
Прописаны заголовки и всё. В смысле для поисковиков.

Понятно что это не элементы дизайна, вопрос КАК?
У Юкоза есть только $FORUM_TITLE$ - это как в title на этой страничке, тоесть Название - Категория - Раздел.

 
Дата: Понедельник, 20.02.2012, 01:36 | Сообщение #74 | Тема: Вопросы от Кузьмича. Архив.
рыбак
Майор
Группа: Проверенные
Сообщений: 81
Награды: 0
Репутация: 0
Статус: Offline


 likbezz, лучше б ты сказал что секрет как сделать tongue
Это уникальнейший скрипт, можно патентовать или/и продавать! Мне со скидкой за идею tongue
Не знаю как поисковики отнесутся к трём заголовкам вместе, но h1 точно нелишний...

 
Дата: Понедельник, 20.02.2012, 02:30 | Сообщение #75 | Тема: Вопросы от Кузьмича. Архив.
рыбак
Майор
Группа: Проверенные
Сообщений: 81
Награды: 0
Репутация: 0
Статус: Offline
Code
<?substr($FORUM_TITLE$,0,strpos($FORUM_TITLE$,' - '))?>

Спасибо! Это то что мне и нужно!

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


Quote (likbezz)
а какая разница что они вместе? Главное - по порядку

Ну так заголовки придуманы чтобы под ними был текст...
Quote (likbezz)
при отсутствии H1 и H2, точно отнесутся с подозрением

Вон часть юкозовских шаблонов имеют заголовки блоков в сайдбарах в h3 и ничего, живут
Я видел сайт с большой посещалкой(10тыЩ), у которого все заголовки новостей в разделе h1
Поэтому говорить что точно отнесутся с подозрением могут только поисковики tongue

 
Скрипты и коды для юкоз - Форум аццкого кодера » Записи участника » рыбак [81]
  • Страница 5 из 6
  • «
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • »
Поиск:


Мобильная версия