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. Но там обучают на "Microsoft Visual 2008 EE" Подозреваю , что прога достаточно громозская для html. Посоветуйте на чем лучше кодировать или есть кто, кто работает на Visuale ?
0 votes41 answers -
Центрирование ul
Подскажите, возможно ли оно Отцентрировать список ul без указания этому списку ширины? ширина меняется Вообще работает text-align:center; и display:inline; Но при inline элементы становятся уже не блочными и не работают отступы вверх и вниз у ссылок внутри li Вот так на пальцах
0 votes41 answers -
тег <p> в диве
Приветствую! Сегодня столкнулся с необычной для себя проблемой. Страница сверстана с контентом в центре. Разбита на 4 блока дивами. В двух блоках находятся ссылки в столбик. Так вот в чем суть. Если я в верхнем блоке ставлю ссылки в тег <p> то при разрешении 1024 появляется 1 пиксель справа от контента. Т.е. сам контент не разъезжается, а появляется именно отступ справа. В нижнем блоке применение этого же тега проходит без проблем. хотя блоки одинаковы. В разных браузерах отображается по разному. У меня во всех, кроме Оперы лезет этот пиксель, в Опере нормально. У кого-то и в ФФ все ок. Я даже не знаю в каком направлении думать уже. Код прилагается. <!DOCTYPE H…
0 votes41 answers -
IE6-8 Рендеринг шрифтов
Здравствуйте, дамы и господа! Сразу с «жалоб». Уже не первый месяц и не в первом проекте сталкиваюсь с проблемой рендеринга шрифта в IE6-8. Шрифт абсолютно по-разному отображается в IE6-8 и в IE9+/Chrome и т.п. Перечитал массу статей, свожу все к кодировке UTF-8, но больше меня интересует решение данной проблемы. Если кто-нибудь знает ответ или же имеет схожую проблему, добро пожаловать на обсуждение! P.S.: На скриншотах обратите внимание на ширину букв. Шрифт Verdana. https://www.dropbox.com/s/qulo4xj97qcym2u/%D0%A1%D0%BA%D1%80%D0%B8%D0%BD%D1%88%D0%BE%D1%82%202013-12-10%2010.28.22.png https://www.dropbox.com/s/b8vzs3o64ubbve3/%D0%A1%D0%BA%D1%80%D0%B8%D0%BD%D1%88%…
0 votes41 answers -
Начинающий верстальщик
Здравствуйте, решил освоить профессию верстальщика. Постиг основы HTML, CSS, JavaScrip, jQuery, а дальше начались проблемы. Проблема находится в области перевода макета в HTML/CSS/JavaScrip. Как я понял, то Responsive Web Design становится стандартом. Чем и как переводить Responsive Templates в код? Учить adobe illustrator? Что делать с обычными Templates? "Нарезка" в Photoshop это типа уже старая практика, как и сам Photoshop, (советуют спрайты), что делать с Responsive Templates тоже непонятно. Подскажите, пожалуйста, как быть? Какими инструментами конвертировать макеты и как? Интересуют только актуальные методики. PS: Когда я учил теорию, то много негатива встрет…
0 votes41 answers -
Youtube влог о вебе интересует ваше мнение
Привет! Я Лика и я фрондев уже около 4х лет и хобби ради решила завести свой влог на ютубе о вебе. Дабы делится опытом конечно, а не гордости ради, хаха Сейчас Я записываю общие темы, например как найти свою первую работу, создать резюме или где учится. В этой темке я хочу спрашивать начинающих верстальщиков/фронт-ендов/ui, что им интересно услышать. Это поможет мне записывать более полезные видео для вас же. Через пару дней я планирую писать про поиск первой работы и хотелось бы узнать, какие нюансы вам интересно услышать. Какие трудности вызывает поиск той самой-самой первой работы-заказа. Я попытаюсь рассказать, как решить эти нюансы и получить желательный офф…
0 votes41 answers -
Помогите проблемку решить
Сайт http://artvasiliev.com неправильно отображается в FireFox в Internet Explorer'e все нормально работает. Причем что странно когда файл в Firefox загружаю с компа проблем не возникает все нормально отображается как и в Internet Explorer'e , а вот когда с хостинга начинаются всякие проблемы. <!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>Художник Васильев Виктор Официальный сайт</title> </head> <body style="background-color:…
0 votes40 answers -
Прозрачность и IE6
Помогите пожалуйста с одной траблой: на странице используются полупрозрачные PNG рисунки, которые являются или бэкграундом или img src в ячейках таблицы. Во всех браузерах, кроме IE6 и ниже все отображается нормально, но в IE6 png-файлы отображаются серыми картинками. Как можно это исправить? Немного кода, в котором находятся png-файлы: <td width="10" background="images/01.png" height="10"></td> <td width="780" background="images/02.png" height="10"></td> <td width="10" background="images/03.png" height="10"></td> P.S. метод с .htc файлом не помогает потому, что у меня не общий бэкграунд в виде png-файла, а отдельные элементы в яч…
0 votes40 answers -
форма логина-пароля
Доброго времени суток Вопрос у меня по форме логина-пароля. Задача - сделать следующее: Я понимаю, что форму пароля надо делать так: <input type="password" /> также я понимаю, что чтобы в поле было вбито заранее слово password, надо его вписать в value="" но если у инпута тип password, то содержимое value сразу отображается звездочками. а можно как-то сделать, чтобы при загрузке страницы в поле пароля стояло видимое слово password, а набирался потом пароль скрытым - звездочками? что-то путано у меня получилось объяснить я просто не могу придумать, что у гугла спросить и в какую сторону копать. помогите, плиз.
0 votes40 answers -
Как сверстать такое меню?
Необходимо сверстать следующее меню: Меню динамическое для cms, т.е. статично его не сверстать. На картинке просто пример. Необходимо, если следующий пункт меню уже не влезает в заданную ширину, то он должен переехать на следующую строку ( как на картинке). Притом все пункты на одной строке должны быть выровнены по центру. Как такое реализовать? Я каждый пункт меню положил в div и приписал float: left. Они переносятся как надо, но не знаю как выровнять строку с пунктами по центру.
0 votes40 answers -
И опять о "Форме обратной связи"
Очень намучился с создание формы для обратной связи. если учитывать, что с Пшп вообще мало знаком, думаю что-то получилось. Проверьте, пжлст мои Коды и дайте рекомендации. Есть вопросы, которые меня особо интересуют: 1. что там на счет полей обязательных для ввода, все верно? 2. как сделать так, чтобы без включенного поля Agree письмо не отправлялось 3. правильна ли проверка телефона? (нужно, чтобы телефон начинался с "+380") 4. правильно ли осуществляется проверка типа файла (у меня эта проверка - accept="text/txt") 5. как правильно подключить Капчту, а то у меня гадость какая-то получилась) - ну и все, что вы можете мне посоветовать файл с формой ****.html <form a…
0 votes40 answers -
Слипается меню при первой загрузке
http://zverushka.zz.mu/upakovka/ Слипаетмся меню (слово к слову) при первой загрузке в хроме, обновляю и все нормально - что делать?(( Заказчику надо уже показывать. Я так поняла, что это косяк letter-spacing, но тогда с Inline-block вообще фигня получается - word-spacing нельзя, letter-spacing нельзя - остаются только двухсторонние маргины - что совсем уныло (((
0 votes40 answers -
Стиль шрифта
Собственно крупные шрифты приходиться делать в фотошопе и сохранять png и пофиксиным вставлять! А как сделать чтобы в css был параметр который смягчал обрубленность краев границ букв, если например выводишь так стиль: #font { color: #8c8c8c8c; font: 12pt Trebuchet MS, Verdana; text-decoration: none; }
0 votes39 answers -
Помогите с html
Помогите плиз, как сделать так, чтоб текст был по центру странице (а именно сверху вниз, с лева на право вроде тег center)?
0 votes39 answers -
Как сделать?
Как подсчитать общее количество файлов и папок в директории, и их общий размер? Заранее спасибо.
0 votes39 answers -
помогите очень прошу!
Здравствуйте!!!! Мне нужна помощь , как вот такое меню в html заставить работать в IE и Opera: <td<div onmouseover="document.all['menu2'].style.display=''" onmouseout="document.all['menu2'].style.display='none'"><A href="http://soosan.cort.com.ua/" target="_blank"> <IMG src="http://soosan.at.ua/soosan-logo.jpg" border="0" alt="SOOSAN"> </A></marquee><br> <div id="menu2" style="display:none"> <table> <tr><td><a href="http://soosan.cort.com.ua/production-manipulators.html" title="Краны-манипуляторы"><img src="http://soosan.at.ua/Crany-manipulyatori.jpg" alt="Краны-манипуляторы"></a></td&g…
0 votes39 answers -
Возможно ли горизонтальное центрирование блока относительно соседних блоков
Вот пытаюсь понять как "думает" CSS. Есть три блока, которые выстроены по горизонтали. Ширина страницы резиновая. Значит как я их выстраиваю. Один блок float:right; второй - float:left;. Тот что посредине - падает в середину сам при заданном margin:0 auto; И всё бы хорошо, но центрирование среднего блока происходит не относительно соседних, а относительно общей ширины страницы. А мне бы хотелось чтобы отступы от соседних блоков до центрального были одинаковыми. Можно это как-то сделать? На пальцах рассказал, а вот сам код CSS: #telo {width:100%; height:150px; background:#00FF33;} #blok1 {width:100px; height:80px; border: 1px solid #000000; float:left; margin:0 10px;} …
0 votes39 answers -
Опытные верстальщики, а как вы проверяете на крассбраузерность?
Не стал поднимать темы с бородой. Какой лучший и удобный, с вашей точки зрения, способ проверки на кроссбраузерность? Стоит ли пихать всё в одну папочку? Будут ли они конфликтовать друг с другом? Или же стоит воспользоваться специальными программами и сервисами? Но стоит ли им доверять? Про случай с какой-то виртуальной машиной вообще не понятно.. В общем нуждаюсь в совете
0 votes39 answers -
как семантически вернее
На странице объёмная статья, после небольшого вступления идут части с пронумерованными подзаголовками, то есть описываться по порядку некий процесс. В каждом пункте пара абзацев и иллюстрации. По вашему мнению как семантически будет трушнее? /* вступление ..... */ <h2>1. Первое бла</h2> <img .....> <p>....</p> <h2>2. Второе бла</h2> <img .....> <p>....</p> или каждый эпизод - заворачивать в li и нумеровать, костыляво получится если цифру к заголовку пытаться приилепить... Или составить список определений, и попытаться ему применить list-style-type: decimal?
0 votes39 answers -
Засунуть блок под блок (размеры резиновые)
вся проблема заключается в том, что размеры все резиновые... красный блок должен быть под остальными блоками (он содержит фон) большой блок над ним будет иметь поле onclick 2 верхних поля должны быть отцентрированны и размер их больше чем красный блок уже всю голосу сломал, как сделать... можно использовать и таблицы и блоки если чему то даю позишн абсолют, то размеры по ширине или высоте становятся не известны и родительский блок не растягивается
0 votes39 answers -
Позционирование картинки "с ушами" по центру окна
Привет. Есть макет 2 колонки 970px фиксированный (хедер, левый сайдбар, контент, футер). Между хедером и контентом есть картинка больше размера body (неоднородная переходящая в фон) 1222px (типа с ушами слева/справа). Задача была чтобы картинка всегда была по центру, а при сворачивании окна, "уши" картинки прятались слева/справа, под окно браузера. Короче, я ее спозиционировал относительно. Проблема в появлении горизонтальной прокрутки, может кто подскажет как убрать? картинка: Код css: html, body { margin:0 auto; padding:0; border:0; width: 970px; background: #f7d100; } .centerimage { position:relative; left: -125px; width: 1222px; height: 300px; } код html: &l…
0 votes39 answers -
Не срабатывает height
Не могу понять в чём дело,вроде,всё правильно,помогите,пожалуйста Html <table border='1' align='left' cellspacing='0' cellpadding='0'> <tr height='6px'> <td><img src='images/ugol_left_top.png'></td> <td class='menu'></td> <td><img src='images/ugol_right_top.png'></td> </tr> </table> CSS td.menu{ background-color:#03072c; width:100px; height:6px;}
0 votes39 answers -
Резиновый макет!
Здравствуйте! Посидев на сайте htmlbook.ru в разделе макеты, попробывал сделать получилось,но у меня есть проблема,заключается она в том,что я хочу сделать резиновый макет с тремя колонками,там он есть но он не резиновый и поэтому хотел узнать как мне такой сделать,я новичок если кто сможет объяснить или просто совет дать буду рад выслушать).И ещё кое что,там в макетах есть 1 резиновый макет с двумя колонками вот вопрос, сделав макет и сделав два блока меню слева использую float у меня получилось,сделал 3ий блок хотел сделать меню справа,но блок почему то оказался на уровне нижнего блока слева пытался поднять его на верх не получилось!Если кто может помогите мне с этими 2…
0 votes39 answers -
Бутсрап и список
В самом конце страницы есть список из 6ти пунктов. Ul я сделала как row, а пункты .col-sm-4 - на большом экране смотрится нормальн, но при сужении все ломается (мало того, что элементы списка криво выравниваются, так еще и внутри них текст на новую строку перескакивает, хотя там стоит 30 и 60% и border-box - что не так и как нужно? http://zverushka.zz.mu/edu9/
0 votes39 answers -
Как сделать адаптивный сайт 2015-2017
Прикинул как лучше вопросы задавать... попробую все в одной теме. Будут рассмотрены следующие темы:meta_name="viewport" во всей красеmedia запросы - взгляд изнутриособенности мобильных браузеров - как происходит обработка-подстройка кода странички под реальный экран мобильникашрифт - как подстраиваться под размер экрана мобильных браузеровфотографии - легкие но не мелкие, с видом на будущее, retina-дисплей,IE хакиИконка сайта Обо мнеВерстальщик-любитель. Знания - только HTML и CSS.о PHP знаю только что собирается из отдельных кусков кода. Сервисных технологий и терминов не понимаю.По теме адаптивной верстки прочитал довольно много. Другими словами базовые знания есть. …
0 votes39 answers