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
-
Баг IE
Вот щас начал править форму поиска, не именно через search а через обычный text Вот что примерно <form action="#" method="post" class="form"><input type="text" name="search" id="search" placeholder="Поиск... /><input type="submit" name="search" value="ок" /></form>У меня конечно не кнопка а лупа... И вот такой баг я увидел что в IE input меньше чем в mozilla Как это возможно поправить? по принципу можно задать width и height input но этого пока не делал....
0 votes2 answers -
Нужна помощь
Здравствуйте, я учусь верстать сайты, посмотрел кучу всяческих видео , перечитал кучу информации . И вот захотел сверстать сайт по макету psd . Посмотрел опять же ш видео, ну вроде норм. А потом как сел верстать сайт по другому макету наткнулся на кучу проблем и вопросов , на которые не могу найти ответов.Так вот ищу какого то опытного верстальщика что бы помогу мне в некоторых вопросах , я уверен что они будут совсем простые для опытного человека. Надеюсь на понимание , и обещаю не задолбывать по пустякам skype: Kaplun31
0 votes4 answers -
Видео по размеру блока
Коллеги привет! Передо мною встала проблема. Есть два блока шириной 50% от окна браузера. В каждом блоке видео, то есть получается экран разделен на 2 части. Это у меня получилось сделать, но теперь я не могу добиться адаптивности этого видео. Чтобы при любом разрешении оно подстраивалось под окно браузера. Подскажите, а то все затормозилось(
0 votes4 answers -
Картинки на хосте
http://fb79274t.bget.ru/postel/index.html На локальном пк все отлично, на любой хостинге сами посмотрите что, пути 100 раз проверял плагин lightbox. Почему так?
0 votes7 answers -
Помогите расположить скрипты в горизонтальном положении на странице
Доброго времени суток. Такая проблема, нужно расположить этот код(эта кликабельная картинка с кликабельной подписью под ней) в горизонтальный ряд. Таких контейнеров у меня 5, но на странице они идут только сверху в низ, а нужно чтобы шли горизонтально. Пробовал этот вариант - http://htmlbook.ru/faq/kak-razmestit-elementy-spiska-gorizontalno , не помогло. Вот код. Заранее благодарен. <style style="font-size: 12">figure.img { margin: 0; text-align: center;} figure.img img { max-width: 100%; height: auto;}figure.img figcaption { padding: 0 1%; font: italic 90% Georgia,serif;}</style><figure class="img"> <a href="...."><img alt="...." src…
0 votes5 answers -
SOS
Делаю меню для сайта и появилась такое подчеркивание в виде гиперссылке относящейся к кнопке Наш выпуск. Она появляется при активных кнопках: О нас, Наши собаки, Контакты. Подскажите пожалуйста в чем моя ошибка и как это исправить. Спасибо.
0 votes3 answers -
печать страницы из браузера
http://imgur.com/a/qXdrG/all 4 колонки это превью хром, 2 колонки это фф другие страницы этого сайта в фф превью нормально выглядят куда смотреть?
0 votes3 answers -
Приоритеты классов
Всем привет. Вопрос собственно такой: каким образом браузер присваивает правила разных классов к 1 объекту? Если чуть по конкретней, то .style1 { border-radius: 3px; display: inline-block; width: 180px;}.style2 { width: 200px;}<input type="submit" name="submit" class="style1 style2" value="Сохранить" > Я не понимаю, почему инпут все равно остаются с шириной в 180 пикселей ...
0 votes2 answers -
Картинка уменьшается при добавлении ее в тег <figure>
Всем привет. Решил добавить к картинкам тег <figure>, но при выводе картинка уменьшается в размерах. В чем может быть проблема? Код CSS: body{ margin: 0px; padding: 0px; max-width: 1000px; background: url(./bg3.jpg) repeat center top fixed; } html, body, #wrapper{ margin: 0px; padding: 0px; margin: 0 auto; } @import url(https://fonts.googleapis.com/css?family=Open+Sans:400,600&subset=latin,cyrillic); *{box-sizing: border-box;} #container{ display: table; max-width: 100%; height: 100%; margin: 0 auto; background-color: #272727; box-shadow: #000 0px 0px 40px 10px; } #header{ max-width: 100%; width: 10…
0 votes0 answers -
Проблемы с формой обратной связи
Добрый день всем. Взялся писать сайт для своей жены и столкнулся с проблемой в форме обратной связи. Тестирую на локальном сервере. При нажатии кнопки отправить выводит: Сообщение отправленно"; } else { echo " Сообщение не отправленно"; } ?> Вот код: <?php if (isset($_POST['name'])) {$name = $_POST['name'];} if (isset($_POST['email'])) {$email = $_POST['email'];} if (isset($_POST['message'])) {$message = $_POST['message'];} $address = 'bysinkamysinka@mail.ru'; $sub = "Это сообщение с моего сайта"; $mes = "Автор указал такое имя: $name \n Оставил такой E-mail: $email \n Содержание письма: $message"; $verify=mail($address,$sub,$mes,"Content-type:text/plain; charset =…
0 votes3 answers -
Резиновая вёрстка
Здравствуйте! В общем сайт выглядет вкратце примерно так: <table width="100%"> <tr> <td width="170">левая колонка</td> <td>центральная колонка</td> <td width="170">правая колонка</td> </tr> </table> И видимо из-за того, что на сайте много медиа контента и скриптов, идёт не красивая загрузка страницы: загружается левая фиксированная по размеру колонка, затем появляется центральная колонка шириной от конца левой колонки до правой границы браузера, и затем уже появляется правая колонка, вследствии чего центральная колонка на глазах сужается. Можно ли как-то сделать, чтобы центральная колонка оставалась ре…
0 votes2 answers -
DOCTYPE меняет отображение страницы
Доброго времени суток! Помогите, пожалуйста, решить следующую проблему. Есть HTML5-код: <!DOCTYPE HTML> <html> <head> <meta charset="utf-8"> <title>DOCTYPE</title> <style type="text/css"> table, tr, td { margin: 0px; padding: 0px; border: 1px solid black; border-collapse: collapse; border-spacing: 0px; } </style> </head> <body> <table> <tr> <td> <img src="image.jpg"> </td> </tr> </table> </body> </html> Проблема заключается в том, что в документе с доктайпом HTML5,HTML4 Strict или XHT…
0 votes2 answers -
js
В этом примере имеется одна кнопка с выпадающим меню http://ruseller.com/lessons/les240/example/index.html . Как сделать ещё 2 таких же кнопки рядом и такими же меню?
0 votes1 answer -
Расчет ширины блока в IE после float и его перенос
Собственно, все, чего бы мне хотелось - это заставить IE отображать данный пример так же как это делают другие браузеры. Т.е., чтобы зеленый блок со ссылкой не уезжал под красный блок с float... <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html> <body> <div style="width:300px; border:1px solid black;"> <div style="float:left; background: #f00; width:100px; height:100px; "></div> <a href="" style="display:block; width:300px; background: #0f0;">TODO write content</a> </div> </body> </html>
0 votes1 answer -
Двигая границу окна браузера
Здравствуйте. Учусь верстке, столкнулся с проблемой. При передвижении правой границы окна браузера содержимое сайта начинает "спадать", не знаю как точно выразиться. Вот сайт: http://testmarkup.ucoz.ru/index.html Вот css : http://testmarkup.ucoz.ru/style.css Складывается в частности вот здесь: <p class="q1"><span class="w1">102 456</span><br /><span class="w2">комментариев</span></p> <p class="q2"><span class="w1">10 432</span><br /><span class="w2">публикаций</span></p> <p class="q3"><span class="w1">344 657</span><br /><span class="w2"…
0 votes4 answers -
дергает всплывающее окно при попытке его сдвинуть
http://www.174help.ru/ в Google Chrome при открытии всплывающего окна и попытке сдвинуть его, окошко резко выдергивает влево. В чем может быть дело?
0 votes1 answer -
Проблема с вертикальным выпадающим меню.
Суть проблемы: Действие :hover отменяется при наведении на доп.меню, хотя нужно что бы этот эффект сохранялся, и изначально этот эффект был. Это произошло после того как я в CSS сделал какие-то (не масштабные ) изменения. Факт в том, что я не могу понять, какие именно изменения стали причиной проблемы. Курсор над пунктом главного меню. Курсор над пунктом дополнительного меню. Не знаю поможет ли мой код... body { margin:0; padding:0; background-color:#020202; } #header { width:100%; height:720px; background-image:url('background images/bg_header - 1152.jpg'); } #adverts { background-image:url('background images/bg_adverts_1152.png')…
0 votes2 answers -
Не работает кнопка в Firefox&Chrome
Здравствуйте. Есть форма поиска: <form class="searchform"> <input class="searchfield" type="text" value="Искать..." onfocus="if (this.value == 'Искать...') {this.value = '';}" onblur="if (this.value == '') {this.value = 'Искать...';}" /> <input class="searchbutton" type="button" value="Go" /> </form> Кнопка почему-то не хочет нажиматься в Firifox и Chrome в Опере всё нажимается нормально...
0 votes2 answers -
безопасность использования Unicode символов
безопасность использования Unicode символов для рисования фигурок http://copypastecharacter.com/graphic-shapes Какие могут быть проблемы в браузерах(кроме ие6)?Оправдано ли их использование для рисования фигурок?
0 votes0 answers -
помогите с тегом embed
Здравствуйте , я хотел сделать сайт на который загружу музыку , но есть одна проблема , когда я обновляю страницу то начинают играть все песни , а мне нужно сделать так , что бы играли только те , на которые нажали плей . Вот так делал я , подскажите пожалуйста как сделать , что бы играло то , что хочешь , а не всё сразу ). <embed src="ХИТ ЛЕТА 2011.mp3"> <br> <embed src="Музыка/L'aRossa - P2 2011].mp3">
0 votes6 answers -
Проблема с нижней полосой прокрутки
Всем здрасьте. Решил сделать собственную карусель, с гейшами и нардами, в итоге родил вот такую небольшую кодовёрстку: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251" /> <title>Фотон</title> <script type="text/javascript" src="http://yandex.st/jquery/1.7.2/jquery.min.js"></script> <script type="text/javascript"> jQuery(document).ready(function() { $("div.children").each(function() { …
0 votes0 answers -
Левый блок
Сообщение удалено пользователем
0 votes2 answers -
Выравниевание сайта по центру
Здравствуйте! Не могу как надо сделать выравнивание сайта по центру. Делаю так, на body задаю такие значения margin: auto; после этого сайт становится по центру. Но правый меню уходит за пределы экрана, и появляется нижняя прокрутка! Вопрос: как сделать правильную выравнивание по центру что бы правый меню поместился на экране? Сайт имеет структуру <body> <div id="main"> <div id="wrapper"> <div class="content"> <div class="header"> <div class="left"> <div class="top"> <!-- логотип --> &…
0 votes2 answers -
background-position в IE
Здравствуйте. Прошерстил инет, но никак не могу найти решение. Необходимо точно спозиционировать (сдвинуть на определенное количество пикселов) фон в блоке. Делаю это так: background-position: top right 8px; Предполагается, что фоновая картинка встанет в верхнем правом углу блока со сдвигом в 8 пикселов от правого бока. Работает во всех браузерах, кроме IE. Причем данную запись не понимает ни одна из версий IE (проверял в IETester и IE 7 напрямую).
0 votes1 answer -
Помогите настроить высоту и отступ
Привет всем! Решил сделать простенький шаблон, состоящий из модных сейчас хабов (как windows 8 или Google Play). Сделать хабы я смог, но свойства у них не очень... 1. Нужно в верхнем правом квадрате сделать отступ текста во внутрь квадрата, но padding: 20px; убивает всю сетку. 2. Необходимо сделать зависимость, между блоком с текстом и блоком с категориями. Что бы при увеличении блока с текстом из-за его большого количества, увеличивался и блок с категориями (по высоте). Ну и наоборот тоже. Запарился уже это делать, помогите пожалуйста. P.S: Решил таблицы не использовать, не люблю их. Может можно как-то без них? http://html.v-arhiv.ru/ HTML <!DOCTYPE html> <htm…
0 votes1 answer