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
-
проблема с таблицей в ie 6, 7
исчезает верхний и нижний отступ контейнера таблицы, первой и последней строк. как исправить? #wrapper .content table{width:100%; border:0; padding:20px 0;} #wrapper .content table tr td.ad{width:150px; padding:5px 15px;} #wrapper .content table tr td.description{padding:0 20px 10px 5px;}
0 votes1 answer -
При наведении отображать слой, который не будет рушить структуру
Есть прямоугольная область на экране в которой два ряда по, скажем, 8, мини-областей, в каждой по изображению. При наведении на область, но, чтобы вместо изображения показывался слой с этим изображением и и 2-мя 3-мя строчками текста, блок такой же, как область, по высоте, примерно в 2 или 3 раза длиннее. Этот слой будет показываться поверх остальных слоёв с изображениями, с которыми он "пересекается". Вот примерно как я себе представляю реализацию сего: <div class="entry"> <img src="entry_img.png" /> <div class="onhover"> <img src="entry_img.png" /> Text </div> </div> div.entry { width: 150px; height:150px; posit…
0 votes1 answer -
селектор атрибута в IE
такой css: .modCont td[rowspan]{ text-align: left; } .modCont td, .modCont th{ border-left: 1px black solid; border-right: 1px black solid; text-align: center; } и такой html <tbody> <tr> <td rowspan="7"><strong>bla-bla-bla</strong></td> </tr> <tr><td>60</td><td>0,26</td><td>-</td><td>22</td><td>50</td><td>92</td><td>129</td></tr> <tr><td>100</td><td>0,43</td><td>-</td><td>13</td><td>30</td><td>55</td><td>77</td></tr> <tr>…
0 votes9 answers -
Схлопывание WTF!?
Вроде разбирался с этим схлопыванием месяцев несколько назад все ок было, щас вот делаю разметку и в голове полная каша. Вот ниже код очень простой гляньте: HTML потом CSS <h1> ТЕКСТ1 </h1> <p> ТЕКСТ2 </p> h1 { margin-bottom:20px; } p { margin-top:20px; } тут мы видим что образуется схлопывание, т.е отступ будет между этими элементами не 40px, а 20px. из книги: cхлопывание не срабатывает если: для элементов, у которых установлено свойство padding. для элементов, у которых на стороне схлопывания задана граница; на плавающих элементах (для них свойство float задано как left или right); для строчных элементов; для <html>. для элементов, у …
0 votes4 answers -
не хочет работать @font-face
Доброго времени суток! Такая проблемка возникла... Ни один браузер не хочет видеть новый шрифт. Делаю все локально. Может в этом проблема? Копирую пример @font-face с этого сайта...но эффекта никакого... Заранее спасибо.
0 votes6 answers -
не отображается вебкит в сафари и хром
Это черновой вариант страницы для теста использования закругления углов средствами CSS. Интересно то, что при первом просмотре всё работало, но потом перестало просто отображаться в хром и яндекс интернет. Как оказалось также не работает и в сафари. Думаю что-то я не так ввёл а теперь не могу разобраться где накосячил. К стати если выложите как можно упростить данный код буду так же признателен. BODY { text-align: center; /* Выравнивание блока по центру */ margin-top: 0; } A IMG { border: none; /* Убираем границу */ } .os { background: url(images/fon.png) repeat-x right top; margin: auto; /* Отступы вокруг блока */ width: 8…
0 votes2 answers -
Двойная тень <IMG>
Подскажите пожалуйста, хочу сделать тень картинки с изгибом концов, Ничего не получается, если за место img поставлю div, то получается тень, вот код: .boxBlock { /*width: auto; height: auto;*/ /*min-width:100px; min-height:60px;*/ background:#FFF; margin:10px; padding: 0px; position: relative; } .effect2 { position: relative; } .effect2:before, .effect2:after { z-index: -1; position: absolute; content: ""; bottom: 15px; left: 10px; width: 50%; top: 80%; max-width:300px; background: #777; -webkit-box-shadow: 0 15px 10px #777; -moz-box-shadow: 0 15px 10px #777; box-shadow: 0 15px 10px #777; -webkit-transform: rotate(-3deg); -moz-transform: rotate(-3deg); -o-transfor…
0 votes4 answers -
Как воспроизвести сглаживание шрифтов.
Всем привет. Вот верстаю макет блога. В макете используется шрифт(сглаживание sharp). Вопрос: как повторить это сглаживание в браузере? А то текст по другому смотриться... Заранее спасибо!
0 votes5 answers -
Оформления imput через CSS
Подскажите пожалуйста, как убрать у impyta фон (картинка) если в него пользователь ввел текст. Фон задается через background.
0 votes6 answers -
Как отцентровать контент колонки?
Приветствую! Не подскажите что нужно прописать в css чтобы отцентровать анонсы и вывод комментариев в колонке?
0 votes3 answers -
Почему правый сайдбар провалился вниз?
Почему правый сайдбар провалился вниз? Как его поднять не меняя HTML структуры и без использования позиционирования? http://cssdeck.com/labs/huspg3w2
0 votes7 answers -
Проблемы с отображением на мобильных устройствах
Здравствуйте! Бьюсь уже достаточно давно. Вот страничка http://urazov.advert-profy.ru/ . Во всех браузерах ПК отображается все нормально, но при просмотре на мобильных устройства (в моем случае ipad) все становится очень плохо Подскажите, пожалуйста, как это можно исправить? Про media запросы знаю, и пробовала работать с ними - безрезультатно.
0 votes2 answers -
Как сверстать блок с табами с эффектом слайдинга
Есть блок с описаниями товаров. Информация разделана на три составлющие как и в tabbed interface. Только при переключении между табами должно произойти плавно с эффектом горизонтального слайдинга. Даже затрудняюсь делать разметку. Помогите пожалуйста с разметкой и скрипта. Спасибо.
0 votes8 answers -
Отступ при отрицательном margin
Здравствуйте. Не могу разобраться с одной проблемой. Есть блок(список), у которого стоит отрицательный margin c левой и с правой стороны соответственно. .horizontal-list { overflow: hidden; margin: 0 -35px;}Собственно проблема: при уменьшении окна браузера менее 900px в ширину, справа образуется отступ равный все те же 35px и становится виден задний background body-тега. -- Можно это как то исправить не убирая отрицательные отступы(выступы) у списка? Код можно посмотреть тут -- Так же черкану тут: HTML: <div class="row post" > ... <ul class="horizontal-list" > <li class="col-md-4" > ... </li> <li class…
0 votes0 answers -
как подобрать педдинги в пунктах меню?
сайт n-crown.ru/ Подскажите, пожалуйста, как сделать, чтобы пункты меню не переносились по словам? Т.е., чтоб пункт "котята на продажу", например, находился на верхней или на нижней строчке целиком? Уже и педдинги для moduletable_menu все перепробовала и шрифты самого меню меняла - не помогает, либо этот пункт переносится, либо предыдущий, "канадский сфинкс", никак не могу справиться с проблемой((
0 votes4 answers -
не понятно с float
http://jsfiddle.net/3ac5c88a/ почему block1 вылез вверх? не пойму совсем
0 votes4 answers -
Сделал блок div ссылкой. Появилась фиолетовая рамка. Как её убрать?
<body><table class="top"><div class="layer1"><a href="remzona.html"><img src="1.png"></a></div><div class="layer2"><a href="index.html"><img src="2.png"></a></div></table> <table class="bottom"><div class="layer3"><a href="kuzremont.html"><img src="3.png"></div><div class="layer4"><a href="avtomoika.html"><img src="4.png"></div></table> </body>CSS .top { margin: auto; } .bottom { margin: auto; } .layer1 { background-color: white; /* Цвет фона слоя */ padding: 0px; /* Поля вокруг текста */ margin: 0px; /…
0 votes2 answers -
Проблема с формой
Как сделать так, что бы, не пропадала иконка, при клике на поле? http://jsfiddle.net/bzr1pq2p/ Как ещё сделать, что бы при клике на поле поиска, иконка сменила позицию на background-position: 0 -41px;?
0 votes8 answers -
Отступ от страницы
Здравствуйте, дорогие форумчане. Название темы не раскрывает суть моей проблемы, но к сожалению, я не смог выразиться яснее. Сейчас я покажу проблему в картинках и нижу под картинками будет ссылка на сайт, т.к. я не знаю в каком куске кода проблема. Такой отступ есть только на страницах с подарками, ни на одной другой странице такого нет, я не знаю в какую сторону уже копать. в стилях прописаны margin и padding 0, сброс стилей присутствует, но делу это не помогает( кусочек серой полосы, это уже от моего браузера, а вот этот белый отступ и нужно исправить. Вот ссылка на эту страницу. Спасибо всем, кто откликнется.
0 votes5 answers -
Не работает позиционирование
Попытался поверстать один из выложенных здесь макетов, возникла проблема. При создании элемента (большой бардовой полоски) этот элемент не прилегает плотно к левой части экрана, есть отступ не предусмотренный в графическом макете. Вот ссылка на все это дело в fiddle:https://jsfiddle.net/jhcgof0b/ Пытаюсь сделать так чтобы полоска вплотную прилегала к левому краю экрана через position:left, но элемент не сходит с места ни на пиксель. Вот сам макет который пытаюсь верстать: P.S. Очень старался задать вопрос правильно, с учетом рекомендаций. Спасибо за понимание.
0 votes2 answers -
Как подправить путь к изображению
В шаблоне страницы движком выводятся миниатюры картинок. Мне необходимо вместо миниатюр отобразить оригинальные изображения. У меня есть строка вида: <img src="http://site.com/uploads/posts/2016-09/thumbs/image-1.jpg"> Надо получить: <img src="http://site.com/uploads/posts/2016-09/image-1.jpg"> То есть, из строки убрать "thumbs". Как можно такое сделать на PHP? На станице надо обработать 10-15 таких картинок.
0 votes0 answers -
Как реализовать на JavaScript
Есть модальное окно, есть видео на сайте, по окончанию просмотра видео нужно вывести модальное окно, только в том случае если просмотрели до конца .. Модалку умею делать, как логику такую к JS прикрутить? Видео с ютуба. К проекту подключен iframe__api
0 votes2 answers -
Табличная верстка
Господа, доброй ночи! Верстаю таблично простой сайт. Таблично - потому что блоками пока что для меня сложно. И в море предоставленной информации для новичков, видимо, утонула. Не могу найти нужного (по ощущениям чего-то крайне простого и всем понятного). Есть шапка, меню, две колонки и подвал. Как сделать, чтобы содержимое по ссылкам меню отображалось в одной из колонок? Думаю, на сайте есть где-то ответ, который от меня прячется. Если так, будьте добры, скиньте ссылку.
0 votes1 answer -
z-index в скрипте
то ли у меня руки кривые, то ли мозг на работе запарился. В общем не могу пофиксить трабл. есть такой скрипт <script type='text/javascript' src='http://ruspo.ru/scripts/module-loader.js?type=form&ModuleID=10145&template=2&theme=sunny&city=1206&country=39&UTF=1&full=http://www.sorvemsia.ru/online'></script> <div id='ruspoSearchForm'></div> в ие получается так мозг закипает, надо как то пофиксить. может кто нибудь подскажет?буду очень признателен.
0 votes5 answers -
Проблема с валидностью html 4
Доброго времени суток! Подскажите пожалуста можно ли как нибудь на страницах сайта подключить данную строку <script language="javascript" src="http://r1.wmlink.ru/?id=295119"></script> в отдельном файл? или исправить ошибку валидности она выделена цветом.
0 votes10 answers