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 меню
У меня такая проблема хотел сверстать горизонтальное меню для сайта ! но возникла такая проблема вот само меню я его разрезал на 3 части но вот в чем проблема слева и справа закругелые углы и у меня не как не получается собрать меню вместе <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>менюшка</title> <style type="text/css"> <!-- *{margin:0px; padding:0px;} ul { list-style-type:none; background-image:url(images/bg.gif); …
0 votes11 answers -
Label
Вот у меня задача такая: Сделать так чтоб при нажатии на букву активировалась: <input type='radio' name='r[r]' value='1' id='ati1' class='radio' onclick='this.form.submit()'> это я делаю с помощью LABEL : <label class='label' id='r1' for='ati1'>1</label>. Проблема заключается в том ,что надо сделать чтоб "<input type='radio' name='r[r]' value='1' id='ati1' class='radio' onclick='this.form.submit()'>" не было видно.Я сначала решил её так,прописал в стилях display:none , в опере работает так всё отлично,но в экспловере ваще нисколько ! Как мне быть?!
0 votes13 answers -
Как показать сайт?
Подскажите пожалуйста, где можно выложить файлы (сайт) кроме хостинга, чтобы можно было посмотреть на другом компьютере? Человек попросил сделать сайт, но с хостингом не определился пока, а я уже написала и хочу ему показать. Спасибо
0 votes5 answers -
Убрать рамку в конструкции <a><img></a>
Дело в том, что в качестве подчеркивания ссылок в шаблоне я использую border-bottom-width: 1px; border-bottom-style: dashed; Из-за этого в конструкции <a><img></a> под картинкой появляется ненужная граница. Как ее красиво убрать применимо ко всем картинкам со ссылками?
0 votes13 answers -
резиновый контент
Первая проблема:В последних версиях mozila firefox,IE и последней версии google chrome контент отличается внешним видом.Хотя вроде тегов которые не поддерживают те или иные браузеры не использовал. 1.IE 9 и Mozila Firefox 14 2.Google Chrome 21 Вторая проблема:В IE и Mozila Firefox если уменьшить размер экрана,а затем увеличить,то изображения контента будут нормально уменьшаться и увеличиваться(задана ширина в процентах) а в Google Chrome если уменьшить размер экрана,а затем увеличить,то он зависает в уменьшенном состоянии и развисает после обновления страницы . И у меня есть просьба:может кто помочь с этим контентом.Нужно чтобы он был резиновым и при вставке новых таблиц…
0 votes4 answers -
Не работает input-placeholder
Не работает input-placeholder!!! Он должен делать точки большими в инпут поле.(Задаю font-size:50px к примеру) .left-block form label input[type=text]::input-placeholder Почему так? http://cssdesk.com/JySyC
0 votes4 answers -
Ссылки по центру
Здравствуйте! Скажите пожалуйста как выровнять ссылки по середине? - скриншот | ссылка на проблему Я пробовал двигать паддингом и вроде бы все ок, но в других разрешениях отображается не по центру.
0 votes2 answers -
Относительные ссылки, за и против?
Все привет камрады! Как вы относитесь к относительным ссылкам? Лучше они или хуже? Просто я очень редко вижу сайты, в которых используются относительные ссылки на страницы. Все предпочитают писать http://site.ru/contacts.html а не просто /contacts.html. А какие ссылки используете вы и почему? Всем спасибо.
0 votes6 answers -
Подчеркивание текста так же, как на макете
Здравствуйте! Помогите, пожалуйста, реализовать подчеркивание текста в соответствии с примером, показанным на макете. Фрагмент макета - Вот, что получилось у меня https://asyntrail.github.io/project/ при изменение масштаба страницы полоса подчеркивания пропадает !?
0 votes5 answers -
Вывод маленьких таблиц построчно
Добрый день. У меня возникла проблемма. Существует несколько десятков таблиц состоящих из 1 столбца и 2 строк. Мне их нужно вывести на странице так что б они выводились в 1 строку, а когда ширины экрана не хватает, то что б выполнялся перенос на другую строку. Как бы похоже на на это оно работает когда в стиле указываешь стиль display:inline-block, но не во всех браузерах работет правильно или даже просто работает. Познаний в вебдизайне у меня не много, поэтому буду рад любому совету даже самому простому. Заранее спасибо за помощь.
0 votes6 answers -
Стиль ячеек только одной конкретной таблицы.
Позволяет ли CSS задать стиль ячеек конкретной таблицы так, чтобы не указывать в каждом td атрибут class или style, и чтобы изменения повлияли только на одну таблицу, а остальные остались как были?
0 votes3 answers -
Работа поисковиков...
Добрый день! На одном из форумов нашел информацию о том, что если на сайте располагается материал с другого сайта(например, видеоролик который грузиться с ютуб), то поисковики обходят сайт выходя на первоисточник. И таким образом при запросе "видео" в поисковике будет выскакивать первоисточник, а не мой сайт. Хотел узнать это действительно так?
0 votes4 answers -
Знатоки CSS, как уравнять позиции модуля и картинки?
Знатоки CSS, помогите разобраться пожалуйста. У меня картинка sam_header.jpg, что сидит в .ja-headermask width: 1010px; Так вот эта картинка шапки сайта получается меньше, чем модуль основного окна под ней, видите, справа выступает серая полоска... http://www.hm-news.ru/ Никак не могу найти как бы их по размеру подогнать, подскажите пожалуйста. заранее спасибо /* COMMON STYLE ——————————————————— */ html, body, form, fieldset { margin: 0; padding: 0; } body { color: #000000; background: #FFFFFF; font-family: Arial, Helvetica, sans-serif; line-height: 150%; } body#bd { color: #333333; background: #F2F2F2; } body.clearfixpane { width: auto; /* Printable Page */ …
0 votes3 answers -
Система пользовательского поиска Google
Поиск по сайту создан на отдельной странице сайта (при помощи тега iframe) Как убрать этот пустой разрыв в низу под результатами поиска, Это в Google Chrome. В Mozilla Firefox и Internet Explorer этого косяка нет. html, body { margin : 0; padding : 0; } body { font : 73% "Trebuchet MS", Arial, Helvetica, Tahoma, sans-serif; background : #f2f2f2 url(../i/bg.gif) repeat-y center top; } #container { width : 980px; margin : 0 auto; border : 10px solid #fff; line-height : 2em; background : #f2f2f2; color : #666; } #top { padding : 0; height : 100px; background : #8fb8cc url(../i/head.jpg) no-repeat; color : #484500; } #top h1 { padding : 5px 0 0 25px; margin : 0; font-size …
0 votes4 answers -
Про вертикальное растягивание и слои
Доброго всем дня! Есть вопрос. Слева на картинке макет сайта, где контента мало, slider - 1px рисунок, которые не растянут, и нижний блок - footer (просто картинка).Подскажите, как сделать так, чтобы при добавлении контента, большого объёма, блок content заходил на блок footer а затем slider просто растягивался на оставшийся контент. Надеюсь объяснил достаточно полно. Кода, как такового, не надо(но можно), нужен словесный алгоритм, что указать в свойствах блока, и какое позиционирование использовать, absolute или relative. Заранее благодарен за ответы.
0 votes11 answers -
Firefox или я: кто сошел с ума?
Всеми привет Бьюсь всю ночь... Не могу понять. Есть код (черновой вариант). Суть: Firefox показывает лишний отступ в 1px. Вот черная полоска (бордер) над красным прямоугольником "Пурум"... Chrome, Opera ее перекрывают, а FF нет (IE тоже нет, но с ним хоть ясно, как бороться). Что может быть не так? Что я не учитываю? Спасибо. <BR><BR><BR><BR><BR><BR> <DIV style="background-color:#EFEFEF; border-top:1px solid #000000; border-bottom:1px solid #000000;"> <TABLE width="100%" cellspacing="0" cellpadding="0" style="position:relative;top:-28px;"> <TR> <TD valign="top"><DIV style="float:left; font:20px/24px Arial; …
0 votes3 answers -
Неадекватэн чекбокс в IE(6-9)
Подскажите, почему так растягивается чекбокс? Только в IE(6-9) CSS для него: label input[type="checkbox"]{ *float:right; *width: 16px; *height: 16px; *margin:0px; *padding: 0px;}
0 votes6 answers -
Нужна помощь по ТАБЛИЦЕ
Хотел узнать, можно ли таблице с помощи CSS задать размер колонки так, что бы они всегда оставались равны? Например: 2 колонки, и каждая колонка занимала бы 50% 3 колонки, 33,(3)% 4 колонки, 25% 5 колонок, 20% Притом, чтобы каждый раз при добавление колонки, не пришлось лезть в CSS.
0 votes5 answers -
Тестирование HTML рассылки
Здравствуйте. Сверстала HTML-письмо. Как проверить корректность его отображения в различных почтовых клиентах? Устанавливать себе на комп самые популярные? Но их же около 13-ти. В сети есть сервисы тестирования, но все платные. Поделитесь опытом, как вы тестируете письма?
0 votes10 answers -
Открывающийся блок
Делаю сайт. Потребовалось сделать блоки, которые открываются при нажатии на них. Сделал всё при помощи псевдоэлемента :focus. Вот ссылка на код: http://jsfiddle.net/3ujogh36/ Смысл таков, что: - родительский элемент без фокуса имеет надпись; - после фокуса род. элемент принимает высоту на весь контент; - надпись исчезает, появляется контент. Всё хорошо, но проблема в том, что в скрытом контенте, который появляется при нажатии на род. элемент, есть ссылка, и при нажатии на неё переход не осуществляется, а только скрывается контент. Вопрос в том, как сделать, чтобы при нажатии на ссылку в контенте переход осуществлялся. Буду благодарен за варианты ответов!))
0 votes2 answers -
Трансформация блока
Здравствуйте. Нужна консультация, как правильно скрутить блок под Bootstrap Разбирал примеры с использованием transform, так же хотел сделать через псевдоэлемент, скрывая border-bottom. transform: skew:after
0 votes2 answers -
Стоит ли разделять стили на несколько файлов
Планирую на сайте сделать несколько тем оформления. Отличаться будут только цветовым оформлением, вся структура страницы останется без изменений. Например, есть 2 темы - светлая и темная: 1. Файл стилей со структурой сделать общим для всех тем. При изменении темы оформления подгружать второй файл со стилями в котором указаны только цвета - шрифта, фона, ссылок и т.д. 2. Для каждой темы сделать один свой стиль включающий как структуру так и цвета. Как лучше поступить? Я склоняюсь к 2 стилевым файлам - это как-то более логично. Зачем при переходе подгружать все стили если можно тянуть маленький файл. С другой стороны гугл советует на сайте использовать т…
0 votes4 answers -
Никак не хочет меняться шрифт
Пункт навигации у меня 18го шрифта: И везде где есть эта навигация, все выглядит отлично, как я и хочу: НО конкретно на одной странице оно меняется на более крупный размер и я не понимаю почему...и тем более не понимаю, как это можно исправить? Еще хочу добавить, что такое случается только при просмотре сайта через телефон
0 votes4 answers -
Как сделать круг на CSS?
Всем здравствуйте! Я не могу понять, как правильно сверстать подобное (как на картинке). Если кто знает, как это реализовать, то был бы очень признателен!
0 votes1 answer -
Позиционироние текста
Здравствуйте. У меня такая задача. Есть текст, который по коду должен находится выше всех элементов: например <body> <div id="up">Текст</div> <div>Что-то еще</div> <div>И Еще</div> <div>Все</div> </body> А при отображении он должен находится после блока <div>Все</div>. Бьюсь над этой задачей сутки уже. Если можете подскажите в каком направлении двигаться. Заранее спасибо!
0 votes4 answers