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
29,542 questions in this forum
-
Таблица с квадратными ячейками.
Здравствуйте! Такой вопрос нужно сделать таблицу, которая занимает 100% доступной ширины. Она имеет 31 стобец и 7 строк. Нужно, чтобы ячейки всегда были квадратные. Я задаю фиксированные ширину и высоту для ячейки и это прокатывает, но если увеличивать контейнер в котором раположена таблица, ячейки становятся прямоугольные, а должны всегда сохранять форму квадрата. Может кто-нибудь подскажет, как решить этот вопрос? Спасибо!
0 votes6 answers -
CSS, растягивание блока в высоту
Суть следующая: есть один большой блок, содержащий два других: один слева, другой справа. большой блок содержит ТОЛЬКО другие блоки и больше ничего. а вот левый и правый внутренние блоки содержат текст. причём, на каждой странице сайта - кол-во текста разное. задача: сделать так, чтобы высота большого блока равнялась высоте самого большого из двух внутренних блоков, а самое главное: чтобы другой внутренний блок имел такую же высоту! проще говоря: высота ВСЕХ трёх блоков должна быть РАВНА и зависеть от высоты самого большого из внутренних! Проблема в том, что если большому блоку задать фиксированную высоту в пикселях, то внутренним можно поставить по 100% и всё работает. а…
0 votes4 answers -
Тень от текста в html
Подскажите, реально-ли сделать тень от текста при помощи стандартных средств html и css, если текст находится сверху бэкграунда? Если нет, подскажите простое решение плиз.
0 votes9 answers -
не работает text-decoration
есть такой css div.ws {color:#000000; text-decoration:underline} .ws a {text-decoration:none; color:#FF0000} и такой HTML <div class="ws"> <h3>Влияние лунного света</h3> <p><a href="pages/mont/vk.html">на рост бараньих рогов</a></p> получается вот это: Почему цвет ссылки FF0000, т.е. красный, а подчеркивание все равно остается?
0 votes2 answers -
Интересная задачка
Приветствую. На днях попалось на глаза такое: Описание: Календарик. Колонок календаря всегда 20. может прокручиваться (не до бесконечности). Есть события которые длятся несколько дней (см. рисунок) Исходный данные: Ширина - фикс Высота/ширина колонок - фикс Слева сайдбар - строк может быть даже 200. На заметку: Мышкой можно выделять область (как в Екселе ячейки) (см. рисунок) Интересна реализация верстки. Какие будут идеи? PS: макет сам наклепал на скорую руку.
0 votes44 answers -
про float и width
хреновый все-таки из меня дизайнер. имеем: .pic {float:left; padding:4px; margin:6px; background-color:#3c3c3c; border:1px solid #bdbdbd;} <div class="pic"> <a> <img> text </a> text </div> глюк - идут подряд картинки. пока размер одинаковый все нормально. как только встречается вместо 150*113 вертикальная 113*150, следующие две 150*113 благодаря float позиционируются вертикально и прилипают друг к другу. очевидное решение - задать постоянную высоту, одинаковую для всех картинок. ну, 150px+13pt+11pt примерно 185px. ширина 150px+4px*2(padding)+1px*2(border)=160px. чтоб избежать большого фона снизу, вводим внешний контейнер. получило…
0 votes12 answers -
gmail не видит картинки в html письме
Добрый день, я ранее задавал этот вопрос, пожалуйста, кто разбирается в html письмах, помогите. Сверстал письмо, перепробовал и картинки на хостинг заливать и задавать им путь оттуда, gmail не видит, пробовал и локальные изображения через сервисы рассылки email, заливая туда свой шаблон, гугл все равно их не хочет видеть, в чем беда?
0 votes14 answers -
Резиновая строка между 2х таблиц???
Как сделать что бы последняя (нижняя) таблица прилипала к нижнему краю экрана? Структура: Таблица1 Таблица2 Таблица3 Что нужно: Структура: Таблица1 Таблица2 резиновая строка, пробел и т.д. и т.п. Таблица3 (прилипшая к нижнему краю экрана) код оч длинный так что вот www.karta-fitness.ru Фуф...с надеждой что хоть кто-то поймет что я тут нацарапал...
0 votes10 answers -
Шапка из 3 картинок + Беграунд
Добрый день, Уважаемые Гуру! Есть такой вопрос, как сделать на дивах следующее. Есть 3 картинки которые находятся в шапке сайта: Left.gif, center.gif, right.gif Надо чтобы центральная картинка была на месте по центру страници а левая и правая при изменении размера прятались или появлялись. Уже парюсь 3 дня все мысли кончились
0 votes21 answers -
Кнопка формы выпадающего списка
Здравствуйте ребят .при верстке макета возник вопрос с кнопками в форме (см скрин ниже выделены красным цветом) google так и не дал вразумительного ответа по поводу того как их редактировать и можно ли их в обще редактировать с помощью css и как вставить эту оранжевую картинку впереди текста у меня получается так (см скрин ниже) как ни старался вставить картинку в форму не смог.она либо перекрывает текст.либо залезает за рамку формы вниз.как от центровать её тоже не разобрался у меня получилось так итог) 1вопрос? Как изменить картинку кнопки (если возможно ) 2 вопрос? как вставить картинку (если возможно) 3 вопрос? Как отцентровать текст по ц…
0 votes3 answers -
как определить десктопный браузер или нет
Всем здрасте. Суть проблемы: есть обычная версия и мобильная. Пользователям ПК сразу должна выдаваться обычная версия (ddd.ru) с этим проблем нет , пользователям мобильных устройств (кпк, смарт) предлагается на выбор или обычная, или кпк версия (pda.ddd.ru) вот тут-то я и стопанулся. Гипотетически надо определять по юзер агенту, но подробной информации по этому вопросуне нашел. Если кто поможет - буду очень благодарен.
0 votes4 answers -
Как сделать горизонтальную полосу прокрутки, если таблица не влезает в ширину
Здравствуйте. Такая проблема. Имеется - резиновая верстка и надобность сделать горизонтальную полосу прокрутки, если таблица не влезает в ширину. Не выходит. Обернул таблицу в div. overflow-x: scroll; желает работать только со строго заданным width. С max-width он тоже работает, но резиновым элемент от этого не становится. Вот эта благодать - http://pskov.izbirkom.ru/quantity.html table обернута в <div id="qty-table"></div> со стилем #qty-table { float: left; overflow-x: scroll; width: 600px; -width: 600px; } Вопрос - как же сделать резину? Спасибо.
0 votes3 answers -
Вёрстка разделителей списков
Здравствуйте! Столкнулся с проблемой. Не знаю как написать CSS для списка вида: Скрипт выводит html код вида: <ul> <li>Элемент1</li> <li>Элемент2</li> <li>Элемент3</li> </ul> Проблема в том, что элементов может быть любое количество, но если через CSS привязать разделитель (в данном случае - символ "|"), то он будет применяться и для последнего элемента списка (что совсем не нужно). Посоветуйте, как быть в данной ситуации?
0 votes47 answers -
IE6 как обычно портит всю картину! Изменение высоты ячеек по вертикали
Доброго времени суток! Уже руки опускаются, не знаю что придумать. В общем дизайн сайта корректно отображается в Opera и FF, но в IE как обычно что-то отображается криво. Ссылка удалена автором темы! В нижней части рамки для ссылок, IE растягивает по вертикали одну строку ячеек (хотя задана точная высота первой ячейки) и происходит дублирование фонового изображения. Мне-то все-равно, т.к. материал на сайте будет предназначен в основном для Линуксойдов, но все-равно неприятно... Я конечно могу и отключить при помощи CSS дублирование фона конкретных ячеек, но хотелось бы узнать - может быть есть способ, с которым IE станет отображать разбивку страницы сайта нормально? Прост…
0 votes9 answers -
Возможно ли убрать название якоря из строки браузера
Как убрать название якоря из строки браузера когда нажимаешь на ссылку такого вида <a href="#link"> link <a> в строку браузера добавляется #link, нужно чтобы этого не происходило
0 votes5 answers -
Создание простенького сайта, нужна помощь
Всем привет. В общем плане, цель моей курсовой по информатике создать сайт о автомобилях любой марки. Ни чего особенного, простой сайтик написанный в блокноте. Встал вопрос - с чего начать? Я так думаю, что нужно задать структуру странице, чтобы например слева меню, вверху большими заглавными буквами само название сайта, ну и по центру вся инфа. Вся проблема в том, что я не знаю как эту структуру прописать в блокноте. т.е. мне нужна помощь с шаблоном, а дальше я сам попробую разобраться. На картинке примерно показана, та структура о которой я говорил выше, кто знает как е? прописать на языке хтмл, помогите пожалуйста. Спасибо
0 votes37 answers -
Как сделать, чтобы при нажатии на ссылку появлялся сбоку блок(div)?
Есть список услуг, каждая категория - это ссылка, список находится слева. Нужно так, чтобы при нажатии на категорию сбоку появлялся блок. При этом, нужно, чтобы при нажатии на другую категорию этот блок закрывался и появлялся новый. если можно чтобы плавно появлялся блок. Помогите пожалуйста, народ, очень нужно.
0 votes5 answers -
Помогите решить проблему с дивом в таблице
В таблице есть 2 строки: верхняя имеет высоту=100%, а нижняя просто 100. В верхнее поле вписан див, в стиле которого так же стоит высота=100%, добавлен оверфлоу=авто и скролл=авто. Но проблема в том, что Опера некорректно отображает этот див (высота в 0 пиксель, не показывая содержимое дива и отображая только его только границы). Проблему с Оперой можно побороть, поставив в стиле дива свойство display, равное table. Но тогда начинает выпендриваться Фаерфокс, бесконечно увеличивая высоту дива и не показывая скроллбары. Пример вот: <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"> <head> <title>Мой чат</title> </head> <…
0 votes26 answers -
подчеркивание многострочного абзаца
Гуры HTML Подскажите пожалуйста как замутить такое text text text text text text text text text text text text text text text text text text text text text text text text text text text __________ Чтобы подчеркивание растягивалось именно с текстом последней строки, при изменении размера страницы.
0 votes11 answers -
Проблема с меню
В общем мне нужно чтобы меню в css разпологалось горизонтально, оно состоит из рисунков и разбито на классы. #menu_graf { width:100px; background:#0000FF;} #menu_graf a { text-decoration:none; } #menu_graf div { width:100px; height:30px; cursor:pointer; } #menu_graf a.knopka1 { background: url("images/button_1.gif") no-repeat; } #menu_graf a.knopka1 div { background: url("images/button_1.gif") no-repeat; } #menu_graf a.knopka1:hover { background: url("images/button_1_hover.gif") no-repeat; } #menu_graf a.knopka1:hover div { background: url("images/button_1_hover.gif") no-repeat; } А вот следующая кнопка разпологается сразу после предыдущего, как сделать чтобы было горизо…
0 votes34 answers -
Как обрезать картинку снизу?
Друзья, возникла задача построения ряда блоков. Блоки располагаются один под другим. В каждом есть изображение, которое должно обрезаться снизу. Однако сам div нестандартный. Смотрим картинку Какие у меня были варианты решения: Использовать overflow: hidden; Но идея потерпела крах, потому что он обрезает не по линии, а по горизонтали. Использовать clip; Тоже крах, потому что теряется адаптивность и каждый раз рассчитывать clip даже с помощью js тяжело Разные варианты совмещения. Например, взять из макета дугу и картинку, сохранить как PNG и установить в основном слое как background-position: bottom; Пока это самая лучшая идея, но она не унив…
0 votes17 answers -
Бывают ли дробные пиксели
Уважаемые развейте мои сомнения. Столкнулась с такой вот вещью, как дробное указание величины в пикселях. Такое вообще может быть На моей памяти пикселы не деляться
0 votes10 answers -
Индексация поисковиками страници с фреймами (frameset)
Здравствуйте! Пришел к вам на форум, чтобы спросить следующее: Я вообще флешер. Делаю сейчас сайт приятелю. Нужно сделать красивым, и в тоже время, очень важно отображение в поисковиках. Для этого, я решил использовать фреймы. Раньше никогда их не пробовал, но изучив понял, что все просто. Только вот моя логика подсказывает, что возможны проблемы с поисковиками. Подробности: Я буду делать сайт таким: 1. Страница index.html в которой прописано вместо Фреймов будет 4. первый будет флеш шапка, второй, флеш подвал, третий левая колонка, а четвертый все остальное. Т.е Первые три флейма будут полностью заняты флешками, а четвертый, будет подгружать и менять html страници сай…
0 votes32 answers -
Список в две колонки
Ну, как все уже поняли, основные вопросы у меня сейчас связаны с http://km.transmagistral.ru Список в центре сделан в две колонки: #cats_fp li { display:block; float:left; margin-bottom:30px; margin-right:5%; width:45%; background:url(/images/bg_cats.jpg) no-repeat right bottom; } В IE6 у страницы появляется горизонтальный скролл. Если убрать margin-right, то скролл пропадает, но список естественно, отображается не так, как должен. Как победить?
0 votes7 answers -
как убрать background в iframe в IE
собственно вопрос, как убрать background в iframe в IE, уже пробовал и background: none; и background-color:none; и прозрачный gif ложить на фон, все равно не помогает нужно избавится от ифреймового фона
0 votes6 answers