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
-
Заказы для начинающих
Доброго времени суток, уважаемое сообщество! Не так давно начал изучать материалы сайта, и, дойдя в практикуме до определенного уровня сложности заданий вдруг понял, что нужно браться за реальную работу. На форуме выложены .PSD для перевода в код, а также есть ветка с оценкой работ, но это, как мне кажется, немного не то, хотя и безусловно крайне полезно. На мой взгляд начинающим верстальщикам нужно практически сразу брать копеечные заказы, как и любым начинающим ремесленникам в принципе, пусть это будет даже 10 долларов за работу, ибо любой труд должен быть оплачен. Работать же за "репутацию" и "для портфолио" - глупость, потому что работая за деньги, пусть даже за крохо…
0 votes9 answers -
Кастомизировать select стрелку
Есть ли возможность кастомизировать стрелочку "вниз" элемента select?
0 votes11 answers -
СРОЧНО ПРОБЛЕММА С DREAMWEAVER"ОМ
В общем у меня очень странна проблемма с этой программой.У меня както постранному редактируються таблицы.Отсуп вообще какойто непонятный.Мне надо чтобы между строками небыло вообще промежутка пользовался тэгом line-height,но ничего не помогло((( В общем вот сама картинка как это безобразие выгядит
0 votes17 answers -
0 votes6 answers
-
css position в absolute
Есть див определённой высотой и шириной, в нём куча картинок со скролом за счёт overflow-y. Каждая картинка в диве, а на картинке, но в этом же диве див-меню (position: relative;) в этом меню длинные ссылки (с position:absolute) Проблема в том что очень длинные ссылки из за того что их родитель с position: relative; сжимаются и вместо того что бы показываться над окном они пропадают под ним, если же мы меняем местами position, то казалось бы всё нормально НО так как у нас есть скрол и при его прокрутке ссылки не остаются на картинке , а остаются на месте а должны быть привязаны к местоположению картинки. вот http://bm61.16mb.com/test/index.htm ужас этот заменив position …
0 votes22 answers -
фоновая музыка на сайте
Как сделать так чтобы на сайте играла фоном музыка НО при переходе на другю страницу она продолжала играть а не начинала играть трек заново ?
0 votes21 answers -
В каком виде передается задание верстальщику?
Я новичок в верстке, поэтому вопросы могут показаться глупыми. Но все же ответьте поподробнее. Допустим, заказчик дал макет в виде изображения (jpg или png, например). Как достать оттуда изображение фона, если оно частично закрыто буквами или еще чем-нибудь, чтобы поставить в background? Или же заказчики всегда дают только изменяемые макеты вроде psd? Если страница со скрытыми объектами или всплывающими окнами, то даются отдельные изображения? Например, если рисованная кнопка меняет вид при наведении курсора, то дается 2 разных изображения? Приходится ли верстальщику что-то дорисовывать?
0 votes30 answers -
Резиновая строка между 2х таблиц???
Как сделать что бы последняя (нижняя) таблица прилипала к нижнему краю экрана? Структура: Таблица1 Таблица2 Таблица3 Что нужно: Структура: Таблица1 Таблица2 резиновая строка, пробел и т.д. и т.п. Таблица3 (прилипшая к нижнему краю экрана) код оч длинный так что вот www.karta-fitness.ru Фуф...с надеждой что хоть кто-то поймет что я тут нацарапал...
0 votes10 answers -
overflow-y:scroll; две полосы прокрутки
Есть сайт, отцентрированный по середине, с помощью margin-left:auto; and margin-right:auto; ИЕ отображает полосу прокрутки по умолчание, остальные браузеры - нет. Первая проблемы была вызвана тем, что при появлении этой самой полосы прокрутки во всех браузерах(кроме ИЕ где она просто становилась активной) весь контент сайта смещался влево на ширину полосы прокрутки. Решение было отображать ее во все браузерах с помощью body { overflow-y:scroll; } Но после этого ИЕ начал отображать 2 полосы прокрутки рядом =) подскажите как это можно решить? для примера, откройте в ИЕ и увидите 2 неактивные полосы прокрутки. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional/…
0 votes6 answers -
Нестандартные фрифты: flash + js
Добрый день Слышала я о такой штуке: как-то можно нестандартный шрифт запихивать во флеш. а потом в html писать тексты обычным способом (ну просто, писать ), а в браузере шрифт подгружается из флешки и эти тексты пишутся уже красивыми заковыристыми шрифтами. сорри, что путано получается. собственно, вопрос: натыкался кто-нить на такое? может, сылдку дадите или этот рецепт? я не могу придумать, что спросить у поисковика.
0 votes9 answers -
Проблема с вложенными таблицами.
Почему во вложенной таблице не исчезла сетка? <html> <head> <style type="text/css"> .tbl { width: 100%; border-collapse: collapse } .tbl td { border: 1px solid black } .tbl2 td { border: 0px solid black } </style> </head> <body> <table class="tbl"> <tr> <td>............</td> <td>............</td> <td>............</td> </tr> <tr> <td>............</td> <td> <table width="100%" class="tb2"> <tr> <td>............</td> <td>............</td> <td>............</td> </tr> </table> …
0 votes16 answers -
Проблема с background в IE
Здравствуйте всем! Необходимо на фон страницы поставить градиент(сверху фон светлее). Я вырезал 2 картинки(фиксированной высоты первую, где градиент и вторую просто для фона) Вставляю следующим образом: <!DOCTYPE HTML> <html> <head> <meta charset="utf-8" /> <meta name="author" content="" /> <title></title> <link href="css/style.css" rel="stylesheet" /> <!--[if lt IE 9]> <script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script> <![endif]--> </head> <body> </body> </html> *{ margin:0; padding:0; } body { background: url(.…
0 votes15 answers -
В тегах H1 и H2 не отображается русский текст
Есть шаблон HTML+CSS, кодировка utf-8. Вставляю свой русский текст, а в тегах H1 и H2 он не виден. Не "кракозябры", как при неверной кодировке, а его нет вообще (в исходном коде в браузере есть). При чем вне этих тегов русский текст отображается. Изменял кодировку на windows-1251 не помогло. Шаблон залит на Денвер. Подскажите, в чем проблема. <h1><a href="index.html">Text<span>text</span> <small>Text</small></a></h1> h1 { margin:0; padding:32px 0 0; font-size:36px; font-weight:bold; line-height:1.2em; text-transform:none; } h1 a, h1 a:hover { color:#fff; text-decoration:none; } h1 span { } h1 small { display:block…
0 votes18 answers -
Не могу убрать отступы между INPUT
Вот скриншот: Проблема заключется в том что я не могу убрать отсуп между думая INPUT, хотелось что сама форма была цельной. Вот прилагаю код: <ul class="burner"> <form action="http://feedburner.google.com/fb/a/mailverify" method="post" target="popupwindow" onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=site.ru', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true"> <input type="hidden" value="site.ru" name="uri"/><input type="hidden" name="loc" value="ru_RU"/> <li class="inputForm"><input type="text" name="email" onblur="if(this.value=='') this.value='Введите Ваш email'" onfocus="if(this.value=='Вв…
0 votes10 answers -
Непрозрачное изображение на прозрачном слое
Здравствуйте. Есть проблема такого характера. Есть див, к нему прописано opacity: 0.3; Внутри этого дива есть картинка, мне нужно, чтобы она не была прозрачной. Я прописываю картинке opacity: 1 !important;, но она все равно прозрачная. Как быть, подскажите? <div style="width: 600px; height: 300px; background: #FFFFFF; opacity: 0.2;"> <div style="position: absolute; left: 200px; top: 50px;"> <img src="myimg.png" style="opacity: 1 !important;"> </div> </div>
0 votes4 answers -
Спрятать полосу прокрутки
Здравствуйте! у меня следующий вопрос, можно ли спрятать полосу прокрутки(чтобы е? не было видно) вот в этом div: <div align="left" style="width: 694px; margin-top: 20px; height: 456px; overflow: auto; padding-right: 15px;"> </div> Причем чтоб прокурутка содержимого его(колесом мыши) все же осуществлялась. Это вооще возможно? Заранее спасибо!
0 votes9 answers -
про float и width
хреновый все-таки из меня дизайнер. имеем: .pic {float:left; padding:4px; margin:6px; background-color:#3c3c3c; border:1px solid #bdbdbd;} <div class="pic"> <a> <img> text </a> text </div> глюк - идут подряд картинки. пока размер одинаковый все нормально. как только встречается вместо 150*113 вертикальная 113*150, следующие две 150*113 благодаря float позиционируются вертикально и прилипают друг к другу. очевидное решение - задать постоянную высоту, одинаковую для всех картинок. ну, 150px+13pt+11pt примерно 185px. ширина 150px+4px*2(padding)+1px*2(border)=160px. чтоб избежать большого фона снизу, вводим внешний контейнер. получило…
0 votes12 answers -
Список li в несколько колонок
Скорее из праздного любопытства, но если есть решение то оно пригодится для упрощения верстки Имеем список <ul> <li>Первый</li> <li>Второй</li> <li>Третий</li> <li>Четвертый</li> <li>Пятый</li> <li>Шестой</li> <li>Седьмой</li> <li>Восьмой</li> <li>Девятый</li> </ul> Хотелось бы чтобы список выстроился в несколько колонок, но так чтобы пункты формировались не в строчку, а в столбик То есть не так Первый - Второй - третий - четвертый пятый - шестой - ... А так Первый —-- пятый Второй —-- шестой Третий —-- ...... Четв…
0 votes11 answers -
Как сделать, чтобы при нажатии на ссылку появлялся сбоку блок(div)?
Есть список услуг, каждая категория - это ссылка, список находится слева. Нужно так, чтобы при нажатии на категорию сбоку появлялся блок. При этом, нужно, чтобы при нажатии на другую категорию этот блок закрывался и появлялся новый. если можно чтобы плавно появлялся блок. Помогите пожалуйста, народ, очень нужно.
0 votes5 answers -
разная высота рабочей области браузера на мониторах с одинаковым разрешением
Добрый день, коллеги. Столкнулся со следующей загадкой: стационарный монитор и монитор ноутбука имеют одинаковое разрешение - 1920х1080px. Некая страница, состоящая из шапки с меню, слайдера и блока спецпредложений под ним, отображается по разному: на стационарном мониторе на первом экране видна шапка, слайдер и спецпредложения. На ноутбуке - только шапка и слайдер. Замерил высоту рабочей области браузера - на мониторе около 900px, на ноутбуке - около 700. Тестирование производилось в нескольких одинаковых браузерах с одинаковым набором панелей браузера. Т.е. похоже, что браузеры на ноутбуке эмулируют разрешение 1920х800. Есть ли какие-то объяснения этому феномену? Да, ОС…
0 votes10 answers -
подчеркивание многострочного абзаца
Гуры HTML Подскажите пожалуйста как замутить такое text text text text text text text text text text text text text text text text text text text text text text text text text text text __________ Чтобы подчеркивание растягивалось именно с текстом последней строки, при изменении размера страницы.
0 votes11 answers -
Втсавка видео flv на страницу
Приветствую всех! Инетесует вопрос: Как вставить видео flv, wma, avi на страницу?
0 votes4 answers -
Резиновая таблица в IE 7 - как?
То ли я поиском пользоваться не умею, то ли решение этой проблемы затерялось в дебрях прошлого. но все же. Нужно сделать таблицу (именно table а не div) из двух колонок, одна фиксированной высоты, вторая - на всю оставшуюся часть высоту экрана. Сделал - в опере и ФФ работает, в IE 7 появляется вертикальный сролл. У самого 6 эксплоера нет, но вроде бы там тоже все ок. В чем проблема? <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <title>{title} -</title> <meta http-equiv=Content-Type content="text/html; charset=windows-1251"> <style type="text/css"> <!-- html…
0 votes7 answers -
CSS Обработка изображений (затенение, высветление)
Здравствуйте! Вопрос: Средствами css можно как-то затемнить, размыть изображение, как бы наставить на него белую полупрозрачную пленку и т.п.? Есть для этого какие-нибудь стили?
0 votes9 answers -
Выбор ноутбука для front-end разработки
У меня бюджет 10к грн. Остановил свой выбор на ноутбуке HP 255 G5 (Y8C03ES) . Скажите, он подойдет для обучения и работы на фрилансе? Не будет ли виснуть макеты в фотошопе CC? Или с таким ноутом лучше не соваться в ит? Спасибо. Экран 15.6” (1920x1080) Full HD, глянцевый с антибликовым покрытием / AMD Quad-Core A6-7310 (2.0 - 2.4 ГГц) / RAM 8 ГБ / SSD 128 ГБ / AMD Radeon R4
0 votes7 answers