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://auto.com.preview.ihc.ru/ такие вопросы: 1.как сделать, чтобы при 110% текст не убегал? 2. кнопка "заполнить опросный лист" как сделать, чтобы при hover эта картинка заменялась на другую, например такого же размера, только другого цвета ну и какие еще замечания?
0 votes3 answers -
Паспарту
Хочу сделать в фотографии паспарту, грубо говоря, пустое пространство вокруг картинки, заполненное определенным цветом. Есть два способа реализации - 1. фотография с паспарту располагается по левому или правому краю окна; 2. фотография выравнивается строго по центру. И в том и другом случае никакого обтекания текстом не требуется. Вариант 1 простой как пять копеек и приведен ниже. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251"> <title>Паспарту</title> <style type="text/css"> .paspartu p { float: lef…
0 votes14 answers -
Паспарту с текстом
Здравствуйте! Занимаюсь дизайном собственного сайта об автомобилях (Пример проблемной страницы), а так как сайт научно-популярный, то кроме паспарту делаю подрисуночные надписи, но их текст искажает размеры паспарту. Хочу, чтобы текст не выходил за границы рисунков. Как вариант можно фиксировано задавать ширину каждого блока, но все рисунки разного размера - это очень трудоёмко. Кусочек html кода с рисунком <div class="picturebox"> <img src="umenchenie_massy_auto/dvigatel.jpg" alt="Двигатель, расположенный в задней части автомобиля в едином блоке с коробкой передач и главной передачей" title="Двигатель, расположенный в задней части автомобиля в едином блоке с …
0 votes4 answers -
Патсцаны!
Не могу задать координаты распологающихся картинок. Задаю при помощи ксс, постоянно задаю направление, которое мне ужно, у меня становится все на свои места, но у других мониторов все по-другому. Мое разрешение - 1680х1024. У более мелких мониторов все сливается либо уходит в другую сторону... Если есть люди добрые, то прошу стукнуть в аську или скайп: аська: 91400009, скайп: jenek0796 Вознаграждение за помощь - будет!
0 votes0 answers -
Паттерн изображения с разными частями цветов
У меня есть узор, который используется в кач-ве бекграунда. Так вот есть секции, которые имеют другой цвет. Можно ли как-то сделать так, чтобы узор шел цельным и были разные цвета, ромбиков, так и дивов. Я пытался поставить поверх див с белым цветом, но он полностью закрывает узор. Если делать див с прозрачностью, то это уже не абсолютно белый цвет(0xffffff) получается. Вот скриншот с макета в фотошопе. А вот кусок css body { background: url('../img/bg.png') #000;}
0 votes5 answers -
Пауза/продолжение css3 анимации
http://cssdesk.com/uu3fK Если навести на квадрат - включается пауза - но анимация дергается, видимо прокручивается. Как сделать, чтобы квадрат продолжат крутиться с того же места, где замер не дергаясь?
0 votes7 answers -
Педедача данных в js из строки таблицы
Доброго времени суток, уважаемые! ни как не могу решить одну, казалось бы, даже не проблему. Есть динамически создаваемая таблица с данными из MySQL и в конце каждой строки необходимо установить кнопку, "Просмотреть информацию", код: <table> <?php while ($Tab = mysql_fetch_array($ResOtd)){ $name = $Tab['name_otd']; $addr = $Tab['address_otd']; $email = $Tab['email']; $IdOtd = $Tab['id_otd']; echo '<TR> <td>'.$name.'</TD><TD>'.$addr.'</TD><TD>'.$email.'</td> <td align="center"> <form method="POST" id="myform"> <input type="hidden" value="'.$IdOtd.'" id="IdOtd" name="IdOtd"></td> …
0 votes5 answers -
Первая html разметка по БЭМ
Посмотрите пожалуйста разметку главной страници. А именно, правильно ли я понял суть именования классов по БЭМ. Только я для отделение элемента от блока использовал "_", а модификатор отделял "--" Ссылка на репозиторий: https://github.com/pashkes/olivia.git Скриншот макета в корне репозитория.
0 votes0 answers -
Первая верстка
Всем привет! Решил сверстать свой первый пробный макет. Сам по себе макет очень простой, но и тот вызвал некоторые сложности.. Вот сайт - http://probocha.ucoz.ru/index.html Проблема заключается в том, что при изменении масштаба блоки едут. Как с этим бороться? И заодно воспользуюсь случаем и попрошу обратить внимание на верстку в общем. Буду рад услышать ваши конструктивные комментарии. Спасибо огромное!
0 votes8 answers -
Первая верстка (ошибки)
Всем доброй ночи ! Изучать html и css начал недавно , посмотрел кучу видео уроков , прочитал несколько книжек . И наконец решился приступить к практике . Сверстал наконец свой первый сайт ( html + css без скриптов ) использовал вёрстку столбцами (позаимствовал тб) . Плюс , корявенько сделал слайдер на ксс (в ходе проверки прошу не учитывать ошибки в слайдере), не подключил шрифты . Прошу вас проверить макет на наличие ошибок , и указать хотя бы парочку серьёзных . Очень интересна данная сфера деятельности , хочу дальше развиваться в ней . Большое спасибо ! http : // webfile . ru/23477224f7c6c89fa2df0f2098c6eb95 https://d13yacurqjgara.cloudfront.net/users/504740/…
0 votes10 answers -
Первая верстка. Помогите сделать правильно.
Здравствуйте. Я впервые верстаю страницу и сильно запутался. Перечитал кучу информации, но куча мнений привела к еще большей путанице. Подскажите, пожалуйста, каким стилем правильнее верстать, думал о "резиновом" дизайне, но сразу отказался. Мне явно нужна адаптивная верстка, следовательно нужен "фиксированный" дизайн и потом при помощи @media и делать адаптацию под разные разрешения. Я правильно понимаю? Объясните на примере: шапка сайта состоит из 3-х, накладывающихся друг на друга картинок, текста, кнопок и т.д. Как правильнее сверстать шапку в данном случае? И как в целом стоит начинать верстку с последующей адаптацией под разные разрешения? Заранее спасибо.
0 votes1 answer -
Первая вёрстка(+адаптивная)
Здравствуйте! Первая проба вёрстки сайтй с уклоном на адаптивность. В принципе сайт простой, но был бы рад услышать какие-то замечания/советы. ссылка - http://gusto.esy.es архив с шаблоном и файлами(кому нужно может-быть) - https://drive.google.com/open?id=0B-54vYt77yG5cy1PcXk2X3VxbGM
0 votes5 answers -
Первая весртка
С чего начать первую верстку ?Нужен photoshop ?Но не хочется его покупать, есть ли его хорошие бесплатные аналоги ?Что нужно сделать чтобы пробывать первую верстку ? Мб сделать все задания из практикума ?Прочитать книгу CSS ?
0 votes8 answers -
первая загрузка странички
если кто сталкивался с такой проблемой, то подскажите пожалуйста решение есть страничник. при самой первой загрузке не показываются некоторые изображения(они не загружаются в браузер. вместо них видны рамки с атрибутами alt). при следующих загрузках(например если нажать F5) картинки грузятся без проблем. если удалить куки браузера, то картинки тоже загружаются(проблема не возвращается) сами картинки весят примерно по 60кб каждая. размеры их не изменяются атрибутами или css-правилами подскажите что здесь можно попробовать сделать чтобы исправить ситуацию?
0 votes6 answers -
Первая колонка таблицы "едет" в IE
Первая колонка во всех браузерах узкая с маленькими буквами, а в IE нет. Сверил со справочником, все стили в IE должны работать. <style> #plan td { width: 32px; background-image: none; background-repeat: no-repeat; height: 32px; border: 1px; border-style: solid; border-color: black; vertical-align: top; } #plan tbody td:first-child { width: 5px; background-image: none; border: none; font-size: 6pt; text-align: center; padding-top: 10px; } #plan thead td:first-child { width: 5px; background-image: none; border: none; font-size: 12pt; } #plan { background-image: none; float: left; BORDER-COLLAPSE:collapse; cellpadding: 0; cellspacing: 0; } #plan a{ position: absolu…
0 votes9 answers -
Первая страница готова как делать остальные?
Здравствуйте! Я сделал первую страницу сайта, теперь нужно делать остальные. Почти все страницы моего будущего сайта такие же как первая за исключением некоторых деталей. Внизу таблица в которой разные слова, при клике на эти слова должны меняться изображения в блоке где человечек нарисован, так как я JS пока незнаком я для каждого изображения хочу делать отдельную страницу. Вопрос в том что мне нужно использовать первую страницу как макет и делать около 90 почти похожих страниц за исключение некоторых отличий или можно это сделать быстрей и удобней с помощью cms, или есть еще варианты?
0 votes3 answers -
Первая строка
DOCTYPE. Одно название уже говорит само за себя (тип документа). Спецификация HTML 2.0 (1995 год) Вольный перевод По сути, DOCTYPE (Document Type Declaration) определяет тип спецификации HTML. В каждой спецификации прописаны поддерживаемые ей элементы, атрибуты, и их взаимоотношения. Изначально спецификации писались в DTD, а сегодня это XML Schema. Есть один интересный момент, в HTML коде большинства сайтов 90х годов разработчики вообще редко прописывали DOCTYPE. Потому, что браузеры тех времён могли самостоятельно выбирать спецификацию документа и поэтому у разработчиков попросту не было нужды прописывать DOCTYPE в первой строке кода. STRAWBERRY POP-TART BLO…
0 votes4 answers -
Первая строка в IE
Здравствуйте мужчины! Столкнулась с такой проблемой. Первая строка текстового блока как будто прижимается ко второй... дальше нормально, следующий абзац... то же самое.
0 votes8 answers -
Первостепенная защита сайта на PHP
Продолжаю изучение защиты сайта. Недавно прочел несколько статей с предложением отключения некоторых функций PHP. Но так как хостинг у меня только виртуальный и возможности править php.ini нет Придется править .htaccess Подскажите, поправте что не так. Что вкл а что выкл ? Вот несколько директив / функций которые как я понял желательно отключить: safe_mode - проверяет владельца запущенного скрипта и если скрипт пытается открыть какой-либо файл - делает это с правами этого владельца php_admin_flag safe_mode on register_globals - Запретить создание глобальных переменных из пользовательского ввода если включена, переменные GET, POST, Cookie, Server будут регистриро…
0 votes7 answers -
Первые секунды загрузки сайта
Делаю не первый сайт, и который раз возникает следующий вопрос: Первые секунды загрузки сайта контент отображается "как есть" пока подгружается файл стилей. Потом резко все становится на место. Как решается данный вопрос? Только на своих сайтах вижу) Проблема в доктайпе? Спасибо!
0 votes8 answers -
Первые шаги
Здравствуйте, я недавно начал пробовать верстать, и пока получается не очень. Один я точно не вывезу, поэтому буду благодарен, любому кто поможет и подскажет. Это мой первый сверстанный самостоятельно сайт http://rosohranatelekom.esy.es/index.html Там есть один косяк (хотя уверен их там больше), выпадающее меню, при наведении курсора на ссылку "О компании", получается, что ховер перекрывает или ссылку "О компании", или прячется под background следующего блока. Верстал по файлу jpeg http://hkar.ru/uQ7r И у меня еще один вопрос, есть файл psd http://webfile.ru/00b7fba03b2acfd47f771af4497dfc8a и в этом файле я никак не могу вычленить логотив "Cuda", нажимаю ctrl+c и …
0 votes5 answers -
первые шаги в HTML5, после HTML4 непривычно
Всем привет. вот разбираюсь с html5. с html4 умею обращаться. Сильно не привычно после четверки это что в пятой версии html все оформление вынесено в css. в частности, меня просто ставит в тупик создание таблиц. вот например есть таблица написанная для html4: <table border=0> <tr> <td width=50> 7x17 </td> <td width=50> </td> <td width=235> текст </td> <td width=235> текст </td> <td width=150> текст </td> <td width=35> текст </td> </tr> <tr height=200> <td colspan=2 valign="top"> текст </td> <td colspan=3 valign="top"> те…
0 votes33 answers -
Первый в потоке блок обтекает соседний блок
Я снова тут и снова прошу совета опытных верстальщиков Два блока див у одного стоит обтекание всеми остальными <style type="text/css"> .layer1 { float: left; width: 40%; } </style> <div class="layer1"> Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diem nonummy nibh euismod tincidunt ut lacreet dolore magna aliguam erat volutpat. </div> <div> Duis autem dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit au gue duis dolore te feugat nulla fa…
0 votes15 answers -
Первый и последний tr в table
Подскажите пожалуйста, как изменить цвет в первом и последнем ряде с классом "tr", к примеру имеется таблица <table> <tr> <td></td><td></td><td></td> </tr> <tr> <td></td><td></td><td></td> </tr> <tr class='tr'> <td></td><td></td><td></td> </tr> <tr class='tr'> <td></td><td></td><td></td> </tr> <tr class='tr'> <td></td><td></td><td></td> </tr> <tr class='tr'> <td></td><td></td><td&…
0 votes1 answer -
Первый опыт - надеюсь на советы/материалы по семантической верстке
Доброго вам времени суток, уважаемые форумчане. Студент, 2-й курс. На радостях от того, что смог закрыться без долгов по результатам летней сессии, решил потихоньку начать разбираться с вебом, ибо мне предстоит осваивать эту дисциплину в следующем семестре. Да и в целом это направление меня очень привлекает. Взял себе небольшую книжку, где довольно поверхностно покрываются несколько тем, в их числе: html, css, js, jquery, ajax, php, cms. Понять основные принципы, синтаксис и структуру оказалось просто. Раздел посвященный JS так вообще за 10 минут пролистал - благо есть опыт, и опыт неплохой: за плечами год Джавы. Решил перейти к практике и начать с самого начала - …
0 votes2 answers
-
Обсуждения
-
Актуальные контакты: Telegram: @Nikker_web E-Mail: tarasevich.email@gmail.com Портфолио https://www.behance.net/d4d4186e Разрабатываю дизайн групп в соц сетях, сайтов, приложений, другой дизайн под заказ -
Актуальные контакты: Telegram: @Nikker_web E-Mail: tarasevich.email@gmail.com Разрабатываю дизайн групп в соц сетях, сайтов, приложений, другой дизайн под заказ Портфолио https://www.behance.net/d4d4186e
-
Доброго всем времени суток. Прошу помощи. Научите принципу изменения футера. Движок Xenforo. Версия 2.2.10. Стиль дефолтный. Что именно нужно в итоге на фото примере. Мой шаблон app.footer less имеет следующее значение. .p-footer { .xf-publicFooter(); a { .xf-publicFooterLink(); } } .p-footer-inner { .m-pageWidth(); .m-pageInset(); padding-top: @xf-paddingMedium; padding-bottom: @xf-paddingLarge; } .p-footer-row { .m-clearFix(); margin-bottom: -@xf-paddingLarge; } .p-footer-row-main { float: left; margin-bottom: @xf-paddingLarge; } .p-footer-row-opposite { float: right; margin-bottom: @xf-paddingLarge; } .p-footer-linkList { .m-listPlain(); .m-clearFix(); > li { float: left; margin-right: .5em; &:last-child { margin-right: 0; } a { padding: 2px 4px; border-radius: @xf-borderRadiusSmall; &:hover { text-decoration: none; background-color: fade(@xf-publicFooterLink--color, 10%); } } } } .p-footer-rssLink { > span { position: relative; top: -1px; display: inline-block; width: 1.44em; height: 1.44em; line-height: 1.44em; text-align: center; font-size: .8em; background-color: #4682B4; border-radius: 2px; } .fa-rss { color: white; } } .p-footer-copyright { margin-top: @xf-elementSpacer; text-align: center; font-size: @xf-fontSizeSmallest; } .p-footer-debug { margin-top: @xf-paddingLarge; text-align: right; font-size: @xf-fontSizeSmallest; .pairs > dt { color: inherit; } } @media (max-width: @xf-responsiveMedium) { .p-footer-row-main, .p-footer-row-opposite { float: none; } .p-footer-copyright { text-align: left; padding: 0 4px; // aligns with other links } } -
Нужны сайты с примерами верстки, типа https://css-tricks.com/. Типовые приемы и нестандартные на все случаи жизни. Накидайте ссылок. -
By Katerina23 · Posted
Да, подходит. Спасибо. -
<input type="number"> -
By Katerina23 · Posted
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
-