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
-
Не понимаю поведение эдементов
Добрый день, я сейчас перемалываю стили стандартной темы wordpress (работаю с меню) и никак не могу понять почему образуется зазор. Код меню представлен ниже: <!DOCTYPE html> <html> <head> <style> /* Navigation Menu */ #access { display: block; width: 100%; text-align: center; margin: 0px 0px; padding: 0px 0px; border: 1px green solid; } #access .menu-menu-container { display: -moz-inline-stack; display: inline-block; *display: inline; zoom: 1; margin: 0px 0px; padding: 0px 0px; border: 1px purple solid; } #access ul { display: block; width: 100%; margin: 0px 0px; padding: 0px 0p…
0 votes1 answer -
Проблема в меню
Здравствуйте, прошу вас помощи. Мне один человек сделал шаблон, но кое-что, видимо, не учёл. <a href="/" class="a_box"><div class="linkbox"> Главная страница</div></a> код ссылки в меню div.linkbox {width: 182px;padding: 0px;padding-top: 4px;padding-bottom: 4px;border-top: 1px solid #3C3C3C;border-bottom: 1px solid #171717;text-align:left;font-size: 8pt;} div.linkbox:hover {width: 182px;padding: 0px;padding-top: 4px;padding-bottom: 4px;border-top: 1px solid #3C3C3C;border-bottom: 1px solid #171717;background: url("../img/block/linkbox_hover.png");background-repeat: repeat-y;text-align:center;} .boxfoot {padding: 0px;width:212px;height:15px;backgr…
0 votes3 answers -
Background в ссылках
Доброго всем дня. Помогите изменить фон в следующем коде: <div> <a href="#"> <img src="#" width="150" height="150" /> </a> </div> У меня в цикле выводятся картинки размером 150 Х 150. Но если картинка не такая квадратная, например прямоугольная, т.е. ее пропорциональная длина или высота не соответствует заданным 150 Х 150, то в оставшейся части идет черная заливка. Вот ее-то я и хочу закрасить в белую. Внизу, по центру, доп.фото: картинка Уже по всякому пробовал и с бекграундами в стилях, и в дивах и в ссылках, но что-то не получается.
0 votes2 answers -
Проблемы с версткой каталога
Вот ссылка на макет Верстаю каталог... Есть три группы: Рекомендуемые, Новинка, Акционные товары. Хочу сделать так чтоб под каждую из групп был свой див и внутри него уже дивы с товарами. Так вот почему-то, когда я вкладываю в див группы товаров див с самим товаром, первый не растягивается по высоте... вот код HTML блок right это тот который справа от сайд бара. Тобеж контент или еще как его называют... <div id="right"> <h1> O магазине </h1> <p>Этот магазин является демонстрацией скрипта интернет-магазина Simpla. Все материалы на этом сайте присутствуют исключительно в демостр…
0 votes3 answers -
z-index
Здравствуйте. Помогите пожалуйста с выполнением задания. Вот ссылка на книжку http://www.mkgt.ru/files/material-static/422/dhtml/04.htm Задание 5. Заранее благодарю!
0 votes0 answers -
Работа CSS в разных браузерах.
Здравсвуйте. В разных браузерах текст меню отображается по разному http://serjkostychev.narod2.ru/. хром, ya, safari отрабатывает css правильно, а ie, опера и ff - нет. Помогите разобраться. Сасибо.
0 votes1 answer -
Формы
Это нормальный код? <table> <tr> <td><label for="Uname">Имя пользователя</label></td> <td><input type="text" id="Uname" name="txtUserName"/></td> </tr> <tr> <td><label for="Pwd">Пароль</label></td> <td><input type="password" id="Pwd" name="PwdPassword"/></td> </tr> </table>
0 votes2 answers -
Скрытие лишних блоков в колонке.
Здравствуйте. Столкнулся с такой вот проблемой. Есть блок с основным контентом, есть сайдбар. Нужно чтобы высота сайдбара не превышала высоту блока с основным контентом, а блоки которые в сайдбар не помещаются скрывались полностью, а не частично, как при использовании overflow:hidden. Есть ли возможность это организовать средствами css без подтягивания скриптов? Подозреваю, что нужно копать в сторону @media и calc(), но придумать ничего не могу. Если кто сталкивался, подскажите пожалуйста. Спасибо.
0 votes0 answers -
Якорь в респонсив
Одностраничник тоже требует навигации. Якорь позволяет быстрый переход и всегда оказывается в верхней части экрана. В моём случае http://richel.skepton.ru/ 1) Верхн часть экрана занята фикс хедером. 2) Высота хедера разная на разных девайсах. Т есть, выставить якорь "на опережение" можно, но оно потребуется разное для разных устройств. Можно попробовать применить visibility:hidden/visible для разных якорей на разных устройствах. Идеалом было бы задать для нужного h2 точное расстояние от верха экрана при конкретном разрешении экрана по клику на соотв ссылку. Поделитесь плз опытом, кто решал подобную задачу.
0 votes0 answers -
отступ между блоками
добрый день есть такой DOM <body> <table class="page_carcass" cellpadding="0" cellspacing="0" border="0"> header </table> <div> тут книга </div> <table> футер </table> </body> и проблема в том что между дочерними блоками большучие отступы при большем разрешении экрана, хотя никаких margin нету вот сама страница http://www.43700.ru/nash-gelendzhik/book/ туда просто я впихиваю книгу,которая работает на джаваскрипте есть какие то подсказки? подозреваю что надо ограничить высоту окна,но пока не получается...
0 votes1 answer -
Проблема в заводском шаблоне
Есть сайт: http://lit-book.ru Там стандартный шаблон, выбирал именно его, чтобы не было ошибок в css и html ... Нооо... проверял через cвалидатор, всё равно ошибки есть Помогите исправить пожалуйста
0 votes0 answers -
Как расставить ссылки равномерно.
Учусь делать шапку. Так вот,одна проблема мне не даёт покоя,где я только не искал : Файлы Хочу чтоб 3 ссылки в блоке располагались равномерно.Я уже и дивы и спаны и списки пробовал,и всякие команды типа дисплей,текст-аллайн и тп Но получается только или в середине кучкой,или слева.
0 votes2 answers -
Проблемка с выводом полной новости
Здравствуйте! Помогите пожалуйста с проблемкой: При выводе статической странички и обзора коротких новостей все норм, а когда выводится полная новость в левой колонке нет тени под альбомом и не видно счетчик (для счетчика определен показ только админу). Вся эта беда на: http://dsi10.ru Ну и вообще какие есть замечания со стороны профи! Заранее благодарен
0 votes2 answers -
Помогите, с меню
Здравствуйте, Собсна имеем вот-такой CSS-код: a.header_banner_button{background:#00F;width:230px;height:40px;margin-left:500px; display:inline-block;text-decoration:none;color:#FFF;font-size:14px;} a.header_banner_button:hover{background:#36F;} .header_banner_link{text-decoration:none;color:#FFF;font-size:14px;margin-top:10px;display:inline-block; margin-left:20px} a.header_banner_button1{background:#00F;width:230px;height:40px;margin-left:100px; display:inline-block;text-decoration:none;color:#FFF;font-size:14px;} a.header_banner_button1:hover{background:#36F;} И вот такой HTML-код: <div class="header_banner"><a class="header_banner_button" href="#"><sp…
0 votes2 answers -
Двухколончный макет. Помогите с версткой
Добрый день, уважаемые. С праздником. Вот какая у меня ситуация. Весь контент сайта размещается в двух колонках: блок с картинками (зеленый) и блок с текстом (желтый). Сами колонки находятся в блоке-обертке (серый фон). Высота колонок соответсвенно по контенту в них. Но нужно, чтоб высота колонки с картинками ровнялась высоте текстового блока (текста всегда больше), и при этом картинки полностью заполнили блок. Рисунок 2 иллюстрирует. Я так понял, сделать это на дивах: 1. Это невозможно; 2. Это очень сложно. Советовали делать на таблицах. Какое же решение? Рисунки: 1) http://www.php-studia.ru/images/1wcw.gif 2) http://www.php-studia.ru/images/2cnc.gif
0 votes2 answers -
печать формата А3
Добрый день! Заранее прощу прощения, если вопрос слишком прост или совсем не для этого форума или ветки, искал, что то подобное но безрезультатно. Есть нарисованный с помощью canvas трафарет который нужно распечатать, что бы сделать выкройку. Трафарет рисуется по точкам, который вводит пользователь, на холсте происходит обрисовка. После этого необходимо распечатать, получившейся рисунок в формате А3, т.е. должно получиться несколько листов А4. Подскажите пожалуйста, каким образом это можно устроить? Заранее спасибо!
0 votes2 answers -
Проблема с футером и контейнером
Здравствуйте недавно начал заниматься вёрсткой и опять с толкнулся с такой проблемой. http://jsfiddle.net/vD8Yc/ Как сделать что бы футер залез на контейнер, и если его расширить он был не подвижен то есть что бы был приклеен к низу... и залезал на правый и левый контейнер.. И ещё я хочу попросить проверти код сам что я в коде может написал что то не правильно... Хочу увидеть критику от профессионалов и получить советы
0 votes0 answers -
Цветная линия не во всю ширину
Здравствуйте, как можно сделать данную линию? Вижу один способ: - линию отдельно в div. Есть ли свойство у border, чтобы можно было задать цвет bordera не во всю ширину? http://postimage.org/image/oj6exl4f5/ Просмотрел как сделано у Google: http://www.google.ru/intl/ru/about/ background: url("data:image/png;) no-repeat right bottom;
0 votes1 answer -
Проблема со ссылкой
Здравствуйте. Мне нужно было создать изображение,которое является ссылкой и сдвинуть его на 200 пикселей вправо. Получился код типа <a href="адрес ссылки"><img src="адрес картинки" style="padding-left:200px"></a> Но с этой ссылкой есть проблема: перейти по ней можно не только нажав на картинку,но и нажав левее картинки на эти самые 200 пикселей. Что с этим делать?
0 votes2 answers -
два div relative + центрование второго div внутри первого
Как отцентровать wrapper внутри container 1) по горизонтали и вертикали ? 2) по горизонтали ? 3) по вертикали ? <html> <head> <meta http-equiv="content-type" content="text/html; charset=utf-8"> <title>Html</title> <body> <style> * { margin:0; padding:0; } html,body { background: none; height: 100%; width: 100%; } .container { display: block; position: relative; height: 10…
0 votes1 answer -
Внутренний блок выпирает
У адаптивного изображения выпирает внутренний блок http://codepen.io/anon/pen/VLdpvN?editors=110 Должно быть вот так у обоих изображений:
0 votes1 answer -
Объясните пожалуйста. Проблема с сайтом.
Есть сайт на html, точнее их несколько, решил на всех отредактировать цены, то есть первая цена зачеркнута а рядом цена новая на нескольких в index.html отредактировал сам а вот в других не получается ссылки на те самые цены имеют вид index.html#nazvanie uskugi, собственно вопрос как их отредактировать.
0 votes1 answer -
Слайде owl на мобильнике
Здравствуйте, проблема в том что на мобильных устройствах слайдер не скролится вертикально то есть если провести по слайдеру пальцем скрола вниз или вверх не будет, только на айфоне работает на андроиде и в хроме при эмуляции не работает помогите разобраться в чем причина. вот ссылка - https://dina-stom.ru/
0 votes0 answers -
float: left в резиновом div в ie6
Как в IE6 сделать так, что бы внешний div по высоте был резиновый, если внутри которого div с float left ? Вот пример: http://local-schillerfan.vws.com.ua/tools/makeup/field_blocks_lite.html Dj всех браузерах отлично работает, кроме ie6
0 votes0 answers -
проблема относительного позиционирования в opera
Может кто нибудь обьяснить, почему в опере при относительном позиционировании например position: relative; top: 50px; объект смещается на другое количество пикселей? В других браузерах все нормально и как этого бага можно избежать?
0 votes1 answer