Search the Community
Showing results for tags 'Html'.
-
Ищем хорошего верстальщика в команду. Мы - это htdt.ru . Вакансия с подробностями и тестовым заданием на хантим: http://hantim.ru/jobs/22684-html-css-javascript-verstalschik Желательно в штат, но если понравишься - возможна и удаленка.
-
Доброго времени суток! У меня проблема со вставкой своего шрифта в страницу. Прочитал статью на сайте (http://htmlbook.ru/blog/svoi-shrift-na-stranitse) попробовал и получилось вот что: <html> <head> <title>Welcome</title> <style> @font-face { font-family: Europe Normal; src: url(font1.ttf); /*Шрифт лежит в той-же папке что и сама страничка*/ } h1 {font-family: Europe Normal, Arial} </style> </head> <body background="back.png"> Hi<br> <h1>Trying to start my font</h1> </body></html> Так вот проблема в том, что выбранный шрифт отображается только в Internet Explorer 10, другие браузеры, такие как Firefox и Chrome (Opera не пробовал) отображают текст шрифтом Arial. Ткните пальчиком, пожалуйста, что я делаю не так. Сразу скажу: я новичок в верстке страниц, знаю только основы html, поэтому прошу не ругаться если что-то не так объяснил.
-
Увидел макет, скачал, заценил уровень криворукости и полнейшей пофиговости того кто его рисовал, и решил провести пару дней садо-мазо над собой. Какой плюс может дать верстка ужасного и кривого макета? Как мне кажется - опыт работы с криворукими дизами и закалка мозга от неожиданного батхерта. Если все время верстать хорошие макеты, где каждый слой лежит в своей папочке, и каждая такая папочка еще и раскрашена, где все сделано по сеточке пиксель в пиксель, где нету одинаковых абзацев текста, у которых разные отступы интерлиньяжы и тому подобное, где 2 подряд идущих абзаца не имеют разных отступов со любых сторон, где почти все значения целые или хотя бы четные, а не что-то типа 173, 169, 19.5, в таком случае это похоже на шоколадную жизнь. А такого, как мы знаем, не бывает. Верстка полностью фиксированная под ие8+, но и на ие7 все довольно не плохо. Также пытался сохранить все извращения диза, потому в коде полным полно сдвигов с садо-мазо числами. То что на глаз кажется одинаковым, например черточка нижнего подчеркивания одинаково отступает у заголовков, на самом же деле там разброс в 1-3 пикселя. Если все прижимается к левой стороне, все равно находится блок, который вылазит на 3-4 пикселя за границы. В общем весело было. Лого специально верстал, а не вырезал. Менюшку также извращал градиентами, но голова опухла раньше чем удалось более точно добиться совпадения (3 градиента это перебор 0_o ), решил оставить как есть и не заменять картинкой. Всяких ховер стейтов и прочих нифига нету, потому все оставлено как есть, без своих добавлений. Если кто-то подскажет/выскажет замечания, в основном интересуют по коду, буду очень благодарен. картинка макета - http://webdevelop.zz.mu/business-1/business-1.jpg сайт - http://webdevelop.zz.mu/business-1/
-
Доброго времени суток!Подскажите пожалуйста как посредством Html и CSS сделать фотку с активными элементами управления (на подобии как здесь http://www.grandmed.ru/ (там где нарисована девушка, а у нее в разных областях тела крести - нажимаешь на них - с боку всплавает меню)). Помогите реализовать идею: 1)Посредством тега <area> разбиваю изображение на области (создаю карту изображения). 2)Создаю <section> с ссылками. (каждая область section на свою область с карты изображения). Поумолчанию section с ссылками спрятана за экран посредством left: -9999px. 3)При нажатии на область карты изображения (событие onclick) выплывает соответствующее ей section с сылками (left:0) Подскажите, как это сделать? Можно ли таким образом реализовать тег <area>, или при использовании события onclick оно может вызывать только ява-скрипт а не управление стилями?
-
Здравствуйте! Предлагаю услуги по вёрстке сайтов из PSD в HTML4 / HTML5, CSS2 / CSS3, подключение jquery-плагинов. В общей сложности занимаюсь этим уже 3 года. Имею большой опыт кроссбраузерной, валидной верстки с соблюдением семантичности. Некоторые из работ: - http://financemaster.lt - http://drupaloutsourcing.com/ - http://qublive.us.to/ - http://smartdoc.com.ua/ - http://www.prodam-auto.com.ua/ - http://soft-group.com Связаться со мной можно: skype: stompeg e-mail: stompeg.yalta@gmail.com icq: 275 545 732 В Skype и Email бываю чаще. По ценам: главная = от $40 внутренние = от $15 Пишите и вы не пожалеете! Работу сдаю в срок.
-
Достаточно недавно начал изучать CSS-HTML, считаю что в дальнейшем когда выйдет CSS4 и т.д. Возможно многое уже можно будет сделать без JS, на данный момент пока получается вот так. http://codepen.io/Maseone/pen/AgnJo - Собственно DEMO! -
Случайно наткнулся на такое сообщение атрибут FRAMEBORDER в элементе IFRAME является устаревшим. Используйте CSS вместо этого. здесь нашёл решение для HTML5 http://html.validato...nt-is-obsolete/ http://www.gtpdesign...e-iframe-embeds Если у вас: <iframe src="http://abc-septic-service/contact.html" frameborder="1"></ifra Используйте CSS: style="border-width:1px" Получаем: <iframe src="http://abc-septic-service/contact.html" style="border-width:1px"></ifra В плагине JoomlaWorks AllVideos Player v. 4.5.0 - такая же проблема <iframe src=\"http://www.youtube.com/embed/{SOURCE}\" width=\"{WIDTH}\" height=\"{HEIGHT}\" frameborder=\"0\" allowfullscreen title=\"JoomlaWorks AllVideos Player\"></iframe> <iframe src=\"http://player.vimeo.com/video/{SOURCE}\" width=\"{WIDTH}\" height=\"{HEIGHT}\" frameborder=\"0\" title=\"JoomlaWorks AllVideos Player\"></iframe> <iframe src=\"http://www.dailymotion.com/embed/video/{SOURCE}\" width=\"{WIDTH}\" height=\"{HEIGHT}\" frameborder=\"0\" title=\"JoomlaWorks AllVideos Player\"></iframe> для XHTML 1.0 неподходит: <iframe allowfullscreen></ifra и такой тоже: allowfullscreen="allowfullscreen" - остаётся только "allowfullscreen" удалить для XHTML 1.0 - такой вариант <object width=\"{WIDTH}\" height=\"{HEIGHT}\"> <param name=\"movie\" value=\"http://www.youtube.com/v/{SOURCE}?version=3&hl=ru_RU\"></param> <param name=\"allowFullScreen\" value=\"true\"></param> <param name=\"allowscriptaccess\" value=\"always\"></param> <embed src=\"http://www.youtube.com/v/{SOURCE}?version=3&hl=ru_RU\" type=\"application/x-shockwave-flash\" width=\"{WIDTH}\" height=\"{HEIGHT}\" allowscriptaccess=\"always\" allowfullscreen=\"true\"></embed> </object> - работать будет с 7 ошибками валидата в XHTML 1.0 Самый лучший вариант для XHTML 1.0 и HTML5 <iframe src=\"http://www.youtube.com/embed/{SOURCE}\" width=\"{WIDTH}\" height=\"{HEIGHT}\" style=\"border-width:1px\" title=\"Videos Player\"></iframe> <iframe src=\"http://player.vimeo.com/video/{SOURCE}\" width=\"{WIDTH}\" height=\"{HEIGHT}\" style=\"border-width:1px\" title=\"Videos Player\"></iframe> <iframe src=\"http://www.dailymotion.com/embed/video/{SOURCE}\" width=\"{WIDTH}\" height=\"{HEIGHT}\" style=\"border-width:1px\" title=\"Videos Player\"></iframe>
-
Доброго времени суток товарищи нуждаюсь в вашей помощи в добавление данныйх в БД. Я хомяк начинающий и по этому не знаю как добавить .doc 1. page_one.php_____________________________________________________________ <html> <head> <title>Add</title> </head> <body> <form enctype="multipart/form-data" action="page_two.php" method="post"> <p>Выбирите файл:<br /><input type="file" name="name" /></p> <p>Введите название:<input name="age" type="text" /></p> <input type="submit" value="Загрузить"> </form> </body> </html> Вот что я на мудил 2. page_two.php_______________________________________________________________ <?php $name = $_POST['name']; $age = $_POST['age']; //подключаемся к MySQL $link = mysql_connect("localhost", "user", "") or die("Нет соединения с базой данных" ); //кодировка mysql_query('SET NAMES "cp1251"'); // Выбор БД mysql_select_db("mydatabase") or die("Нет соединения с базой данных" ); // Построение SQL-оператора $strSQL = "INSERT INTO test("; $strSQL = $strSQL . "name, "; $strSQL = $strSQL . "'age')"; // SQL-оператор выполняется mysql_query($strSQL) or die ("Нет соединения с базой данных" ); ?> Вот что вышло, прошу сильно не ругаться
-
Не получается выравнивать две картинки Хотел сделать другие кнопки, отобразить получилось, а вот выравнять нет: Просмотр Здесь
-
Я, можно сказать, начинающий верстальщик. Верстать начал только совсем недавно, но с CSS и HTML работаю довольно давно. За последние 2 месяца прочитал порядка 8 книг по дизайну и верстке. Понял, что это все ерунда и книги нужно читать только когда есть какой-то опыт. Тупое чтение книг, даже с выполнением всех заданий дает очень мало в отличии от реальной практики на собственных ошибках. Как говориться - "Если хочешь научиться плавать, надо плавать". Так вот, за последние пару дней сделал 2 макета. Посмотрите (кому не лень) и тыкните носом в какие-нибудь нубские и очевидные ошибки кода, если таковые имеются. Макеты в основном лепились только на визуальное совпадение с html5 и css3, т.е. всякие мобильные разрешения не учитывались. Кроссбраузерность также только под все самое последнее, без мазохистких вставок всяких хаков под 'IE 1.0000005 PreBeta not stable edition Only for developers' и прочей ахинеи 8) http://webdevelop.zz.mu/index.html - макет 1 http://webdevelop.zz.mu/master.css - главный css http://webdevelop.zz.mu/paypaul.png - картинка макета webdevelop.zz.mu/illustrate/index.html - макет 2 webdevelop.zz.mu/illustrate/master.css - главный css http://webdevelop.zz.../illustrate.png - картинка макета psd не заливаю, т.к. все-равно никто смотреть не станет.
-
Не отображает картинку : <a class="icon-lj" href="#" target="_blank" title="FDDF" rel="nofollow"></a> Отображает если "div": <a href="#" target="_blank" title="FDDF" rel="nofollow"><div class="icon-lj"></div></a> Что не так?
-
Всем привет! Решил сверстать свой первый пробный макет. Сам по себе макет очень простой, но и тот вызвал некоторые сложности.. Вот сайт - http://probocha.ucoz.ru/index.html Проблема заключается в том, что при изменении масштаба блоки едут. Как с этим бороться? И заодно воспользуюсь случаем и попрошу обратить внимание на верстку в общем. Буду рад услышать ваши конструктивные комментарии. Спасибо огромное!
-
Здравствуйте) У меня великая проблема. Я не знаю, что мне делать. Куда идти, куда бежать, если html с css я изучила, хоть и совсем не совершенно, но продолжаю развиваться? Что именно нужно делать после того, когда я точно буду уверена, что код мой чистый и правильный, когда буду на среднем уровне? Заранее спасибо за полезные советы)
-
Как написать ссылку, чтобы она отображалась с доменном сайта, а при нажатие на неё адрес ссылки заменялся на другую? Аналог: Ссылки, Баннеры в Joomla.
-
Добрый день! Сайт http://threads.pro/ Каталог товаров для промышленного альпинизма, фонарей и прочего. Прошу прокомментировать что удачно реализовано на сайте, а что нет, по вашему мнению. Спасибо за внимание!
-
http://websterjoy.tk/ Покритикуйте пожалуйста верстку. Также меня волнует это: 1) Я не уверен что правильно использовал заголовки на сайте, скажите пожалуйста по поводу них. 2) И семантика, хорошая ли? Какие теги html5 я написал не там где нужно, какие можно было бы добавить и куда?
-
Что-то я стал путаться во всех этих "длясемантичных" вещах. Объясните мне не умному в чем приницпиальное отличие между ними. Все для какой-то семантики, но делают ли одно и тоже или каждый занимает какую-то свою нишу? И какие из этих нововведений реально на что-то влияют (поисковики, читалки, люди с ограничеными возможностями) ? Спасибо.
-
Задача: создать чат на сайте по типу Skype/VK. Проблема: не получается построить правильную структуру шаблона. Как прятать контент под шапку (частично решено) Как добавлять сообщения так, что бы они не уходили внизу под сайт, а добавлялись в видимую область. Как при это оставить возможность скрола, что бы можно было просмотреть весь список сообщений. http://codepen.io/RomanGorbatko/pen/lcprA - здесь я оставил прототип будущего приложения, на нем можно увидеть все описанные выше проблемы.
-
Собственно, вот. Это мой первый опыт. Фикс. Сорри за долгую загрузку фона. http://iamchelovek.p.ht/ Шаблон
- 28 replies
-
- 1
-
-
- iamchelovek
- html
- (and 1 more)
-
Всем доброго дня. Интересует почему в браузерах ie 7-9 Не отображается фон дива ( <div class="logo"></div> ) Сайт _liolll.o0.pm
-
Добрый день! Нужна помощь коллективного разума, так как сама не справляюсь. Нужно сделать выпадающие окна с помощью css. У меня получилось вот такое (см. код), но я уперлась в проблему: выпадающее меню не становится линейным, как список верхнего режима. Я в курсе, что это свойство задается float: left, однако куда именно его вписывать - не понимаю (метод тыка результатов не принес). Если сможете объяснить, в чем ошибка - буду крайне признательна. Код прилагается. Спасибо! <style type="text/css"> #navigation { list-style: none; float:left; color: white; font-family: Franklin Gothic Medium; font-size:14px; width: 100%; } #navigation li { float:left; position:relative; display:block; } #navigation li a { text-decoration:none; color: white; font-family: Franklin Gothic Medium; font-size:14px; padding: 10px; background: #333333; } #navigation li a:hover { color:#000; background:#FFF; padding: 10px; } #navigation ul { position:absolute; top: -9999px; list-style: none; } #navigation ul a { white-space: nowrap; display:block; } #navigation li:hover ul { display: block; top: 28px; position:absolute; } #navigation li:hover a { background: #FFF; color: #000; border: none; } </style> <body> <div style="height: 300px; width: 100%; background-color: #DDD;"> <ul id="navigation" > <li><a href="#">ГЛАВНАЯ</a> <ul> <li><a href="#">О КОМПАНИИ</a></li> <li ><a href="#">О ПРОДУКЦИИ</a></li> <li ><a href="#">О ЖИЗНИ</a></li> </ul> </li> <li><a href="#">УСЛУГИ</a></li> <li><a href="#">ПРАЙС-ЛИСТ</a></li> <li><a href="#">ПОЧЕМУ МЫ</a></li> <li><a href="#">ПРЕСС-ЦЕНТР</a></li> <li><a href="#">PRO BONO</a></li> <li><a href="#">КОНТАКТЫ</a></li> </ul> </div>
-
Здравствуйте! Сайт http://vladimirovvova.ru Видео работы Владимирова Владимира Владимировича выделенные по категориям. Прошу оценить сам сайт, уместен ли parallax-эффект и стоит ли вставлять вместо видео, миниатюры, а после загружать само видео, как это сделано на главной страничке (главном блоке)?
-
Добрый день. Оцените пожалуйста мою вторую верстку ( опыта у меня нету, по этому думаю что замечаний будет много )) Собственно вот: _01020304.o0.pm _01020304.o0.pm/about.html
-
Здравствуйте, дорогие поситители форума Как сделать чтоб при клике на один из блоков подгружалсо контент, или в моем случае блок с фильтром. http://vitaliy-dyblyuk.ru/projects/5project_avto_schyny/www/index.html то есть при клике на подбор по шинам, подбор по авто и так далие. Должно происходит следуещие: 1) Должен менятсо фон 2) Должен подгружатсо другой блок с контентом но он в начале должен быть не видным. Жду откликов С уважением Виталий -
Создание хранилища данных на примере localStorage. (вроде как по принципу блокнота). http://jsfiddle.net/wBSyd/2/ Если не трудно, подскажите, где ошибка - почему не сохраняются записи. Где-то очень глубоко, чисто интуитивно догадываюсь, что собственно сохранять их как-бы и не где. Но вот конкретно - увы, не понимаю. Заранее благодарю за любую помощь - подсказку.
