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
-
Верстка HTML-писем. Проблема с gmail на Android.
Доброго дня, коллеги. Довольно долго бьюсь над следующей проблемой. В письме необходимо разбить картинку на 4 ссылки (2х2). Таблица сделана, картинка порезана. Сначала возникали паразитные отступы между ячейками в разных почтовиках, которые были решены таким способом: <a href...><img src="..." style="display:block;"/></a> Помогло везде, кроме андроидовского gmail. Не могу избавиться от вертикального разрыва в 1px между столбцами. Это не рамка, изображение действительно сдвинуто.
0 votes11 answers -
Можно ли сделать checkbox_у свой дизайн
Можно ли сделать checkbox_у свой дизайн, тоесть мне надо чтобы дизайн кнопки был как в макете
0 votes8 answers -
Исчезновение фона в IE
Суть проблемы. Верстаю шаблон аля сгругленный. Делаю через DIV. Вот CSS div.module{ background: url(../images/mod_top.gif) top right no-repeat; padding-top: 9px; width: 165px; margin-bottom: 15px;} div.module div { background: url(../images/mod_bot.gif) bottom right no-repeat; padding-bottom: 10px;} div.module div div { background: url(../images/mod_mid.gif) top right repeat-y; padding: 0;} div.module div div div { padding: 8px 0 8px 10px; background: none; } div.module div div div div { padding:0; background: none;} Две проблемы 1) Блок состоит из трех частей. Верх,низ и тянущаяся середина. FF и опера отлично отображает. IE7 не отображает низ блока…
0 votes5 answers -
Двухколоночный макет внутри дива.
Добрый день. Вот начал недавно осваивать верстку слоями.Вот такой код: <div style="width:857px;border:1px solid red;text-align:left;"> <div style="float:left;position:relative;border:1px solid yellow;width:820px;margin-right:0px;">111 111 </div> <div style="border:1px solid green; width:30px;margin-left:0px;">222 222 </div> </div> В Опере ведет себя абсолютно правильно,обрамляющий слой,внутри него две плотно прилегающих к друг другу колонки. В ИЕ6 ведет себя почти правильно,но между колонками возникает зазор в 3 пикселя. Хуже всего в Mozilla Firefox. Правая колонка почему-то отображается поверх левой. Подскажите,плз,как это сверстать…
0 votes7 answers -
Задачка по верстке
Есть такая задачка по верстке (просто кому интересно): -- 1-1 Есть див (фиксированной ширины, см. рис. id="main") высотой Y (высота динамическая зависит от содержимого) заполнен повторяющимся по вертикали background-image (высота изображения бэкграунда = X). Необходимо: - если Y кратно Х - (делится без остатка) то высоту id="main" оставить какая есть (т.е. Y) - если Y/X - дает остаток (т.е. будет смотреться так, что торчит не полностью кусок бэкграунда), необходимо чтобы этот "кусок" (остаток в px) имел другой фон. Задача: Найти и реализовать такое решение (можно использовать впринципе - все js, php, вставлять дивы если нужно, и даже <img/>) но: решение должно быть…
0 votes32 answers -
input внутри ссылки
Приветствую, имеется следущее: <ul> <form method="post" action=""> <li> <a href="#"> <span class="check"><input type="image" src="1.gif" name="act" /></span><span class="text">Сам текст</span> </a> </li> </form> </ul> Во всех кроме FF, баттон работает как и надо.. а вот в лисе ссылка как бы перекрывает кнопку, Ни кто не сталкивался с подобным? и есть ли решения?
0 votes7 answers -
float
Доброго времени суток. Подскажите пожалуйста как решить проблему с float'ом. Собственно линк на сетку: http://inkrasnodar.ru/w/GOVNO/index.html Проблема очевидна. Левая колонка ниразу не левая Спасибо.
0 votes29 answers -
Про формы и отправку e-mail
Существует форма. В ней action="mailto:user@domen.ru". При заполнении этой формы нажимается submit и письмо отсылается. Можно ли сделать, чтобы письмо отсылалось сразу на два адреса?
0 votes10 answers -
Google maps, запрет скроллинга на мобильных
На сайте установлен карта от гугла, ширина 100% высота 400-450px. Что бы он не мешал прокручивать вниз страницу - добавил scrollwhell:false что запрещает прокрутку карты колесом мыши. Но данная функция не помогает при touchscreen устройствах. Для них есть функция draggable: false, оно как бы запрещает скроллинг карты, но если попытаться через карту скроллить вниз страницу то опять таки не получится. Добавить прозрачный слой сверху для нормальной прокрутки на мобильных не смогу так как на карте есть маркеры на которые можно кликать.. В общем выхода не нахожу, есть у кого такой опыт?
0 votes15 answers -
Как заствить ИЕ понимать overflow:hidden;?
Подскажите, пожалуйста решение проблемы: ИЕ не понимает overflow:hidden; пробовал разные варианты, к примеру position: relative; Надо для скрипта с прокруткой "обрезать" часть дива, т.е. есть блок 4000 при клике блок перемещается вправо/влево, соответственно есть блок с шириной 650, который должен обрезать содержимое блока с шириной 4000, НО в конченном ИЕ не работает. исходник скинул в архив (76,4 KB) http://upload.com.ua/get/900763317/ заранее спасибо за помощь
0 votes17 answers -
Проблема с версткой в IE
Добрый день! Пожалуйста помогите разобраться с проблемой в css для браузеров IE. Сайт корректно отображается в FIREFOX, OPERA, CROME а в IEXPLORER блоки налезают друг на друга.... верстка блочная, делал фрилансер которого сейчас уже не найти, поэтому надеюсь на вашу помощь. Вот ссылка на сайт - главная страница, блок новостей...
0 votes12 answers -
Отступ списка от картинки слева..
Здравствуйте! Есть такая проблема: Обычно у меня идет картинка, справа от которой заголовок и параграф текста, а тут в параграфе еще и список, маркеры которого налазят на картинку.. попробовал уже margin-left, padding-left.. а ему все равно, как стоял так и стоит.. прошу помощи.
0 votes10 answers -
user agent stylesheet перекрывает мои стили
Прописываю стиль для ссылок, хром и фф игнорируют этот стиль смотрел в отладчике хрома - мой стиль зачеркнут, а используется этот user agent stylesheet буквально неделю назад верстал шаблон, делал то же самое, никаких проблем не было а теперь вот такой сюрпрайз..
0 votes1 answer -
Смещение на 1px в Браузерах IE, Google Chrome, Safari , Mozilla, Opera при изменении размера окна
Итак проблема такая : Картинку разрезал пополам, верхний кусок сделал background center , вторую половину картинки вставил дивом c img . вот пример: Пример 1 - http://fortest.natr-nsp.com/test/ - смещение есть Пример 2 http://fortest.natr-nsp.com/test2/ - смещения нет, так как две картинки сделал бэкграундом. При изменении размера окна браузера картинка которая в диве смешается на 1 px в опере и в новой мазиле вроде всё норм а вот в ишаках и остальных браузерах все смещается. Взялся я считать всё по пиксельно и получилось вот что когда ширина браузера нечётная допустим 1023 - смещение есть , а если чётно то нет. Баг браузеров?
0 votes6 answers -
Верстка карточек сотрудников
Доброго времени суток. Подскажите пожалуйста, если не точный код, то хотя бы в каком направлении двигаться. По какому принципу верстаются вот такие блоки? Как отцентрировать эти карточки между собой, как отцентрировать текст под картинками относительно самих картинок?
0 votes3 answers -
Задать стиль первой ячейке таблицы
Здравствуйте. Подскажите, пожалуйста, как в css задать стиль первой ячейки таблицы. В таблице хранится горизонтальное меню, т.е. каждый пункт в новой ячейке, строка - одна. У каждой ячейки есть левый бордюр, у первой его не должно быть.
0 votes3 answers -
Вывод радио плеера icecast на свой сайт
Какой html код нужен чтобы вывести радио плеер с сайта http://www.rpgamers.net/radioна свой сайт wix. Все мои попытки остались безуспешными. На данный момент вывел только аудио поток радио http://23.239.14.138:8000/rpgn. Как можно добавить current song отсюда http://23.239.14.138:8000и что бы он автообновлялся? А еще лучше взять целиком плеер со страницы http://www.rpgamers.net/radio.
0 votes0 answers -
Нипанятна...(с)
Подскажите пожалуйста, как растянуть блок на всю высоту родительского блока от пола до низа?
0 votes11 answers -
Помогите подключить SASS
Доброго время суток. Помогите подключит препроцессор SASS. При компиляции всплывает ошибка "ArgumentErorr: invalid bytes sequence in UTF-8 Use --trace for backtrace". Не знаю как победить.
0 votes2 answers -
Не могу найти ошибку
.... <head> <script language="javascript"> function getwidth(myPicture){ newImg = new Image(); newImg.src = myPicture; myWidht = newImg.width; myHeight = newImg.height; if (myWidht > 190 ) {myHeight = myHeight*(190/myWidht); myWidht = 190; } if (myHeight > 140) { myWidht = myWidht*(140/myHeight); myHeight = 140; } return myWidht } </script> </head> <body lang=RU link=blue vlink=purple style='tab-interval:35.4pt'> <table border="1" width="100%"> <tr> <td ><img src="r_s_220.jpg" width=getwidth("r_s_220.jpg")><br>баш</td> ..... Ошибка в гд…
0 votes10 answers -
Высота ссылки
Задая : a { height: 16px; font-size: 16px; } я не могу получить того чего хочу. Как сделать правильно?
0 votes2 answers -
Как отцентровать фон?
Здравствуйте. Есть вот такой макет: http://s49.radikal.ru/i125/0901/53/2be8519c2d6a.jpg Необходимо чтоб при уменьшении размеров браузера, фон всегда выравнивался по центру. Грубо говоря в данном макете центр примерно совпадает с двойной сплошной полосой на дороге, если уменьшить окно, то центр сместится. Как этого избежать? В верстке пока мало опыта, сделал только вот эти варианты (на вставки php не обращайте внимание, это будет тема для Drupal'а: <table align="center" border="0" cellpadding="0" cellspacing="0" background="<?php echo $base_path.'themes/region-leader/'?>top_back.jpg" height="456" width=100%> <tr> <td> </td> </tr>…
0 votes2 answers -
:nth-child и :nth-of-type
Народ, кто-то может объяснить разницу между этими двумя псевдоклассами? Поэкспериментировал, разницы не увидел. Чем конкретно они отличаются?
0 votes9 answers -
Список наезжает на картинку
Например картинка выровнена по левому краю, а справо идет список. Буллеты списка наезжают на картинку. Как сделать так чтобы буллеты были вровень с остальным текстом? Желательно, избежав изменений в css. Грубо говоря надо что отступ шел не от текста внутри списка, а от буллетов. Относительно картинки. Если такие темы уже были, киньте ссылки, поиск что то ничего похожего не выдает.
0 votes3 answers -
Подскажите пожалуйста!
помогите с классом вот написал как я хочу чтоб выглядела таблица. Код написан на html, можно его перевести на css ?Спасибо! Это код: .STAB {border:0;align:center;WIDTH:60%;valign:middle;rules:none;cellSpacing:0;cellPadding:0; HSPACE:0;VSPACE:0; } .
0 votes15 answers