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
-
съезжает меню
http://immersprint.tk/(не реклама) вот сайт, если входу под логином и паролем, то верхняя менюшка нормально располагается, фиксированная позиция, а если я как гость на сайте, то меню съезжает вверх, да и вообще сейчас влево уехало... #container { margin: 0 auto; padding: 30px 30px 0; width: 930px; background:rgba(0, 0, 0, 0.6); border-radius: 5px 5px 0 0; box-shadow: 0 0 5px 0 #555555; overflow: hidden;}#top-menu-container { margin: -32px auto; width: 990px; height: 55px; position: fixed;}#top-container { background: #333333; background: rgba(51, 51, 51, .95); border-radius: 0 0 5px 5px; padding: 0 30px; width: 930px; border-bottom: 1px solid #999999; positio…
0 votes5 answers -
Использование тегов в документе несколько раз
Подскажите пожалуйста, можно ли в пределах одной html-страницы использовать теги <head> и <body> более одного раза. Пытаюсь работать с одной из партнерских программ. Код их виджетов выводится тремя кусками: 1. <div id=""> </div> помещается в месте вывода виджета 2. <script src="" type="text/javascript"> </script> 3. <script type="text/javascript"> параметры скрипта </script> В случае установки более чем одного виджета на одной странице, вторая часть оставляется только один раз, из кода второго и следующих виджетов удаляется. Третьи части располагаются перед тегом </body> в том порядке, в котором выводятся в…
0 votes3 answers -
Проблема верстки
Такая проблема. Есть 4 картинки. Они должны быть позиционированы по центру, возле первой картинки слева есть текст, возле второй картинки текст справа. возле третей текст слева, возле четвертой справа. Я уже замучался, не могу понять как это сделать....Буду рад помощи. :0074:
0 votes16 answers -
Рендеринг шрифта отличается на macOS и Windows
Здравствуйте. При выделении подключаемый шрифт на сайте рендерится по разному на macOS и Windows. Браузер Chrome последней версии. Вот так шрифт отображается на ОС Windows - идеально расположен по центру А вот так уже на macOS. Шрифт смещен с центра к верху. Сталкиваюсь не в первый раз с этой проблемой. В чем может быть проблема? Возможно кто-то сталкивался с подобным? В какую сторону копать в таком случае?
0 votes3 answers -
Помогите чайнику с БД
Нужна помощь! В конструкции сайта предусмотренно два форума с разным оформлением, заполнением,содержанием и т.д. Нужно знать можно ли использовать одну БД для этих форумов или как можно используя разные БД экспортировать и импортировать данные введ?нные при регистрации пользователем? п.с. форум пшпбб типа этого... Блш спсб!!!
0 votes6 answers -
Отступы вокруг изображений в Opera 9.23
Если в документе прописан доктайп, то в Opera 9.23 вокруг изображений появляются отступы в 2 пикселя. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0//EN"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251"> <title>Отступы...</title> </head> <body> <img src="res/button011.jpg"> <img src="res/button021.jpg"> <img src="res/button031.jpg"> <img src="res/button041.jpg"> <img src="res/button051.jpg"> </body> </html> margin:0, hspace="0", vspace="0" не помогает... В Opera 9.21 и Firefox 2.0.0.6 - то же самое, в IE все нормально. Раньше я никогда докт…
0 votes8 answers -
explorer некорректно тянет ячейки таблицы
Есть вот такая таблица <table width="100%" height="408" border="1" cellpadding="1" cellspacing="1"> <tr> <th colspan="3" scope="row">1</th> <td colspan="2">1</td> </tr> <tr> <th width="5%" rowspan="5" scope="row">kjk</th> <td width="21%" >1</td> <td width="39%">1</td> <td width="29%">1</td> <td width="6%" rowspan="5">kk</td> </tr> <tr height=1> <td height=30>222</td> <td rowspan="3"> Новости 22.03.2008 defr Короче, сказка братьев Гримм. В некотором царстве, плановОм государстве, жил был король Облом Второй. Государство, …
0 votes5 answers -
перенос слова на новую строку
Есть ячейка таблицы <TD> с фиксированной шириной. В ней есть допустим длинное слово, которое не влезает заданную ширину. Сейчас ячейка ячейка растягивается по ширине, чтоб слово вместилось целиком. Если слова два и они не влезают в ширину, то второе слово переносится на новую строку. А как сделать перенос одного слова?
0 votes1 answer -
Макет сайта
Вот есть макет сайта.Меня интересует вопрос по центральной части.Там где новости с комментами,датой.Как её можно сверстать чтобы получилось все правильно.Я уже сверстал верх и эту центральную часть начал.Вот только не пойму как сверстать так чтобы текст и дата, комменты были на одном уровне и самое главное там под каждой новостью идет линия,как сверстать так чтобы линия была и там где дата с комментами и там где новость.Короче я так понял должен получиться один блок.Но в макете получается что слои то разные и что то не получается совместить на один уровень дату с комментами и линия подчеркивающую всю новость.Подскажите пожалуйста просто на словах можно, а дальше я cам раз…
0 votes12 answers -
Верска на вылет
Добрый день! Подскажи как сверстать? есть ширина основного контента 1024. под ним идет фон шириной 1500. Требуется сделать так, чтобы у всех мониторов разрешение которых больше чем 1024 обрезался фон по краям, т.е. не появлялась горизонтальная полоса прокрутки, а для тех у кого меньше 1024 - появлялась полоса прокрутки. Желательно при этом не использовать javascript
0 votes9 answers -
min-height и vertical-align
Добрый вечер. У меня возникла проблема следующего плана. Имеем div с мультилайн текстом. Требуется вертикальное выравнивание, при наличии свойства min-height Буду рад вашей помощи.
0 votes8 answers -
Вырезать изображение в Photoshop
Подскажите, пожалуйста. Имеется макет в psd, фрагмент которого привожу ниже. Точнее - это кусок макета с проблемным для меня местом. http://savepic.su/2233598.htm Стоит задача вырезать фотографию, причем без рамки (ее доделаю в CSS). В панели слоев Photoshop такая "картина": http://savepic.org/2402954.png Рамкой обвел те слои, которые рисуют это изображение. Но, насколько я понимаю, один слой связан с другим. И отделить один от другого, чтобы вырезать картинку, у меня не получается. Подскажите, как правильно это сделать? P.S. Когда писал, пришла мысль - может воспользоваться Crop? Все равно подскажите, как нужно выполнить эту операцию? До этого с такими замысловатыми слоя…
0 votes12 answers -
Код Виджета плейлиста, переделать в iframe
Вот такой код: <script type="text/javascript" src="//vk.com/js/api/openapi.js?150"></script> <!-- VK Widget --> <div id="vk_playlist_-2000646569_646569"></div> <script type="text/javascript"> VK.Widgets.Playlist('vk_playlist_-2000646569_646569', -2000646569, 646569, 'ae82627d6c8bb4500d'); </script> я нашел как переделали виджет группы: https://javascript.ru/forum/dom-window/40760-ne-otobrazhaetsya-vidzhet-vk-v-tabakh.html <iframe src="http://vk.com/widget_community.php?gid=29627308&width=190&height=220" width="190" height="220" scrolling="no" frameborder="0"></iframe> Но с виджетом плейлиста…
0 votes1 answer -
Помогите Пожалуйста IE
Пацаны помогите пожалуста встала проблема сайт готов , но вот IE снова подводит .bottom {width:178px; height:41px; position:relative; margin:20px 0 10px 25px} .bottom a {text-decoration:none; color:#FFFFFF; font-family:Arial, Helvetica, sans-serif; font-size:18px; font-weight:lighter; font-style: italic} A.rollover { background:url(../img/knopka1.gif) no-repeat; display: block; width: 178px; height: 41px; padding-left:24px; padding-top:5px } вот код цензура кнопок , проблема в том что ИЕ не понимает padding-left:24px предложите альтернативу пожалуста ...
0 votes4 answers -
css верстка, блоки, нужна помощь
Добрый день уважаемые. окажите пожалуйста помощь в решении следующей задачи. Дано четыре блока в две колонки. хочу чтобы при изменении высоты блока 4, высота колонок оставалась одинаковой при этом блок 1 и 3 своих размеров не меняли, а высота левой колонки изменялось за счет высоты блока 2.
0 votes13 answers -
Подгрузка шрифтов
Здравствуйте! Подскажите плиз как лучше поступить в следующей ситуации: При верстке макета столкнулся со шрифтом которого нет на моём компе[TrebuchetMS] [italic]. Поменять на похожий не вариант – поскольку заказчик требует именно этот... Из этого следует вопрос: Существует ли в инете механизм, на котором находились бы абсолютно все шрифты,которые через ссылку можно было бы подгрузить? И самое главное что бы это было надёжно и абсолютно кроссбраузерно... В одной работе увидел такой код: @import "style/style.css"; @font-face { font-family: "MyriadProCondensed"; font-style: normal; font-weight: normal; src: url("myriadpro-cond_0-webfont.eot?#iefix" ) format("…
0 votes4 answers -
Можно на ul задать border-radius
Всем добрый вечер. Можно ли каким-то образом на ul задать border-radius ?
0 votes7 answers -
Оформление <option>
по этой статье сделал селект http://frontendblog.info/styles/whatever/pretty-drop-downs/ на выпадающие оптионо всё равно такиеже. перепробывал всё что только знаю но оформить покрасивше не как не получается, задний цвет изменить получается а вот поменять его на картинку не получается. А вообще хотел получить что-то на подобие такого селекта http://demo.uthemes.ru/index/sedona/0-172
0 votes3 answers -
Таймер обратного отсчета - доработать
Есть скрипт, но внешне выглядит както простовато, сливаеться с текстом. После просмотра: Таймер обратного отсчета на странице. Часть 1 из 3 http://ruseller.com/lessons.php?rub=32&id=1135 Таймер обратного отсчета с помощью jQuery http://www.rudebox.org.ua/countdown-timer-with-jquery-rudebox/ JavaScript таймер обратного отсчета (MU Timer) http://frontcamp.com/2013/02/01/free-javascript-countdown-mu-timer-10/#.Uqm-Z-LlJ8E Хотелось бы переделать но сменьшим изменением скрипта, в основном CSS? Сейчас всё выглядет так:
0 votes5 answers -
есть div. в нём p и img. img справа. как сделать так, чтобы float: right не убирал изображение из потока?
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <link rel="stylesheet" href="style.css"> <link href="https://fonts.googleapis.com/css?family=Open+Sans:300,300i,400,400i,700|Raleway:200" rel="stylesheet"> <title>Content</title> </head> <body> <div id="all"> <div id="up"> <p>Компания «Турбомикрон» всегда совершенствует свой сервис по работе и обслуживанию своих новых так и постоянный клиентов. Мы налаживание связи со всеми товаро-транспортными компаниями, для того чтобы наша работа с клиентами была максимально продуктивна.Поэтому наши турбины мы можем отправлять по всей терри…
0 votes3 answers -
Можно ли задавать высоту обертки, блока всей секции в rem?
Возник такой вопрос, пока учился верстать, все всегда говорили что высоту блока либо обертки для всей секции лучше не задавать (типо пусть блок отталкивается от контента, и потом уже задать падинги), так как при адаптиве есть шанс что все попадает, но недавно на одной забугорном ролике по бутстрапу увидел что верстальщик внаглую прописывает всем блокам высоту в rem (не важно, обертка ли это для сексии, кнопка, обертка картинки и тд), отталкиваясь от body который прописан в пикселях. Rem как-то более толератнее относится к адаптиву? Или есть какая то фишка?
0 votes1 answer -
псевдокласы и style
Доброго... Скажите, пожалуйста, можно как-то внутри тега описать его псевдокласы ?
0 votes6 answers -
Переадресация
Всем доброго вечера... Вобщем воопрос следующий.. Один нехороший человек вставил свой скрипт с переадресацией который подгружается для всех страниц сайта... Как зайти на сайт, чтобы убрать этот нехороший скрипт... подскажите плиз?(P.S. скипт работает на всех страницах сайта)
0 votes3 answers -
Вертикальное Выравнивание Текста
На просторах интернета нашел такое колдунство: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"> <head> <title>Title</title> <meta http-equiv="content-type" content="text/html;charset=utf-8" /> <meta http-equiv="Content-Style-Type" content="text/css" /> <style type="text/css"> * { margin: 0; padding: 0; } body { margin: 10px; } input { height: 200px; line-height: 200px; text-align: center; font-size: 24px; -mos-transform: rotate(-90deg); border: red 1px …
0 votes16 answers -
HTML - первые шаги
Здравствуйте, по совету невесты решил учить веб-программирование. Как и любой уважающий себя новичок быстро скопировал пример первой страницы в блокнот, сохранил как положено.. Короче, если уважаемая администрация не возражает, я бы хотел, чтобы тема была открыта, пока я не закончил с основами ХТМЛ-)) И людей знающих и умеющих прошу помогать советами, направлять, и указывать на ошибки, и отвечать на ~1000 вопросов, которые у меня возникнут... Первый вопрос- В примере задана кодировка (если я правильно понял,это есть настройка кодировки страницы) -- <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> Хтмл документ открываю через мазил…
0 votes16 answers