HTML Coding

29542 questions in this forum

1. Вёрстка

   Доброго времени суток! Подскажите пожалуйста новичку,какой нибудь простой psd макет для того,что бы с него сверстать страницу, нужен именно простой что бы научиться ну и разумеется советы какие нибудь,если таковые имеются,заранее благодарен!

   Asked by Flanidub, November 5, 2013

   • psd
   • верстка
   • помощь
   0 votes
   22 answers
2. Ошибки в верстке по PSD-макету

   Добрый день, ув. форумчане. Недавно проходил собеседование и получил тестовое задание. К сожалению, я интересуюсь программированием и в верстке был не силен, и потому не смог справиться с версткой по готовому PSD-макету. Мне сказали, что сверстано было вообще не по макету. Я очень прошу вашей помощи: оставляю ссылку на тестовый домен, где можете посмотреть результат работы, а так же ссылку на архив с самим макетом. Раскритикуйте мою работу, как можно более полноценно. Я очень жаждую устранить этот косяк и научиться качественно верстать сайты. http://test13.meximas.com/ тестовый домен https://drive.google.com/file/d/0Bxd4ns8xGZHtb1ljSkJDNUFTc0U/edit?usp=sharing архив Маке…

   Asked by Faruq, January 23, 2014

   0 votes
   21 answers
3. Раскрывающаяся область, как оптимальнее реализовать?

   Уважаемые гуру, прошу не пинать если я банален, но пытаясь делать первые шаги в верстке не сразу адекватно воспринимаешь весь поток информации)). Подскажите как лучше сделать такую штуковину: Есть блок, по аналогии с пунктом меню - при наведении на пункт меню вываливается еще несколько скрытых до этого пунктов подменю. А как можно сделать чтобы при нажатии на какой то квадратик на странице, к примеру 50х50, она разворачивалась в больший квадратик допустим 100х100. И можно ли это сделать простыми методами?

   Asked by master-kyk, May 7, 2014

   • div
   • ul
   0 votes
   25 answers
4. Эмуляция таблицы или почему растягиваются ячейки

   Доброго времени суток. Объектом моих неоднократных мучений является эмуляция таблицы. (важно! не использовать JS) Зачем мне так нужна таблица? 1. Вертикальное выравнивание, когда высота выравниваемого объекта неизвестна. (то есть трюк с отрицательным margin-top не пройдет) 2. Вот такое меню с гибким составом элементов: http://screenshot.su...b9d38b5d5e9.jpg (растягивающееся на всю ширину сайта меню, размеры элементов зависят от размера контента). С первым кое-как разобраться можно. display: table-cell и expression для IE lt 9. Со вторым проблемы. При верстке дивами, размер блока (float или inline-block) будет равен размеру контента, но не более. Таким образом у меня элеме…

   Asked by only_dimon, April 25, 2013

   • таблица
   • блочная
   0 votes
   11 answers
5. FORM - передача данных на два сервера

   Привет. Есть такая проблема. При сабмите формы необходимо передать введенные в нее данные через POST сразу на два сервера (site1.com и site2.com). Каким образом можно это реализовать? Спасибо.

   Asked by mill, June 14, 2007

   0 votes
   4 answers
6. Динамичное содержание страницы

   Как сделать так, что бы информация или часть информации на странице менялись, например, что бы данные брались с другой страницы? Что-то типа такого, вот есть к примеру текст: Ваш рейтинг = "число взятое с другой страницы сайта или другого сайта" Или: Ваши баллы "кол-во взятое с другой страницы" из 10 Что-то типа информации в профиле, например пользователь учавствовал в конкурсе на сайте и в его профиле отображается кол-во достижений, вобщем как сделать, что-то типа этого?

   Asked by mr_0003Spy, July 9, 2011

   0 votes
   32 answers
7. Обойти "http://www.w3.org/TR/html4/loose.dtd"

   Как обойти это "http://www.w3.org/TR/html4/loose.dtd" правило? Так как из за этой строки у меня ярлычок на картах при под грузке на мой сайт яндекс карт распадается на части. Проблема решена: http://rodlex.narod2.ru/css-problems.html

   Asked by 7Oleg, September 20, 2010

   0 votes
   5 answers
8. Как выделить активную ссылку меню на сайте?

   Здравствуйте. Уже второй день ломаю голову. Нужно чтобы активная ссылка была выделена другим цветом. Напр. переходим по ссылке "Мыло ручной работы" и на странице где информация о продукте, фон ссылки выделить другим цветом. Ссылка на сайт (http://floris-m.com.ua/) Пробовал использовать JavaScript, но ничего не меняется: <script> $(function() {$(«li»).click(function(e) {e.preventDefault();$(«li»).removeClass(«active»);$(this).addClass(«active»);});});</script>HTML: <div class="akkordeon"> <ul class="vmenu"> <li class="home"><a href="/shop/mylo-ruchnoj-raboty">Мыло ручной работы</a></li> <li class="parent"><a href…

   Asked by Puperlancer, September 29, 2014

   0 votes
   7 answers
9. Див, залазиющий на див

   Здравствуйте! Подскажите пожалуйста как сделать слой, который будет поверх первого слоя и на всю ширину первого слоя? У меня имеется первый слой - - он включает в себя все слои. А мне нужно сделать еще один слой, который бы был поверх этого слоя и не влиял бы на первый (я хочу сделать эффект затемнения по правому краю страницы)..page-container { width:99%; margin:0px auto; margin-top:10px; margin-bottom:10px; border:solid 1px rgb(150,150,150); font-size:1.0em; }

   Asked by Soniclord, April 4, 2008

   0 votes
   14 answers
10. frD-sss марджыны не марджыны?

    есть сайт http://www.psi.net.ua/site/index.php вот немогу понять если я в css указываю margin: 0px 0px 0px 0px; то у меня всеравно отступы от контента появляются, а если я указываю margin: -5px -5px -5px -5px; то контент прилипает к бокам но только в ФФ а ИЕ ложыт на это дело с прибором =) да и ваще не выход это эти минусовые марджыны вот как мне сделать чеб теблицы сайта были действительно 100% и плотно прилегали к краям окна?

    Asked by BogusUA, June 26, 2007

    0 votes
    12 answers
11. Проблема с png и ссылками в IE6

    Значит есть некий div, background которому я слелал png, и вставил в него 3 ссылки. Ссылки естественно тоже png. Так вот эти значит ссылки в IE 6 не работают - как ссылки, :|:/

    Asked by psy-del, September 4, 2007

    0 votes
    6 answers
12. z-index vs ie

    Привет. Зашел в ступор и не могу выйти, подпихните в нужном направлении есть код <div class="content"> <div class="block"> <a href="#"><em>sdfdfdsfsdfsdf</em></a> </div> <div class="block"> <a href="#"><em>sdfdfdsfsdfsdf</em></a> </div> <div class="block"> <a href="#"><em>sdfdfdsfsdfsdf</em></a> </div> <div class="block"> <a href="#"><em>sdfdfdsfsdfsdf</em></a> </div> <div class="block"> <a href="#"><em>sdfdfdsfsdfsdf</em></a> </div> <…

    Asked by WalkMan, March 24, 2010

    0 votes
    19 answers
13. Не приходят данные с формы

    Всем привет. На лендинге не приходят данные с формы, не могу понять в чем ошибка. Если не трудно, посоветуйте в чем проблема? Кусок html с формой <form action="scripts/contact.php" role="form" id="contact_form"> <div class="form-group"> <input type="text" class="form-control" id="contact_name" placeholder="Ваше имя" name="contact_name"> </div> <div class="form-group"> <input type="email" class="form-control" id="contact_email" placeholder="Ваш Email" name="contact_email"> </div> <div class="form-group"> <input type="packet" class="form-control" id="contact_packet" placeholder="Ц…

    Asked by valery, August 29, 2015

    0 votes
    9 answers
14. FORM SELECT ограничение строк

    Возник вопрос - можно ли заставить select открываться строго на заданное количество строк и строго в заданном направлении (в частности вниз). Просто рядом находятся несколько select'ов, заполненных разным количеством пунктов. Весьма неэстетично, что один список раскрывается вниз, а соседний распахивается наверх весьма обширным списком... Подозреваю, что этим в принципе нельзя управлять, спрашиваю просто "а вдруг!". Может кто-то нашел нетривиальное решение...

    Asked by rash, June 9, 2007

    0 votes
    3 answers
15. img, вылезающая за пределы div?а в Opera при уменьшении размера окна

    Имеется код: <!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> <title>title</title> <style type="text/css"> .content { text-align: center; padding: 20px; margin-bottom: 10px; border: 1px solid silver; } .b-content { padding: 20px; } </style> </head> <body> <div class="b-content"> <div class="content"> <img src="img1.jpg" width="735" height="512" /> </div> <div class="content"> <img src="img2.jpg" width="736" height="512" /> </div> </div&g…

    Asked by WM, July 7, 2007

    0 votes
    2 answers
16. Резиновый сайт с помощью CSS и DIV.

    Здравствуйте. Подскажите, кто сталкивался с такой проблемой. Есть дизайн сайта, надо сделать резиновую верстку. Но эта верстка должна отвечать многим требованиям: Сайт должен быть резиновым. Но крайне желательно ограничить размеры сайта шириной 1200 пикселей и минимальной шириной 860 пикселей. И нужно, чтобы сайт был позиционирован по центру на широких мониторах. В шапке сайта есть три рисунка. Нужно их позиционировать таким образом, чтобы рисунок слева оставался слева, рисунок справа оставался справа, а рисунок по центру находился по центру всегда, независимо от ширины монитора. Подскажите, кто сталкивался с такими трудностями - как решить? Спасибо.

    Asked by Artweb, November 12, 2011

    0 votes
    3 answers
17. Давайте обсудим проблемы шрифтов и сервисы их генерации

    В последнее время шрифты вынесли мне все мозги. Давайте запишем сюда все, что мы знаем о проблемах со шрифтами. 1) Вебкит некоторые шрифты криво рендерит - выход, заставить его отображать первым svg 2) firefox не понимает svg, и когда он начинает криво рендерить - почти безвыходная ситуация, хотя мне удалось подключить otf формат, но шрифт выглядел мягко сказать иначе, но зато без зазубрин и обрезания. 3) сервис font-squirrel в режиме оптимизации генерит шрифты без кириллицы (а может лишь некоторые и тогда это баг). 4) Некоторые сервисы, в число которых входит фонт сквиррел криво генеряет eot - выход, генерить с помощью программы на вашем компьютере. 5) Если вы поставили…

    Asked by Zverushka, October 5, 2013

    • шрифты
    0 votes
    24 answers
18. Элементы форму в одну строчку

    Прошу помочь. Делаю форму подписки на сайт, взял стандартную фидберневскую, но хочу подкорректировать - чтобы и подпись, и поле для текста, и кнопка были в одну строчку и сидели ровно по горизонту. Но никак не получается. Может быть такое, что дело в стилях сайта? Вот код без ненужных атрибутов: <form style="border:1px solid #ccc;padding:3px;text-align:center;"> <p>Enter your email address:</p> <p><input type="text" style="width:140px" name="email"/></p> <input type="hidden" value="odnivputi" name="uri"/> <input type="hidden" name="loc" value="ru_RU"/> <input type="submit" value="Subscribe" /> </form> Заранее бо…

    Asked by Павел Анисимов, November 24, 2011

    0 votes
    13 answers
19. Непонятный отступ сверху в Firefox

    Доброе время суток товарищи! Практически весь день бьюсь над проблемой непонятного отступа сверху ТОЛЬКО в Firefox. Фаербагом смотрел, он мне ничего не показывает. Там есть margin-top: 15px у верхних блоков, но так и задумано. В лисе же отступ гораздо больше... Ссылка на сайт: http://weltgroup.ru/sdm124/

    Asked by Shadow_of_Doubt, September 5, 2012

    0 votes
    5 answers
20. как добавить иконку в инпут?

    Здравствуйте уважаемые форумчане! Подскажите, пожалуйста, как добавить иконку в инпут? https://yadi.sk/i/ItL59eIZj9bwR

    Asked by stan07, September 17, 2015

    0 votes
    2 answers
21. Выделение текста мышкой

    Можно ли при помощи css предать вид выделению мышкой текста?

    Asked by SufiT, July 1, 2007

    0 votes
    5 answers
22. Сайт уезжает по вертикали за границу окна

    Помогите пожалуйста девушке. которая только что начала изучать CSS и блоки. Простейший шаблон: сверху шапка, слева меню, справа контент. САйт должен быть вытянут по вертикали до низа. Если контента много то соответственно он должен вытягиваться дальше и появляться должна прокрутка. В данный момент он соответсвенно пуст, но почему то уходит за границы экрана. Помогите решить мою проблеу, пожалуйста. <!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> <link href="style2.css" …

    Asked by Golden_Puma, March 4, 2008

    0 votes
    7 answers
23. Помогите подправить вёрстку.

    Помогите подправить вёрстку. Проблемы следующие: 1) IE - появляются белые полосы между блоками, как их убрать? 2) Opera - надпись "Главная страница" съезжает куда-то вверх, как можно исправить? В Firefox всё работает нормально, как видно, из представленных ниже скриншотов. Хотелось бы знать, что не так. Спасибо за советы. Скриншот 1 (IE) – http://s47.radikal.ru/i115/0910/96/3c9ce071ae30.jpg Скриншот 2 (Opera) – http://i035.radikal.ru/0910/04/f28d7326135f.jpg Скриншот 3 (Firefox) – http://i042.radikal.ru/0910/54/7b98114dede9.jpg P. S. Вёрстку делал не я. Это бесплатный шаблон для Joomla, который потом будет исправляться, но пока возникли описанные выше проблемы.

    Asked by thekap, October 28, 2009

    0 votes
    15 answers
24. Выравнивание поля формы с изображением

    Здравствуйте все. У меня такая проблема: никак не могу выравнять текстовое поле формы с изображением (каптчей) по вертикали, почему-то изображение располагается не на одном уровне с полем, а выше. Пожалуйста, подскажите, в чем может быть дело? Далее привожу код двух файлов (стили в отдельном файле), которые размещаются в одной папке. form.htm <HTML> <TITLE>Form</TITLE> <LINK rel="stylesheet" type="text/css" href="style.css"> </HEAD> <BODY> <FORM method="post" class="cform" id="cformsform"> <FIELDSET class="cf-fs1"> <OL class="cf-ol"> <LI id="li--1"><LABEL for="cf_field_2"><SPAN>Your name&lt…

    Asked by Almaz, December 24, 2008

    0 votes
    3 answers
25. Проблема с изменением цвета кнопок и фона в wordpress

    Добрый день! У меня возникла проблема с изменением цвета кнопок главного меню на сайте http://aoe9map6.beget.tech/ Ссылка на скрин - http://rgho.st/8n7Mb7F4c Скрин 2 - http://rgho.st/6ltWqhXKD Сайт сделан на движке wordpress. Главная проблема - не могу через встроенный в вордпресс редактор "style.css" найти эти параметры color (именно для цвета меню и кнопки поиск), которые нужно поменять на свои. ( К примеру color: #626668; просто заменить на color: #4c66a4; ) Цвет кнопок нужно сделать красные (вместо черных), и кнопочку поиск тоже красную.. цвет шрифта кнопок синий (вместо белого). Чтобы было понятней на скрине все показано. Тема word…

    Asked by mouseee, February 24, 2017

    0 votes
    5 answers