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
-
Несколько DIV в ряд
Всем ДД, есть div-контейнер, внутри несколько DIV с float: left; DIV идут рядом в одну строку, как и нужно, но если ширина экрана становится меньше длины всех DIV, то не помещающиеся по ширине окна DIV перетекают на новую строку, чего я не хотел бы. Нужно, чтобы DIV не перетекали, а появлялся горизонтальный scroll. Поигрался разными свойствами, типа overflow, но увы... Есть ли кроссбраузерный способ? Заранее спасибо!
0 votes10 answers -
Отображение в разных браузерах
Добрый день! Прошу прощения за ламерский вопрос, но как говорится и на старуху бывает проруха Вот ссылка на страницу: http://compasstour.ru В ie как всегда все пучком (хавает все подряд), а в opere i mozile маркерованный список что в левом блоке, что в правом отступаю сильно от левого края. Не подскажете в чем "соль"?
0 votes4 answers -
Резиновый контент?
Добрый день у меня возник такой вопрос как можно сделать резиновый контент. Например есть три колонки сверстаны блочным стилем (Левый блок, Контент, Правый блок) И если например в правом блоке нет ничего то контент должен увеличится в Право. Как это реализовать? Пример верстки см. ниже? Файл index.php <html> <head> <link rel="stylesheet" href="style.css" type="text/css" media="screen"> </head> <body> <!-- НАЧАЛО СТРАНИЦЫ --> <div id="jwb_Board"> <!-- ШАПКА САЙТА --> <div id="jwb_Header"><strong>Шапка Сайта</strong></div> <!-- END --> <!-- ОБЕРТКА КОНТЕНТА --> <div id=…
0 votes3 answers -
Карта с подсветкой или другим эфектом
Доброго времени суток всем! Сразу оговорюсь что я совсем начинающий. Подскажите пожалуйста, как лучше и проще сделать карту (например России) с подсветкой разных регионов при наводке мышкой и всплывании нестандартных подсказок. Я понимаю что вопрос очень расплывчатый, но хотя бы ссылки на примеры работ, с выложенным кодом, или подсказки в каком направлении двигаться.
0 votes14 answers -
Создание регистрации
Я вот балуюсь с блокнотом для создания сайтов(так для себя, на крупное я потом пойду). И хочу для себя сделать простенькую регистрацию (ник, пароль, мэйл), но не явускрипт ни пхп не знаю, не поможете как мне это все сделать. ЗЫ. Надеюсь поможете.
0 votes20 answers -
WebSocket
Здравствуйте! Технология WebSocket относительно новая и по этому информации даже в интернете по ней не много. Есть конечно официальные документации, но на английском. Даже прочитав в Википедии не все понятно. Единственное что понял, это то, что браузер и сервер должны вначале "пожать руки". Руки пожимают отправлением друг другу заголовков: Заголовок браузера: GET /demo HTTP/1.1 Upgrade: WebSocket Connection: Upgrade Host: example.com Origin: http://example.com WebSocket-Protocol: sample Заголовок сервера: HTTP/1.1 101 Web Socket Protocol Handshake Upgrade: WebSocket Connection: Upgrade WebSocket-Origin: http://example.com WebSocket-Location: ws://example.com/demo Web…
0 votes0 answers -
Ярлые На Сайт Вместе Со Значком
как сделать, чтобы посетитель мог соохранить на его сайт ссылку (ярлык, shortcut) на сайт, но вместе со значком, чтобы отображалось красиво? например, когда сайт загружается, то favicon.ico но он до поры, пока очистят кэш. к тому же, в моём ico есть значки разных размеров и на рабочий стол и куда угодно. хотелось бы всё это преподать вместе с ярлыком-ссылкой на интернет ресурс. если знаете - подскажите решение, или ссылку, где написано, куда копать?
0 votes3 answers -
Avi На Веб Странице
Здравствуйте ) Пытаюсь вставить видео файл формата avi на сайт, таким образом: <OBJECT ID="NSPlay" WIDTH=239 HEIGHT=209 classid="CLSID:22D6F312-B0F6-11D0-94AB-0080C74C7E95" codebase="http://activex.microsoft.com/activex/controls/mplayer/en/nsmp2inf.cab#Version=5,1,52,701" standby="Loading Microsoft Windows Media Player components..." type="application/x-oleobject"> <PARAM NAME="FileName" VALUE="http://<?=$_SERVER['SERVER_NAME']?>/video/clip.avi"> <PARAM NAME="ShowControls" VALUE="1"> <PARAM NAME="ShowDisplay" VALUE="0"> <PARAM NAME="AutoStart" VALUE="0"> <PARAM NAME="ShowStatusBar" VALUE="0"> <PARAM NAME="Au…
0 votes1 answer -
правильное структурирование страниц
Добрый вечер. делаю первый сайт. ПРимерно на 200 страниц. Для удобства в дремвивере создал папки по разделам, например books ; films, articles....и т.д. В них тоже есть вложенные папки со страницами. Вот когда я на сервер их кину, то сайт будет прописываться так: www.mysyte.tu/articles\Stytia? Если да, то выходит едиенственное решение, это все страницы держать в одной папки. И вот...на сео это сказывается?
0 votes12 answers -
Помогите с кодом
<!DOCTYPE HTML> <html> <head> <meta charset="UTF-8"> <title> Fucking slavse</title> <link rel="preconnect" href="https://fonts.gstatic.com"> <link href="https://fonts.googleapis.com/css2?family=Noto+Serif&display=swap" rel="stylesheet"> </head> <body> <header id="header" class="header"> <div class="container"> <div class="nav"> <img src="img/logo.svg" alt="OJJO"> </div> </div> </header> <section id="section" class="section"> <…
0 votes4 answers -
По одной ссылки два результата
Имеется файл с двумя фреймами ROWS. Необходимо сделать так, чтобы при нажатии на ссылку в нижнем фрейме произошел переход на другую страницу например на 1.html и одновременно переход на страницу например 2.html в верхем фрейме. Как это организовать не изменяя тега <a> ?
0 votes10 answers -
line-height в chrome
Дело вот в чем, не раз замечаю что в хроме нужно ставить line-height больше чем в других браузерах. К примеру слева FF IE Opera справа Chrome Safari Как справиться с этим? Юзаю хак, но хотелось бы разобратся в причинах такого рендера. И найти более правильное решение. @media all and (-webkit-min-device-pixel-ratio:0) { button.button span span { line-height:29px; } } HTML <button class="button"> <span> <span> Join </span> </span> </button> Извиняюсь за большой CSS - верстаю под magento а там шаблоны не ахти. А менять каждый темплит времени нет. button.button { border:0; padding:0; m…
0 votes0 answers -
Проблемы с DOCTYPE Strict
Я решил использовать директиву типа документа Strict для поддержки блочной модели, однако при написании такого кода, к примеру: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <style type="text/css"> table {border-collapse:collapse;} td {padding:0;} body {background-color:yellow; padding:0; } </style> </head> <body> <table style="background-color:green; width:100%;"> <tr> <td><img src="soldier.jpg"></td> <td></td> </table> </body> </html> в Опере возникает неприличный отступ под картинкой. Я не могу понять …
0 votes7 answers -
Выравнивание по центру изображения с absolute
Здравствуйте! В верстке новичок, возникла необходимость выровнять картинку с position:absolute по центру. Кроме этого, картинка вписана в окно браузера, и масштабируется с сохранением пропорций. Если убрать absolute, получается выровнять с помощью text-align:center; Но без absolute она некорректно отображается в опере, ие и мозилле. Помогите советом. Код: <STYLE type="text/css"> *{padding: 0; margin: 0;} body, html {height: 100%;} #soon { /* Set rules to fill background */ height: 100%; min-width: 640px; min-height: 480px; /* Set up proportionate scaling */ height:100%; /* Set up positioning */ z-index: -1; position: absolute; } </STYLE…
0 votes2 answers -
Фон сайта
Друзья! У меня есть свой сайт, пишу в html, но тут столкнулся с проблемой: хочу сделать фон сайту картинкой, делаю, но у меня контент сайта тоесть где написан текст, тоже становится прозрачным и становится ка картинка. Так вот вопрос, что мне сделать, чтобы фон сайта был нижним слоем? вот код: <HTML> <TITLE>Всё о цветах</TITLE> </HEAD> <body> > <center> <TABLE width="750"border="1"> <TR><TH colspan="2" width="750" height="150" bgcolor="#A0CFFF"> <img src="sait.jpg"> </TH> </TR> <TR> <THEAD> <TH bgcolor="#CCFFFF" width="120"valign="top"><a href="index.html" style="text-decor…
0 votes17 answers -
Я новичок и мне нужна ваша помощь)
Всем доброго времени суток!Решил обратиться на этот форум к опытным людям за советами ну и возможно для получения ответов на свои вопросы(если не трудно ответьте буду очень признателен) 1.Хотел начать изучать html,но узнал о выходе html 5 как вы думаете какой из них сразу можно учить? 2.знаю что бы стать хорошим веб разработчиком нужно приложить немало усилий,именно поэтому что бы ещё больше не осложнять своё положение (так как я новичок) подскажите в каком порядке и каким способом следует изучать все тонкости типа php,css,html,Java,ajax и т п! Заранее спасибо за вашу помощь )
0 votes19 answers -
Адаптивная таблица
Здравствуйте, дорогие форумчане, в очередной раз вынужден просить у вас помощи. Есть ли какой-нибудь способ сделать простую таблицу адаптивной? В каком смысле простую? Да самую что ни на есть простую а именно <table> со всеми вытекающими из нее <tr> <td> <th> Я уверен, что это можно сделать посредством css, но моих знаний недостаточно. Как пример: вот моя страница на ошибки отступы и кривой дизайн, можете не смотреть) Интересует внизу страницы таблица с табами. Буду очень благодарен, если кто-то подскажет как ее сделать адаптивной.
0 votes2 answers -
Всплывающая подсказка не работает в ИЕ6
Собственно проблема понятная, код тоже прост. Дело в том, что в ИЕ6 не работает всплывающая подсказка, а точнее при наведении на синий блок, который является ссылкой, её span (который является всплывающей подсказкой), не появляется. Вопрос: Почему не работает в ИЕ6??? http://psywalker.ru/Forum/VsplivPodskazka/main.html
0 votes14 answers -
как написать????
как написать текст http://smages.com/d0/39/d039d290ede6e019ae...f546623.jpg.htm <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <meta content="text/html; charset=Windows-1251" http-equiv="content-type"> <title>index</title> </head> <center><body style="color: rgb(255, 255, 255); background-color: rgb(255, 255, 255);" alink="#ff0000" link="#ffffff" vlink="#ffffff"><center> <img style="width: 1200px; height: 113px;" alt="blanklogo" src="file:///C:/Users/User/Desktop/img/blanklogo.jpg"> <img style="width: 1200px; height: 22px;" alt="bottom" src="file:///C:/Users/User/Deskto…
0 votes12 answers -
При наведении на картинку идет смещение. (CSS)
При наведении на картинку идет смещение. (CSS) При наведении мышкой на картинку в слайдшоу изображение смещается и появлйются превьюшки-стрелки. Как сделать чтоб эти стрелки были постоянно на картинке и чтобы таких смещений не было_? Помогите мне пожалауйста разобраться. Слаидер тута http://solcellepanel.hg.no/
0 votes2 answers -
Подсветка чекбокс при наведении
Коллеги, подскажите как сделать чтобы при наведении на чекбокс тот менял цвет рамки Стандартный чекбокс я скрыл. Вместо него я поставил .form-checkbox__label::before - новый чекбокс. Как прописать его поведение при наведении? Попробовал .form-checkbox__label::before:hover - не получается. Но нужно еще сделать так, чтобы при наведении на текст он тоже менял цвет http://codepen.io/anon/pen/gaqZYd
0 votes1 answer -
Перемещение сло?в.
Помогите пожалуйста. Как сделать так,чтобы слои перемещались?Заранее спасибо.
0 votes12 answers -
AlphaImageLoader и ссылка
Есть div, в котором есть ссылка. Фоном для этого слоя задан PNG с прозрачными областями. Для отображения его в IE использую AlphaImageLoader. Ссылка при этом, хоть и отображается, но перестает быть ссылкой - не реагирует на наведения и клики. Вопрос. Это поведение фильтров IE каким-либо образом можно исправить, или лучше плюнуть и оставить ссылку как есть?
0 votes8 answers -
DIV. Вертикальное позиционирование.
Добрый день! Заинтересовал вопрос по поводу вертикального позиционирования, погуглил, ниодин вариант не подошел. <div id="big_block"> <div id="left_top_block"> Этот блок должен располагать слева вверху. </div> <div id="center_block"> Центральный блок, который будет заданной ширины, н/р, width:40em; Вертикальное позиционирование не особо важно, ради весёлости, можно конечно отцентровать </div> <div id="right_bottom_block"> Этот блок должен находиться справа внизу </div> </div> Скорее всего, подойдет вариант с display:table; и display:table-cell;, но то, что нашел в инете, не смог подогнать под именн…
0 votes3 answers -
Не правильно отображает в Mozilla Firefox
Google Chrome, IE - отображает правильно, в Mozilla Firefox нет. http://demo.joomlaworks.net/tabs-and-sliders-for-articles
0 votes17 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
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
-