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 -
background собрать из двух картинок
Есть вот такой вариант! _http://imageshack.us/photo/my-images/5/20122012174003.png/ Как сделать её продолжить до конца <h3 class="maintitle"> <a title="A Test Category" href="">A Test Category</a> </h3> .maintitle { background:url(/maintitle.png) no-repeat; padding: 10px 10px 31px; font-size: 150%; font-weight: normal; color: #5B6D77; line-height: 1.8; font-family: Georgia,"Times New Roman",Times,serif; } Думаю что надо подключить к этому background ещё одну картинку для предложения с повторением, вот только как это сделать я не знаю.
0 votes7 answers -
Media queris и смартфоны с высоким разрешением
Доброго времени суток. Есть у меня задача для одного сайта сделать полу-адаптивную верстку для смартфонов и планшетов. "Полу", потому что внешний вид контента будет кардинально меняться, вплоть до изменений html. Алгоритм примерно такой: от 320 до 767 - контент под мобильные от 768 до 1023 - под планшеты от 1023 и выше - десктоп Но проблема в том, что на некоторых смартфонах встречается ширина 800px при разрешении 4,3". То есть такому телефону будет отдаваться контент предназначенный для планшетов. Можно ли как-то решить эту проблему?
0 votes8 answers -
javascript
http://codepen.io/anon/pen/LJmDx Kak propisat java script ili kakoe video posmmotret chtoby sdelat eto zadanie.
0 votes8 answers -
Как сделать такой border
Здравствуйте! В макете есть блок с границей: Подскажите пожалуйста как мне реализовать такой же блок с такой же границей только средствами CSS. Легкий способ(просто вырезать блок и установить через background), но это ведь не правильно как я понял. А с border-img я не разобрался. Заранее благодарен!
0 votes2 answers -
Сайт отображается хорошо, а шапку режет
Здравствуйте! Я мало разбираюсь в веб-дизайне, но вопрос отправила сюда, потому что в теме для начинающих подходящей категории не было. Проблема в следующем - на сайте тема Мистик "с резиновой шириной, но не более 1200 px". Установила шапку размером 1200 на 170. На моем ноутбуке все отлично отображается, но на смартфоне и большом широкоформатном ТВ, к кот подключен другой комп шапку режет справа. При этом сама страница четко входит по полям - прокручивать не нужно. Подскажите, пожалуйста, что мне сделать с шапкой, чтобы она нормально масштабировалась на устройствах с шириной экрана, отличной от 1200 пикселей. Повторюсь, что страницы входят по полям, все отлично…
0 votes5 answers -
Проблемы с формой
При нажатии на кнопку в форме, сайт не перезагружается как нужно. В чем проблема? <div class ='div-form'> <h1>CALC</h1> <form id = 'myform'> <label for = 'inp-1'>Число 1</label> <input class = 'inp' id = 'inp-1' type ='text'></input> <br/><p></p> <label for = 'inp-2'>Число 2</label> <input class = 'inp' id = 'inp-2' type = "text"></input></form><br/> <input id = 'bu-end' type ='submit' value ="Суммировать"></input> <p class = 'sum' id = 'sum'>Сумма: <span class = 'sum-r' id = 'sum-r'></span></p> </form>&…
0 votes2 answers -
Создание thumbnails из divов
Всем привет. У меня такая проблема, надо сделать много маленьких дивов (~100x100) и чтобы они располагались в виде "плитки", т.е. один за одним, и под другим... Галерея такая в общем. Делаю так: .image_item { float:left; width:100px; height:100px; text-align:center; margin-right:15px; margin-bottom:15px; border:1px solid #9dabc5; background-color:#fcfefd; } <div class = "image_item">Bla</div> <div class = "image_item">Bla</div> <div class = "image_item">Bla</div> <div class = "image_item">Bla</div> <div class = "image_item">Bla</div> <div class = "image_item">Bla</div> ... Все рабо…
0 votes1 answer -
как залить контент в сверстанный дизайн
Здравствуйте, у меня такая проблема нужно срочно выложить сайт, есть дизайн -верстка в html в дивах, я не пойму ,как туда залить контент, то есть у меня есть сайт, который подвергся дизайну на php, там просто есть главная, остальные страницы туда генерируются вот так: <td width=87%> <?php Error_Reporting(E_ALL & ~E_NOTICE); $req_1="1.php"; $req_2="2.php"; ... if ($req == 'link1'): include($req_1); elseif ($req == 'link2'): include($req_2); elseif ($req == 'link3'): include($req_3); ... else: include($req_2); endif; ?> </td> В новом дизайне такая ситуация: справа меню, слева меню, в середине должен располагаться контент, а в странице дизайна т…
0 votes1 answer -
Верстка div
Допустим в ячейки есть такой код: <td> <input type="hidden" name="opi" value="ds"> <a href="#">Отправить</a><img src="images/foto.jpg"> </td> Как на css, сделать так чтобы ссылка и картинка стояли рядом через 3 пикселя и выравнивались по правому краю по горизонтали и по вертикали по середине? Шоб во всех браузерах это сработало! Тобишь непонятно как сделать вложенный див для разных объектов
0 votes2 answers -
Как изменить стиль?
Помогите пожалуйста изменить стиль текста. {full-story} вытягивает новость картинку и текст а текст очень мелкий мне надо сделать его покрупнее. Может кто подскажет. сайт DLE на оф форуме никто не знает во беда! <div class="binner maincont"><div> {full-story} <div class="clr"></div> </div></div>
0 votes5 answers -
DOCTYPE
Здравствуйте уважаемые знатоки. Я делаю свой сайт в программе Фронтпейдж 2003. ДОКТАЙП она не выставляет. Часть страничек начинается с head, а часть с такой штуки <html xmlns:v="urn:schemas-microsoft-com:vml" xmlns:o="urn:schemas-microsoft-com:office:office" xmlns="http://www.w3.org/TR/REC-html40">. Между тем, на этом сайте Влад пишет, что сейчас ДОКТАЙП нужен обязательно. 1) Не могли бы вы мне подсказать - какой синтаксис у html, созданного Фронтпейдж - строгий или переходный? Ведь Влад в своей таблице даёт несколько вариантов. 2) Я правильно понимаю - вышеприведенная длинная строчка на английском - это предшественница ДОКТАЙПА? Её надо убирать, если ставишь ДОК…
0 votes5 answers -
Проблема с "резинкой"
Здравствуйте! Есть задачка: нужно красиво оформить отображение картинок. Сделал вот так. В нормальных браузерах отображается корректно, а вот в эксплорере все поплыло. Объясните пожалуйста, где косяк? HTML код: CSS код: java script:
0 votes0 answers -
Боковая колонка вылезает ниже подвала страницы
Натягиваю тут сайт на новую CMS, и столкнулся с такой проблемой - по словам заказчика, в подвале страницы наблюдается косяк, левая колонка продолжается ниже подвала страницы. Не могу никак повторить проблему, смотрю на разных компах в IE, FF и Opera - все нормально в подвале, нет косяка. А у них - есть. И скриншоты шлют. Гляньте плиз: http://tinyurl.com/mrvncz (адрес временный, косяк наблюдается якобы на любой внутренней странице) - вылезает там левая колонка ниже уровня подвала или нет? Если вылезает, то из-за чего? Не могу устранить проблему, т.к. не могу ее повторить у себя Просьба сапогами в меня не кидать если там совсем все плохо, я больше программер чем верстальщи…
0 votes1 answer -
Проблема с размещением картинки относительно текста
Возникла проблема с размещением картинки относительно текста: <html> <head> <title>Site</title> <style type="text/css"> BODY { font-family: Arial, Helvetica, sans-serif; } .text { font-family: Arial, Helvetica, sans-serif; color: black; font-size: 13px; position: relative; } .top { font-family: Comic Sans MS, sans-serif; color: white; font-size: 32pt; } .pic { color: #2E5C82; } .zag { font-size: large; font-family: Comic Sans MS, sans-serif; color: #2E5C82; } </style> </head> <body> <center> <table><tr><td width=500> <span class="zag"> <p style="text-ali…
0 votes4 answers -
Плавающие блоки - стыковка
Пытаюсь сделать блоки шириной 50%, 1\3 (т.е. 33%) и 2\3 (т.е. 67%) Соответственно блоки 50% только между собой вставляются (лефт и райт) А блоки 1\3 и 2\3 компонуются между собой (лефт и райт) Проблема в следующем: почему-то после первого "третичного" блока перестает воспринимать стили... ошибку увидеть сам не могу Исходник HTML: <!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>Untitled Document</title> <link rel="stylesheet" rev="st…
0 votes4 answers -
Объясните поведение элемента во всех браузерах
http://vsegarazd.com/nikita/test/ на этой странице список отображается вертикально в ряд, а должен горизонтально в ряд я не первый день версткой занимаюсь, но принцип отображения понять затрудняюсь, ul абсолютно отпозиционирован, если убрать left:900px; отображение становится правильным пример кроссбраузерный, кода совсем чуть-чуть, профессионалы помогите разобраться
0 votes6 answers -
Помогите откорректировать отображение рекламного блока
Помогите откорректировать отображение рекламного блока Вот код, что еще нужно прописать в стилях img или a, чтобы текст отображался компактнее <table> <tbody> <tr> <td style="width: 100%;"> <a href="http://id68698.al11.luxup.ru" target="_blank"> <img src="http://is.luxup.ru/images/i/6/1203646_267.jpg" style="background: none repeat scroll 0% 0% rgb(255, 255, 255); padding: 4px; border: 1px solid rgb(224, 224, 224);" height="100" width="100"> </a> <a href="http://id68698.al11.luxup.ru" target="_blank" style="overflow: hidden; text-align: left; vertical-align: top; padding: 10px; color: rgb(14, 114, 181);">Ландшафтный диза…
0 votes8 answers -
растянуть страницу вертикально
Имеем с нуля таблицу в 3 строки TR. Верхняя TR строка шапка. Нижняя строка TR копирайт и тп. В средней TR допустим всего несколько строк тескта. Нужно, чтобы средняя TR растягивалась на всё окно браузера, так чтобы нижняя TR оказывалась у нижнего края окна. Если в простом коде, то так примерно <HTML><HEAD></HEAD><BODY> <table> <tr><td> -1- </td></tr> <tr><td height="90%"> -2- </td></tr> <tr><td> -3- </td></tr> </table> </BODY></HTML> Перерыл яндекс и спецификации , но по названию этой темы в кавычках ничего нет. Интересу…
0 votes5 answers -
Тень у блока с трех сторон, как?
Как сделать тень у дива только с трех сторон? Только ухищряться? Два дива идут один под другим без отступа, образуя одно целое. Это все должно быть с тенью. Присваивая тень обоим блокам, получаю тень посередине, а это лишнее. Думаю сделать див обертку под эти два, и присвоить тень обертке, а у этих убрать. А более простого нет решения, нету такой опции присваивать тень отдельно сторонам?
0 votes10 answers -
Как сделать горизонтальное меню со звуком?
Подскажите пожалуйста, как сделать меню со звуком. Звук при наведении курсора на кнопочку. Можно ли добавить звук к уже готовому меню на CSS?
0 votes6 answers -
<header>
Есть сайт, на сайте есть <div id="header"></div>, в котором содержаца элементы списка и другие дивы. Я переделываю код сайта под HTML5 ,правильно ли брать такую большую шапку в новый тэг <header></header> На данный момент она выглядит так.. <div id="header"> <div id="top_wrapper"> <div id="top"></div> </div> <div id="bottom_wrapper"> <div id="bottom"> <div id="right_side"> <ul id="lang"> <li class="uk"></li> <li class="est"></li> <li class="rus"></li> </ul> <p>Активные объявления: 3 99…
0 votes3 answers -
Можно ли сделать ссылку на Facebook для тех кто там не зарегестрирован.
Клиент просит ссылку на свою страницу в Facebook. Все прекрасно если вы уже туда залогинились. А если нет? А если вообще вас там нет? Тогда открывается страничка, которая прости вас зарегистрироваться. Можно ли это дело миновать и сделать прямую сылку? Спасибо!
0 votes5 answers -
Смещение background в css
И так у меня проблема. http://test123234.ucoz.ru/news заказали сверстать, не могу решить одну проблему. в правой колонке видим - фон тайтла блока (картинку), background-position: 40px; этим способом я сместил фоновую картинку за границу шаблона так сказать. перед этим увеличил длину блока .blocktitle { width: 240px; что позволило сместить. слева этот метод увы не работает, т.к. сам шаблон рисуется слева на право как бы. вобщем нужно сделать аналогичное смещение для левой колонки. просто хотябы увеличить ширину blocktitle, с расширением в левую сторону. немного ломанно сказал. прошу помощи. background-position: 40px; это лишнее вобщем) нужно только блоктайтл сместить
0 votes2 answers -
input text
Подскажите пожалуйста нужно чтобы ввод в поле был 1.не меньше допустим пяти 2.только на анг 3.только цифры проблема ещё в том что я не знаю как правильно пописать вопрос поэтому получается как то так это три разных поля
0 votes12 answers