HTML Coding
Subforums
-
- 30.1k
- posts
-
- 1k
- posts
-
- Про макеты
- By klierik,
Explore Questions
There are no popular questions to show right now
-
0 votes0 answers
-
0 votes0 answers
-
0 votes0 answers
-
0 votes1 answer
-
0 votes3 answers
29542 questions in this forum
-
Тень таблицы
Здравствуйте как сделать тень у основной таблицы при табличной верстке? в интернете нашел идею, сделать картинку и вставить её) т.к Фотошопом владею вариант лучше некуда, но можно ли сделать так, чтобы эта тень повторялась по вертикали? ну сообственно на всю высоту блока? можно конечно сделать просто огромную картинку, но надеюсь есть вариант более...рациональный что-ли) или мб можно обойтись средствами CSS? видел тег border-shadow вроде бы...но Notepad++ даже не отображает это как тег... Вот примерно как здесь хочу эффект: http://www.zvirec.com/
0 votes2 answers -
нужна помощь новичку
очень надо знать как можно сделать чтоб какой нить НТМL код, или скрипт останавливал загрузку страницы на заданном месте.
0 votes22 answers -
Хак для всех IE
Существует ли css-хак, чтобы изменения коснулись IE всех версий? Условные комментарии использовать нельзя.
0 votes12 answers -
картинка и Div перекрывает ссылки
Ребят подскажите пожалуйста. У меня центральная картинка и ее же блок перекрывает нижние эконки с ссылками, так же слева макета есть ховер на текст , также слегка перекрываемый картинкой, следовательно та часть которая перекрыта не срабатывает вот стили блока и изображения #main { width: 600px; min-width: 600px; height: 100%; min-height: 600px; position: absolute; z-index: 0; left: 0; right: 0; margin: auto; top: 20px; } .centerpic { position: absolute; left: -50px; right: 0; bottom: 10px; margin: auto; top: 0; z-index: 1; } стиль эконок в подвале .block { width: 30px; height: 30px; pos…
0 votes8 answers -
Закруглённые края ПОМОГИТЕ
Помогите, который день мучаюсь с углами в İE.. Сегодня наконец добилась хоть какого-то прогрeсса. Подключила DD_roundies_0.0.2a.js Код: <script src="DD_roundies_0.0.2a.js" type="text/javascript"></script> <script type="text/javascript"> DD_roundies.addRule('.roundify', '10px'); </script> В CSS: .roundify { border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; } Удачно закруглил один угол... Начались проблемы из-за scroll. Выносит края scroll на бордер и не округляет их.. Уже не знаю что делать.. + в Опере на почему-то на закруглённом бордере оставляет белые углы. Как с этим бороться?
0 votes10 answers -
Трудности с размерами (width/height)
Здравствуйте. Недавно начал изучать блочную верстку. Сайт-пример получился на отлично. От оригинала не отошел ни на йоту, вроде бы разобрался, а начал свой и столкнулся с некоторыми проблемами. А конкретнее следующее. Для ячейки таблицы прописываю следующие параметры: td.shadow { width: 100%; height: 37px; } и не работает ни один ни второй параметр. Причем по всей таблице несколько таких косяков. В чем может быть проблема?
0 votes14 answers -
Атрибуты alt и title для background изображения
Подскажите, как добавить атрибуты alt и title к изображению, которое выводится с помощью стиля background:? Пример: <div class="pic-1" style="background: url("/upload/iblock/fca/fca34dab58e4a102ad5d79d7cb0c7d2c.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);"> <a href="/about.php"></a> </div>
0 votes4 answers -
Помогите пожалуйстА!!!!
Здравствуйте, уважемые веб-мастера или кто еще. У меня проблема. Зайдете на ту ссылку http://jaeser.narod.ru/sos.htm И вы замечаете, что правый блок не выровнен так как надо(вверх). У меня задача: Мне нужно выравнивать правого на той высоте что и левый. При position эксплорер нормально показывает, а вот в Опере уже проблемы(а может и в Файерфоксе)... Я пытался то align, valign, float и никаких результатов... ТАк что лучше пользоваться другим способом, но ни в коем случае не position!!! А каким может быть другой способ? Надеюсь на вас...
0 votes28 answers -
Есть окно, как можно зделать что курсор автоматом был в нем
Всем привет, тут такой вопрос. Есть в сайте окно для ввода, как можно зелать что при загрузке старницы автоматом в этом маленьком окоше для ввода сразу был курсор. Тобиш что б сразу можно было туда вбивать текст. не тыкая мыкой туда.
0 votes16 answers -
Отступ после текста
Какую строчку кода на css добавить, чтобу отступ после текста внизу был 15px ?
0 votes8 answers -
0 votes14 answers
-
CSS + bg-image + text
Всем добрый день!!! Проблема в следующем: Делаю растягивающуюся менюшку с размноженным задним фоном. Попытался добавить стиль в CSS: TD.menu { font-family : Tahoma, Arial, sans-serif; font-size : 10px; text-align: center; font-weight: bold; color: #ffffff; background-image: url('images/lttemplate/menu_m.gif'); } <td class="menu" width="13%"> Результат - текст нужного стиля, первая ячейка растягивается на максимум, остальные - по ширине текста. Заднего фона нет. Если в тег <td> добавить style="background-image: url('images/lttemplate/menu_m.gif')" Получаем первую ячейку на максимум, остальные - по ширине текста, задний фон появляется. Желаем…
0 votes29 answers -
Высота ячеек в IE
Проблема такая: Наверстал страничку, сделал таблицу примерно таким образом: Тейбл сделал по ширине 100%, по высоте 100% (чтобы при неполном заполнении желтой ячейки по высоте не уезжал) Проблема такая, в IE если текста в желтой ячейке больше по высоте, чем экран (т.е. тейбл уезжает по высоте), голубые ячейки тоже увеличивают высоту. Пробовал фиксировать и через свойста тега и через CSS. Вот код тейбла: <TABLE cellspacing=0 cellpadding=0 class="big" rules="none"> <TR><TD colspan=3 height=259> <TABLE width=100% cellspacing=0 cellpadding=0 border=0 height=259> <TR><TD rowspan=2 width=756 height=234> <TD background="/images/toptop.…
0 votes6 answers -
Не получается добавить изображение в шапку сайта
Здрасте .. пишу к вам с просьбой о помощи, если как-то не ясно напишу, скажите сразу. Собственно, есть сайт. Таблица стилей там и всё как положено. Проблема заключается в том, что я не могу пока что понять, как добавить изображения в шапку сайта при этом не допустив сдвигов дизайна сайта. Копался в таблице стилей и в div'ах - не смог понять своими мозгами <img src="http://forum.htmlbook.ru/public/style_emoticons/<#EMO_DIR#>/sad.gif" style="vertical-align:middle" emoid="" border="0" alt="sad.gif" /> а хочется ... Представлю скрины: 1. Так, как должна быть страница. Между ТЕКСТ и цифрами должно поместить два небольших изображения. <img src="" border="0" class…
0 votes29 answers -
Табличная верстка
Как создать таку таблицу: ++++++++++++++++ + + + + + + + ++++ + + + + + + + +++++++++++++++
0 votes8 answers -
Footer по нижнему краю
Здравствуйте, уважаемые! Ну никак не могу найти достойного решения следующей задачи: Есть макет: Шапка (фикс. высота и ширина), Блок контента (фикс ширина и на 100% высота) и футер который будет прижат к нижнему край окна (даже при малом и бОльшом количестве контента). Ну никак не соображу как сделать, а готового решения до сих пор не нашел. Верстать надо блоками, ведь 21 век на дворе Буду признателен за помошь!
0 votes9 answers -
Ограничение минимальных размеров div
Здравствуйте. Обращаюсь с вот такой проблемой, для которой никак не могу подобрать решение. Есть "резиновая" страница, состоящая из двух колонок на базе div: правая фиксированной ширины для меню навигации, а левая - с основным текстом, горизонтальные размеры которой подстраиваются под размеры окна браузера. Под текстом находится форма обратной связи. Можно ли как-то ограничить горизонтальные размеры левой колонки оредел?нной величиной, скажем, 300px? Пока никакого решения (без использования таблиц) не наш?л. Просто если совсем сузить окно браузера, элементы формы залезают на меню навигации, а мне этого не нужно.
0 votes10 answers -
Проблемы с background image
У меня на сайте должно использоваться 2 фоновые картинки, но как сделать так, чтобы основной была одна картинка, а главные страницы каждого каталога - отображалась другая картинка. Я основную картинку записал в файл CSS, а на главных страницах через аттрибут style тега body отбражалась картинка №2. Сделал это, так Ie вкачестве картинки дал белый фон!
0 votes14 answers -
Дизайнер или я криворукий?
В общем у меня макет псд сайта. Нужно верстать и чтобы сайт был резиновым. Я копирую шапку, в псд макете она 900 пикселей в ширину. Потом вставляю в style.css ( #header { background-image: url (img/header.png); }) и шапка всё равно фиксированна, хотя в конструкторе хтмл шаблона указывал, чтобы сайт был резиновым. Если увеличивать ширину картинки в гимпе и потом вставлять, то всё равно же она фиксированна будет в браузере. Вопрос: какая ширина должна быть у сайта, когда он в псд, если сайт должен быть резиновым? Каким его должен делать дизайнер? Просто дизайнер мой друг и мы оба позорные дилетанты в сайтостроении, мы пока только 1 сделали и он был фиксированным, и вперв…
0 votes31 answers -
IE8 Beta
На прошлой неделе тестил IE8 beta. Вот то что на первый взгляд удалось отыскать. 1) Наличие встроенного IE development Tools, очень похожа теперь на fireBug, а в чем то даже, пожалуй, превосходит его. В частности есть отдельные опции отслеживания старта и выполнения JS функций. (fb показывает время работы) 2)умышелнно уронил браузер - автоматически оживает! 3)ну и вобщем как и общеалось - эмулция ie7\ie8 одной кнопкой. Похоже microsoft проапгрейдил таки свою кучку индусов.
0 votes16 answers -
img в строчном элементе span
Пытаюсь засунуть картинки img в inline элемент span (или <div style='display:inline'>) с заданной шириной. Оберточный элемент схлопывается, картинки слепляются. Самое интересное что в IE все работает как надо, проблема в firefox и хром. Помогите пожалуйста моей беде... При этом элементы обязательно должны быть строчными, так как я не знаю сколько будет картинок, и они могут перейти на другую строку. Код <span style="width: 200px; border: 1px black solid;"><img src="/img/k.jpg" width="50" height="50"></span> <span style="width: 200px; border: 1px black solid;"><img src="/img/k.jpg" width="50" height="50"></span>
0 votes2 answers -
Перенос текста при абсолютном позицировании
В общем искал объяснение в инете, и ничего попутного не нашел. Проблема собственна решена, но не понятна причина. Есть у меня кнопка, которая спозиционирована внутри родительского контейнера абсолютно. Только вот когда, макет у меня ужимается до мобильных разрешений, текст кнопки переносится на след. строку, хотя места вокруг достаточно, для расположения текста в одну линию(на прикрепленном к посту скрине, показано это странное поведение). Проблема, из-за чего возникает такое поведение возникает из-за этих двух строчек: left: 50%; transform: translateX(-50%); если их убрать, то текст кнопки в одну располагается в одну линию. Вот полный пример . Данная …
0 votes1 answer -
Темплейты smarty кешируются?
Добрый день. Имею вопрос по smarty. Вводная: есть сайт с использованием smarty. Скомпилированные темплейты лежат в паке templates_c Теперь собсвенно к вопросу: если скопировать новый темплейт (xxxxx.tpl) в папку templates, то на странице ничего не обновиться, пока не будет удален скомпилированный темплейт с папки templates_c Может кто встречал такую бяку? И как от нее избавиться?
0 votes5 answers -
SCROLLBAR - прокрутка
Как в форме убрать горизонтальную прокрутку? Заранее благодарен!
0 votes9 answers -
IE7
Проблема в общем хреновая (, упустил момент теперь надо думать. В ИЕ7 появилась нижняя полоса прокрутки при разрешении 1024 (чего быть не должно.) В ИЕ6 это решалось с помощью #footer, #header { margin: 0 -1px; } Естественно во всех других браузерах все окей. Может у кого есть соображения ? Я понимаю что не телепаты, но может слыхали ? Пока что буду локализовывать проблему (((, встрял ( блин попробывал было быстро решить прописав и для ие7 то же самое не помогло ). Выявил проблемные участки : /*#main1 { position: relative; min-height: 100%; min-width: 999px; } */ /* #header { position: relative; background: url(../img/lentaBottomImage.png) no-repeat 974px …
0 votes16 answers