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
-
Важный вопрос!
Недавно узнал,что есть какие то Программы в интернете,которые сами за тебя могут сделать сайт,но я так понял по разговорам,что на данный момент они не заменят настоящего,живого программиста,так вот.отсюда вопрос: Может ли такое случиться,что допустим через лет пять все эти Программы доработают и сделают предположим такую,которая будет Профессионально делать сайты.покруче всякого Верстальщика,Программиста,Дизайнера и т.д..в итоге получиться,что все эти Люди потеряют работу или останутся тока сильнейшие,которые умеют делать что нибудь супер-изысканное. Ведь с учётом того.что сейчас так быстро всё развивается,такое возможно? Что вы думаете по поводу этого? Если можно.по…
0 votes28 answers -
Как нарисовать таблицу с помощью div
Подскажите как правильно создать таблицу с помощью тегов div. Я пытался, но она выходит не идеально. При изменении масштаба, колонки "плывут". <html> <head> <title></title> </head> <body> <div style =" width: 300px; height:210px; float:left; border: 1px solid; " > Text </div> <div style =" width: auto; height:auto; float:left; border:0px; " > <div style =" width: 300px; height:auto; float:left; margin: 0px 1px 1px; border: 0px solid; " > <div style =" width: initial; height:50px; border: 1px …
0 votes3 answers -
100% высота div'a относительно родителя
есть такой код: <div class="content"> <div class="photo-prev"><</div> <div class="photo-next">></div> <div class="photo"><img src="1.png" /></div> </div> и стили .photo { margin: 0 auto; } .photo-prev { float: left; height: 100%; background: #000; width: 40px; } .photo-next { float: right; height: 100%; background: #000; width: 40px; } но блоки photo-prev и photo-next имеют высоту, в зависимости от текста, но мне нужно 100%. как сделать?
0 votes9 answers -
Выровнять форму по вертикали
Надо форму поиска выровнять в слое заданной высоты. Как не мучаюсь не получается. html <div id="search"> <form> <input type="text" /> </form> </div> css #search { height:30px; border:#666666 1px solid; } #search input { display:inline; vertical-align:middle; } не равняется хоть ты тресни
0 votes3 answers -
сайт с кодировкой utf8 (и файлы utf8) загружаю на сервер и тот выдает кракозябры
В общем проблема давно уже меня эта мучает. В свое время пользовался разными ftp-менеджерами и уже реально запарился. Когда сайт делаю на utf-8 и сам блокнот сохраняю в utf-8 все работает шикарно на локальном хосте. Как только выкладываю в сеть через ftp (например FilleZilla, CuteFTP), то текст пролностью слетает и в начале кода появляется какой-то символ "п»ї". Если файлы не сохранять utf-8, а как ANSI, то проблем конечно же нет (правда тогда надо из кода убирать <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />). Проблему все это время решал тупо. Открывал средствами ftp исходный код поврежденых страниц выделял весь текст, а затем вставлял исхо…
0 votes10 answers -
обновление страницы каждые 5 сек
Здравствуйте, помогите пож, не могу разобраться в чем дело.... Обновление страниц сайта происходит каждые 5 сек, причем если успеваешь зайти не на главную, то он все равно возвращает назад. Причем это происходит во всех браузерах! (( Пока, например, в опере не запретишь обновление.... В настройках в опере он говорит, что обновление "заданное страницей" . Как быть? Заранее спасибо за ответы и участие.
0 votes6 answers -
Проблемы с табличной версткой в WinIE
Доброго дня! Занимаюсь табличной версткой. Вот код макета (с вложенной таблицей): <!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> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251" /> <title>Table Layout</title> <style type="text/css"> html,body { margin:0; padding:0; } html { height:100%; } body { height:100%; padding:0; margin:0 auto; width:80%; min-height:100%; position:relative; } *html body { height:100%; } table { width:100%; height:100%; border:1px soli…
0 votes19 answers -
У меня valign="middle" не работает
кто знает, почему может не выравниваться текст по вертикали по центру при записи "<td valign="middle">Текст</td>"(думаю что какое то другое условие перекрывает) ну или есть ли еще какой способ центрирования текста по вертикали?
0 votes8 answers -
div съезжает вниз
Всем привет! Уже час ломаю голову, почему центральный див съезжает вниз ? Заранее благодарю! <!DOCTYPE HTML> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251"> <title>Документ без названия</title> <style> .positions { width:100%; height:197px; padding:10px 0; display:table; } .positions figure { width:20%; height:197px; display:table-cell; } .positions figure div { width:171px; height:185px; background:url("img/posFon.png") no-repeat; padding:6px; } .positions img { width:170px; height:149px; } .positions figcaption { text-align:center; margin:10px 0 0 0; } .fonL { float:lef…
0 votes8 answers -
box-shadow + overflow:hidden
Добрый день. http://jsfiddle.net/X4kbR/2/ Подскажите пожалуйста, как сделать так, чтобы была видна тень у правого, внутреннего блока справа. При этом желательно не увеличивать ширину внешнего блока. <div class="main"> <div class="left"></div> <div class="right"></div> </div> .main { width:200px; overflow:hidden; height:100px; } .left { float:left; background-color:red; width:50px; height:50px; } .right { float:right; background-color:blue; width:50px; height:50px;box-shadow: 3px 3px 5px 0px ; }
0 votes5 answers -
высота height checkbox css
Здравствуйте. Имеется <input type="checkbox" /> Задаю ему высоту height: 21px; Но сам чекбокс не меняется, а образуются какие-то поля вокруг него. Вопрос: как работает height у checkbox и radio input`ов? p.s. в opera если обнулить border и background, то изменяется сам чекбокс.
0 votes4 answers -
Растягивающие кнопки в меню.
Как правильно сделать такую менюшку? Кнопки не растягиваются, задаю размер фиксированно. Должны растягиватся. <ul type="none" style="margin-top: -5px;" dir="rtl"> <li> <div style="width: 146px;" class="button_active"> <div id="content" > HOMEPAGE </div> </div> </li> <li> <div style="width: 114px;" class="button_in_active"> <div id="content" > LINE-UPP </div> </div> </li> </ul>
0 votes60 answers -
Как пользоваться тегом <main>
Хочу применять в сёрстке тег <main> и не могу понять как его применять правильно. Из описания я понял, что это тег для основного и уникального контента для данной страницы. Но как тогда его использовать с тегом <article>, ведь в нём данные контент должен также находиться? Что-то на подобии: <main> <article> <h1></h1> <time></time> </article> </main> Так? И должен ли тег <h1> быть внутри <article>?
0 votes33 answers -
высота div = высота окна браузера - 100px
Вот такая простая задачка: нужен слой, чья высота будет равна высоте окна браузера минус определенное число px. Скрипт для определения высоты найти не сложно: function findDimensions(){ var width = 0, height = 0; // переменные с шириной и высотой окна if(window.innerWidth){ // если браузер поддерживает метод window.innerWidth width = window.innerWidth; // присвоить ширину методом window.innerWidth height = window.innerHeight; // присвоить высоту методом window.innerWidth } // иначе если браузер не поддерживает метод window.innerWidth, else if(document.body && document.body.clientWidth){ // то если б…
0 votes4 answers -
Как растянуть блоки по высоте строки
вот пример на codeopen.iohttps://codepen.io/anon/pen/gGgMWX Всем ячейкам задана высота 45px. Одной из ячеек задана высота 69px. Строка растянулась по высоте в 69px. Как сделать так, чтобы остальные ячейки тоже растянулись по высоте строки ?? height: 100% не будет работать Мне просто интересно возможно ли как то сделать, не ужели нельзя...
0 votes13 answers -
Как работает адаптивность в Bootstrap?
Заинтересовался адаптивными сайтами на Bootstrap. И вот меня интересует такой вопрос: с помощью чего (каких правил CSS и т.д.) при разных размерах экранов появляются одни объекты (слои) и скрываются другие. Погуглил, но ничего дельного не нашел, мб не так гуглил. ) Меня интересует код, если кто-то подскажет буду благодарен. P.S.: На сколько я знаю все сделано без использования JS, на чистом CSS и HTML.
0 votes3 answers -
Сдача проекта и получение вознаграждения
В общем, как лучше показывать работу клиенту (вёрстка, в основном) и как обезопасить себя от кидка? Слышал, что обычно показывают со своего сайта, а после оплаты дают исходники, но ведь исходники можно и так выдрать, зная этот самый показательный ресурс.
0 votes60 answers -
Отступы вокруг картинки в опере/мозилле
У меня возникла проблемка, вставляю картинку в слой, но появляются вертикальные отступы В IE отступов нету, в опере и мозилле где-то по 2px сверху и снизу слоя ————-! ! картинка ! опера и мозилла ! ————-! ————-! картинка ! IE ————-! пробовал margin: 0px - не помогло
0 votes7 answers -
Дефолтное отображение тегов в разных броузерах
Собственно - браузеры по разному отображают теги по умолчанию. Это всем известно. Интересует - есть ли конкретная информация, в чём отличия? Что-то типо таблицы со всеми HTML 4 тегами и их стилями по умолчанию для каждого из браузеров? P.S. В гугле был. (если кто знает, какой конкретно задать запрос - буду рад) Искал не один раз - не нашёл ничего стоящего. P.P.S. Не нужно посылать меня в справочники и спецификации =). Если кто видел такие сравнения - поделитесь, плиз. Вдогонку: тоже самое нужно и для CSS. (по моему даже где-то видел, но не смог найти.) Буду рад любой информации. Спасибо.
0 votes37 answers -
frD-Разъезжается таблица..
Доброе время суток, вот была таблица <table bgcolor="#FFFFFF" width="790" height="100%" cellspacing="0" cellpadding="0" border="0"> <!--start logo--> <tr> <td colspan="3" width="790" height="150" valign="top" background="images/centr.gif"><img id="logo" src="images/lev.gif" width="346" height="150" align="left" hspace="0" alt=""><img src="images/lr-1.jpg" width="135" height="150" align="right" hspace="0" alt=""></td> </tr> <!--end logo--> потом добавил еще картинку и отсновной текст, ниже этой таблицы разползся в ширину <table bgcolor="#FFFFFF" width="790" height="100%" cellspacing="0" cellpadding="0" border="0"…
0 votes17 answers -
Выравнивание background-image
Здравствуйте! Возникла такая проблема: фон который я истользую отказывается выравниваться по низу страницы и Opera и FF, как нистранно в IE7 и IE7 все рабатает так как хотелось бы. Где то читал, что такое возможно если использовать абсольтное позиционирование, но у меня везде используется относительное. Буду рад любым предположениям. Заранее благодарен. P.S.: адрес странички: http://soft.als-krsn.ru/ Css: @import "reset.css"; @import "jqueryslidemenu.css"; * html, body #container { height: 100%; } body {height: 100%;background: #e3ebff url(../img/bg-body.jpg) repeat-x bottom;color:#282726;font:12px Arial,sans-serif;} #container { background:white; position: relative;…
0 votes10 answers -
В мобильной версии сайта ломается скролл на iphone
Мобильная версия сайта скроллится идеально на андроиде http://imgur.com/XeFTTES Но на айфоне скролл ломается и он нереально быстрый http://imgur.com/5UruYUI Заметил, что при открытии сайта на айфоне в код добавляется новый <div> и правка в <body>, хотя в index.html их нет <body class="scroll_wrapper" style="top: -184.702px; left: 0px;"><noindex></noindex><div id="webit_scroll_provider_wrapper" class="html" style="padding-top: 0px; padding-bottom: 0px; width: 100%; min-width: 480px;">Так же в CSS нашел это: .scroll_wrapper{ position: absolute; overflow: auto; left: 0px; right: 0px; top: 0px; bottom: 0px; padding-top: 0px; padding-botto…
0 votes4 answers -
Как вывести информацию в нужный div при нажатии на ссылку ?
подскажите пожалуйста! У меня есть 2 области div_1 и div_2. В div_1 у меня ссылки а в div_2 информация. Подскажите как мне сделать что бы при нажатии на ссылку в div_1 информация появлялась в div_2 и естевственно изменялась при нажатии на другую ссылку. Могу сделать это на фреймах но хочется все таки продолжить работу с div и css так как мне интересно это направление ) Заранее благодарен Вам за ответ !
0 votes4 answers -
Сайт вылезает за границу экрана
Здравствуйте, помогите пожалуйста найти косяк, сверстал сайт http://haski.leearts.ru и ширина сайта справа почему-то увеличилась, хотя никакие элементы не вылезают за края, т.е. ширина сайта почему то увеличилась, несмотря на то, что контент находится в пределах заданной ширины. Тупо фон справа добавляется. html <?php /** * @copyright Copyright (C) 2008 - 2010 LeeArts - Создание сайтов. * http://leearts.ru * admin@leearts.ru */ // no direct access defined( '_JEXEC' ) or die( 'Restricted access' ); ?> <!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/…
0 votes10 answers -
3 колонки - как выровнять по центру
привет всем, использовал эту статью: http://www.htmlbook.ru/content/?id=100 все вроде понятно. но как теперь все выровнять по центру? я пробовал делать слой контейнер, задавать align = center, пробовал body text align и т.д. ничего не помогает. подскажите, пожалуйста, как правильней сделать.
0 votes4 answers