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
-
Нужна помощ
Привет всем! Подскажите плз как сделать чтобы при добовлении новой новости, главная не опускалась в низ... К примеру: Есть новость под названием "Правило добовления новостей" Тоесть мне нужно сделать чтобы оно всегда сверху было
0 votes2 answers -
Опера не понимает кодировки
Зайдите на страничку http://сзош8.in.ua/qwerty.html через оперу и увидете только квадратики в остальные браузеры понимают все норм как это устранить? —————-- и кстати на всех остальных браузерах тоже самое
0 votes3 answers -
Помогите с кодом
Добрый вечер. Есть на сайте каталог. Нужно ниже него сделать такой же. При копировании кода второй почему то не работает. Вот адрес каталога для просмотра: Каталог А вот собственно сам код: Помогите пожалуйста. Очень надо
0 votes0 answers -
ВОпрос по стилям
Здравствуйте уважаемые, подскажите мне пожалуйста одну вещь... Я помогаю в разработке одного сайта. Он весь сделан на html, php и CSS. в нем есть такая функция , как переключение стилей. Сайт - это браузерная веб игра без графики. Понятное дело что многие сидят с телефонов. Вопрос : можно ли через CSS сделать сайту стиль как WML или как можно максимально облегчить страницы ?
0 votes1 answer -
Как сделать такое в форме
Есть обычная html форма, в ней есть выпадающий список для выбора продукта. Как вывести еще один выпадающий список для выбора цвета выбранного продукта? Просто продукты разные и их цвета в наличии тоже. Спасибо!
0 votes2 answers -
z-index
помогите пожалуйста решить проблему на странице z-index блока .header .nav_top_1 ul li a.punkt_1 больше чем z-index блока .wrap .leaf_top_left . однако блок .wrap .leaf_top_left всё таки перекрывает блок .header .nav_top_1 ul li a.punkt_1 в частности и блок .header .nav_top_1 в общем в результате невозможно кликнуть по пункту меню. хотелось бы чтобы меню было кликабельно
0 votes3 answers -
object
Здравствуйте. Проблемы использования тега object. Заранее оговорюсь что устанавливал Media Player и QuickTime. Пытаюсь проиграть аудиофайл с помощью медиа плеера и квиктайм Вот так <body> <object classid=" clsid:22d6f312-b0f6-11d0-94ab-0080c74c7e95" type="audio/mp3" data="1.mp3"></object> </body> Или вот так с помощью квиктайм <body> <object classid="clsid: 02BF25D5-8C17-4B23-BC80-D3488ABDDC6B" type="audio/mp3" data="1.mp3"></object> </body> Но увы опера и хром показывают белое окно. эксплорер отображает медиаплеер, но не проигрывает файл. Если не вызывать конкретный проигрыватель, например вот так <body&g…
0 votes0 answers -
вычисление расстояния между слоями и относительно границ других элементов
Сейчас я учусь верстать и пытаюсь сверстать данную форму http://htmlbook.ru/practical/poshagovaya-forma Я застрял на верстке шапки данной формы. Для верстки шапки я применил относительное позиционирование. А именно, проблема с вычислением размеров между слоями, относительно других слоев и т.д. Как именно правильно вычислять подобные размеры? Выкладываю результаты, того что у меня вышло. Все размеры вычислял наугад. Не могу же я постоянно угадывать размеры наугад. Верстаю с psd шаблона. Рисунки(блокнот, бутылка, бокал, тарелка) размещены криво относительно друг друга. Вот, результат на скриншоте. Выкладываю html и css код. Прошу помочь решить проблему. <!DOCTYPE HTML …
0 votes0 answers -
Margin:0 auto для блока с абсолютным позиционированием
Приветствую. Возник вот такой вот вопрос. Есть блок со следующими стилями: .block {position:absolute; right:0; bottom:0; left:0; height:6em; max-width:1200px; margin:0 auto;} Верстка «резиновая». При достижении ширины блока в 1200 пикселей все хорошие браузеры выравнивают его по центру. И лишь обожаемый и неповторимый IE имел все в виду в порядке строгой очереди. Стандартные фиксы не спасают (из-за абсолютного позиционирования): .outer {text-align:center;} .outer * {text-align:left;} Есть ли разумное решение проблемы или же имеет смысл не выносить мозг и вложить в .block другой блочный элемент и прописать стили к нему?
0 votes1 answer -
Текст вылетает из DIVa
Прошу совета - как решить мою задачу не меняя тэги (крайне желательно), но меняя их стиль. На примере видно, что текст "МЯЧИКИ" идёт не вначале блока с белым фоном, а только после окончания блока с красным фоном. Задача: Размещение текста в левом верхнем углу блока с белым фоном. Принтскрин из браузера: Сам код: <html> <body> <div id="osnova" style="display: block; position: relative; margin: auto; margin-top: 0px; left: 0px; top: 0px; height: 800px; width: 600px; background-color: green;"> <div id="levo" style="float: left; display: block; position: relative; left: 0px; top: 0px; height: 300px; width: 400px; margin: 0px; padding: 0px; background…
0 votes4 answers -
Автоматическая высота блока
Посмотрите пожалуйста ссылку farfalla.com.ua/admin/add_cat.php Обратите внимания по центру сайта есть 3 блока. структура их такова. <div id="wrapper"> <div шв="header"> <!--header--> <div id="middle"> <div id="container"> <!-- #container--> <div class="sidebar" id="sideRight"> <div id="side_right_cont"> <!--siderightcont--> <!-- .sidebar#sideLeft --> <div class="sidebar" id="sideLeft"> <div class="side_left_cont"> <!--sideleftcont--> <!-- .sidebar#sideLeft --> <div id="content" > <!--content--> <!-- #middle--> <!-- #wrapper --> <footer> #wrapper { width…
0 votes2 answers -
"Закрыть" внешние ссылки от поисковых систем
Приветствую! На сайте пользователи пишут комментария, введут блоги и т.п. В тексте могут использовать ссылки на внешние сайты и/или почтовые адреса. Я сделал так чтобы все ссылки автоматически высвечивались, то есть юзер введет www.test.ru, а уже на странице это будет готовая ссылка к примеру: <a href="test.ru"... Я в SEO не силен, но я знаю что если на сайте будут внешние ссылки, то сайт будет терять некую "популярность". 3 варианта решения: 1. Убрать к черту скрипт высвечивая ссылок и эл.адресов (либо подключать его только для зареганых, ведь поисковой робот не зарегистрируется и не увидит ссылки :-) ); 2. Переводить все внешние ссылки на подтверждающую страницу (как…
0 votes0 answers -
Выравниевание сайта по центру
Здравствуйте! Не могу как надо сделать выравнивание сайта по центру. Делаю так, на body задаю такие значения margin: auto; после этого сайт становится по центру. Но правый меню уходит за пределы экрана, и появляется нижняя прокрутка! Вопрос: как сделать правильную выравнивание по центру что бы правый меню поместился на экране? Сайт имеет структуру <body> <div id="main"> <div id="wrapper"> <div class="content"> <div class="header"> <div class="left"> <div class="top"> <!-- логотип --> &…
0 votes2 answers -
Помогите настроить высоту и отступ
Привет всем! Решил сделать простенький шаблон, состоящий из модных сейчас хабов (как windows 8 или Google Play). Сделать хабы я смог, но свойства у них не очень... 1. Нужно в верхнем правом квадрате сделать отступ текста во внутрь квадрата, но padding: 20px; убивает всю сетку. 2. Необходимо сделать зависимость, между блоком с текстом и блоком с категориями. Что бы при увеличении блока с текстом из-за его большого количества, увеличивался и блок с категориями (по высоте). Ну и наоборот тоже. Запарился уже это делать, помогите пожалуйста. P.S: Решил таблицы не использовать, не люблю их. Может можно как-то без них? http://html.v-arhiv.ru/ HTML <!DOCTYPE html> <htm…
0 votes1 answer -
Почему не добавляется внутренняя рамка?
Здравствуйте. На странице пытаюсь задать дополнительную 1px рамку вокруг превьюшек согласно мануалу (там правда разбирается четверная рамка на псевдоэлементах). Не получается. В чем причина? На выходе должно быть так. вокруг фотки идет 1пикс рамка, вокруг которой 10пикс белое пространство, заканчивающееся той рамкой, что видна сейчас(оранжевая обводка+тень) P.S. Как на форуме давать ссылки, чтобы они не индексировались поисковиками?
0 votes3 answers -
Первая верстка. Помогите сделать правильно.
Здравствуйте. Я впервые верстаю страницу и сильно запутался. Перечитал кучу информации, но куча мнений привела к еще большей путанице. Подскажите, пожалуйста, каким стилем правильнее верстать, думал о "резиновом" дизайне, но сразу отказался. Мне явно нужна адаптивная верстка, следовательно нужен "фиксированный" дизайн и потом при помощи @media и делать адаптацию под разные разрешения. Я правильно понимаю? Объясните на примере: шапка сайта состоит из 3-х, накладывающихся друг на друга картинок, текста, кнопок и т.д. Как правильнее сверстать шапку в данном случае? И как в целом стоит начинать верстку с последующей адаптацией под разные разрешения? Заранее спасибо.
0 votes1 answer -
тег @import
Добрый вечер, задача стоит подключить responsiv.css через файл screen.css файл. Прописываю в самом верху следующее @import url("media.css"); - не работает. @import "media.css" all; - не работает. @import url('/media.css'); - не работает. В чем моя ошибка? Как сделать чтоб работало? Спасибо.
0 votes2 answers -
Помогите расположить скрипты в горизонтальном положении на странице
Доброго времени суток. Такая проблема, нужно расположить этот код(эта кликабельная картинка с кликабельной подписью под ней) в горизонтальный ряд. Таких контейнеров у меня 5, но на странице они идут только сверху в низ, а нужно чтобы шли горизонтально. Пробовал этот вариант - http://htmlbook.ru/faq/kak-razmestit-elementy-spiska-gorizontalno , не помогло. Вот код. Заранее благодарен. <style style="font-size: 12">figure.img { margin: 0; text-align: center;} figure.img img { max-width: 100%; height: auto;}figure.img figcaption { padding: 0 1%; font: italic 90% Georgia,serif;}</style><figure class="img"> <a href="...."><img alt="...." src…
0 votes5 answers -
Как правильно реализовать такую сетку
Здравствуйте. Поделитесь, пожалуйста, опытом, как вы реализовываете подобного рода сетку п.с. Обратите внимание на соединяющие линии. + адаптив.
0 votes1 answer -
Инвертация значений нескольких кнопок
Здравствуйте многоуважаемые. Подскажите как доработать нижеприведённый мною скрипт: <html> <head> <title>Cool dynamic page!!!</title> <script language="JavaScript"> var img = new Array('off.png','on.png'); var i; function gmi(id,nom) { i=(i==1)?0:1; console.log('Кнопка:'+id+' Значние:'+i); document.getElementById(id).src=img[i]; } </script> </head> <body> <p><img id="km1" src="off.png" onclick="gmi(this.id,0)"></p> <p><img id="im2" src="off.png" onclick="gmi(this.id,1)"></p> <p><img id="im3" src="off.png" onclick="gmi(this.id,2)"></p> </body> </htm…
0 votes0 answers -
Разный одинаковый цвет фона.
Делаю страничку с определенным цветом фона, захожу под ИЕ6 и под FF3 цвета совершенно разные. Подумал, может какой-то из браузеров изменяет цвет, делаю скрины рядом поставленных страниц, захожу в фотошоп, колорпикером тыкаю цвета - удивительно, но коды цвета одинаковые! Как может быть такое? Перепроверил, ИЕ6 действительно изменяет цвет фона, если фон - картинка.
0 votes1 answer -
Список "секретных опций" для IEшных условных комментов
Подскажите, пожалуйста, где найти инфу про всевозможные <!--[if gte mso 9]>, <!--[if gte vml 1]> и другие полезные опции условных комментов, не перечисленные на официальной страничке MSDN? В идеале хочется видеть список всех значений, которые можно туда засовывать. Пытаюсь найти способ натравлять CC не на версии, а на конкретные фичи, чтоб не редактировать их без конца при локальном тестировании под Multiple IE (и вообще для надежности). Поиск юзал, но, увы, безуспешно... Заранее спасибо за подсказку!
0 votes0 answers -
Выпадающий список
как его создать?
0 votes3 answers -
Проблема с padding в <td>
Добрый день! Не могу разобраться, почему на этой странице появляется такое большое значение padding для <td>. Голову на этом уже сломал
0 votes1 answer -
Как установить перекрытие фонового изображения?
Здравствуйте. Здесь на сайте в футере использовал траву с repeat-x. В итоге она смотрится отдельными кустиками. Как можно пустить ее с наложением конца одного изображения на другое? Благодарю.
0 votes3 answers