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
-
Не работает width для img
IE не хочет реагировать на то, что ширина картинки 100%, не смотря на то, что ширина внешнего элемента тоже 100%, да и вообще все выглядит правильным. Как быть? <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <title> </title> </head> <body> <table width="100%" border="0" cellspacing="0" cellpadding="0"> <tbody> <tr> <td colspan="2"> <table width="100%" border="0" cellspacing="0" cellpadding="0"> <tr> <td> <img src="images/top_back_new.jpg" width="100%"> </td> </table> </td> </tr> <td> </td> <td> &l…
0 votes5 answers -
Банально - резиновый трехколоночный макет одинаковой высоты колонок, но...
Коллеги, нужно решение или пинок, я и еще один сторонний верстальщик с этим вопросом не справились Есть макет из трех колонок, левая\правая фиксированной ширины, центральная соответственно резина, сам сайт резиновый по ширине экрана Нужно сверстать блоками, левая\правая колонки имеют фоновую заливку в соответствии с макетом дизайна и все три колонки должны быть одной высоты по самому заполненному блоку background: url("../images/bg_module.gif") repeat-y; Все инструкции что я встречал по данной ситуации говорят делать через отрицательный margin и border-left: 200px solid #FFF2BF; /* фон левого сайдбара */ Но меня это соответственно не устраивает, поскольку нужна фоновая…
0 votes2 answers -
Доктайп
Добрый день. Не нашёл нужного раздела, извините. Делаю сайт в первый раз. на главной странице написал доктайп: <!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" xml:lang="ru-ru" lang="ru-ru" > <head> <title>Тайтл</title> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251" /> <meta name="keywords" content="контент" /> <meta name="description" content="описание" /> <link rel="shortcut icon" type="image/x-icon" href="../img/favicon.ico"> <li…
0 votes5 answers -
Блочная верстка + картинка в background
Доброго времени суток всем! Помогите советом как быть? Нужно сверстать макет, в background`е будет большая красочная картинка. Возник вопрос как лучше сделать? Можно конечно забацать таблицами и попились общий фон на куски. А как сделать если верстать блоками? Картинку всю целиком в фон пихать? просто картинка здоровая и если целиком вставлять, то будет достаточно тяжелая, мне кажется, и будет долго грузиться. Заранее благодарен за ответы.
0 votes3 answers -
конфликт с Mozilla Firefox
Уважаемые! Есть карта (фон. картинка map.gif) с возможностью выбора региона, так вот при наведении на один из регионов (город), картинка (star.gif) подсвечивает выбранный регион. В IE все вроде прекрасно работает. Но вот решил проверить в Mozilla Firefox, а там картинка (star.gif) не перемещается к выбранному региону (городу), весит в самом верхнем углу хоть убейся . Пол ночи ковыряюсь (методом тыка), но никак не пойму, где копать и на какой участок кода смотреть.. Здесь на форуме тоже порылся, но ничего не нашёл похожего. Есть правда упоминания про отрицательный - Z-INDEX: но вот сижу и туплю, никак разобраться не могу пните меня в нужное место или помогите с участком к…
0 votes11 answers -
!Doctype
Скажите, пожалуйста, какой !DOCTYPE желательнее. Здесь на сайте везде применяется строгий синтаксис XHTML(в самоучителе, в рецептах), он вроде менее гибкий, но понимаемый лучше всеми браузерами. А как обстоит дело с переходным синтаксисом HTML?
0 votes4 answers -
Как установить высоту дива, вложенного в другой див во всю высоту экрана браузера, без яваскрипта?
привет, html,body{height: 100%;}.page{overflow: hidden;min-height: 100%;} .c1{width: 50%;float: left;}.c2{width: 200px;float: left;;padding: 0 10px 0 10px;}.c3{width: 50%;float: right;;}.c1 .wrp { height: 100%; margin-right: 100px;padding: 10px;} .c3 .wrp {height: 100%; margin-left: 100px;padding: 10px;}<div class="page"> <div class="c1"><div class="wrp"></div></div> <div class="c3"><div class="wrp"></div></div> <div class="c2"> </div></div>Нужно дивы .c3.wrp и .c1.wrp растянуть на 100% экрана, его родитель .с1 имеет своего родителя .page - который на сто процетов экрана растягивается, но див .с1 …
0 votes5 answers -
Выровнять центральный блок между двумя блоками по центру
Здравствуйте! Суть состоит вот в чем, в шапке есть 3 блока (по настоящему их - 5, ниже я нарисовал схему для понятности). Надо средний блок #conteiner, вместе с его содержимым, выровнять по центру, относительно двух крайних - #akciya и #order_form. Ну или на худой конец, хотя бы по центру шапки. Абсолютное позиционирование не подходит. При разных разрешениях монитора, крайние блоки уйдут в стороны, а средний останется на своей позиции. Думал уже воспользоваться табличной версткой, но, я так понимаю, что при табличной вестке можно забыть про обтекание элеменов (что бы при масштабировании окна браузера, элементы таблицы съезжали вниз). Скриншот для наглядности CS…
0 votes4 answers -
Принцип или гайд по верстке
Ребят, привет, подскажите какой то гайд по верстке сайтов слайдеров, типо https://cuberto.ru/
0 votes5 answers -
Submit неотмеченного checkbox-а
Здравствуйте. Вроде бы простая проблема, но совершенно поставила меня в тупик. Мне нужен checkbox, который при submit-е передает 0 если он не отмечен, и 1 когда отмечен. Когда он отмечен проблем нет, все работает как надо. Но когда бокс не отмечен, он вообще не передается в запрос. Можно ли как-нибудь сделать чтоб его статус всегда передавался, независимо, отмечен он или нет? Вот его код: <input name="nulpack" type="checkbox" id="nulpack" value="1" /> При отмеченном: test-1.html?nulpack=1 При неотмеченном: test-1.html? (надо чтобы было nulpack=0)
0 votes5 answers -
Синтаксическая ошибка
привет всем, помогите с данной проблемой, как найти и убрать синтаксическую ошибку в файле? выходит надпись: Parse error: syntax error, unexpected T_DOUBLE_ARROW in /home/name/public_html/forum/viewtopic.php on line 1102 есть программа какая нибудь где идет счет строк?
0 votes2 answers -
Сжатие CSS
Посоветуйте, пожалуйста, средства для сжатия CSS, к примеру, чтобы лишние пробелы удалялись и т.п. Пользуется кто-то таким? Есть смысл?
0 votes7 answers -
Таблицы сильно тормозят браузер?
Всем привет. Мне тут понадобились элементы типа кнопок с закругленными концами, я все сделал с помощью таблиц. Первая и последняя ячейки картинки, по центру контент. Кнопок таких достаточно много на странице. Может имеет смысл вместо таблиц использовать что то другое? я просто полный новичок и мне с таблицами проще пока работать, а на других сайтах вижу что дивы / списки и проч. хрень используется. И еще один вопрос. У меня есть таблица на весь экран, когда размер окна меняется, я удалаю/добавляю к ней новые столбцы/строки по необходимости. Как то притормаживает это, есть ли возможности сделать подобное на дивах? Спасибо большое за помощь
0 votes8 answers -
Приклеивание частей в верху и низу в одной колонке
Что-то никак не могу сделать. На сайте слева есть колонка. Картинку и меню сайта я приклеил к верху страницы. Но в той же колонке нужно, чтобы некий текст "Все права защищены. При использовании ссылка обязательна", ну типа того, чтобы был приклеен к низу колонки. То есть когда справа будет много текста, левая колонка чтобы вытягивалась, но нужный текст уходил с колонкой вниз. Знаю, что это valign=bottom, но как это сделать кодами хтмльными, а то я что-то не смог сделать. У меня код не работает. КУда его нужно заключать? Я пробовал в <p>, но не сработало. ЕСли вдруг нужно посмотреть сайт, то он уже висит в Сети: http://vdo555.narod.ru/ Спасибо всем заранее
0 votes12 answers -
убрать верхнюю полосу
Всем привет, Если зайти на страницу http://oherron.com/backend.php/login и кликнуть на "login" без ввода мейла/пароля то сверху над полем мейла будет выведен серый прямоугольник с ошибкой, но также будет серый прямоугольник сверху страницы - который нужно убрать. Для вывода этой ошибки выводится код <div class="ErrorLine margin"> Enter email and password! </div> с описанием в стилях .ErrorLine{ color:red; margin:0 auto 13px; width:356px; height:20px; background-color:#eeeeee; text-align:center; padding-top:4px; position:relative; top: 260px; left:0px; } Верстка там не моя Все мои попытки убрать верхнюю полосу никчему не привели. На странице только 1 эле…
0 votes5 answers -
baron scroll sidebar в Фарфоксе отображается свой скролл
Доброго дня. http://codepen.io/npofopr/pen/xwWqWX как побороть скролл в ФФ для baron, под виндой, видимо? где то видимо overflow: hidden; не хватает, но найти не могу где. Оно или скроллить перестаёт или 2 скролла. Потому что в примерах всё работает.... Может пользовался кто нибудь baron?
0 votes6 answers -
2 проблемы
В общем сайт http://underwhat.mpchat.ru/ Там видно что ? Чаты при поддержке mpchat.ru налезло на картинку. Как это ? Чаты при поддержке mpchat.ru перенести вниз?Непойму никак..смотрела другие коды всеравно там же оста?тся... И как сделать чтобы снег падал до конца документа? Вот код если что... <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251"> <title>Аггробабруйск</title> <style type="text/css"> <!-- body { background-color: #000000; margin-left: 0px; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; } --> </style> <link href="css/main.css" rel="stylesheet" type="text/css…
0 votes6 answers -
Примеры сайтов с SSI и с входным index.shtml
Я не решаюсь перевести вес сайт к формату SSI (т.е. *.shtml) Не решаюсь, так как после этого мне придется переделывать все регистрации в каталогах, в поисковиках и т.д. Если вы знаете, пожалуйста дайте линки сайтов, которые в реале работают на методах SSI К стати, я иажк приложила бы такие примерные линки к статье о SSI (в этом же сайте)
0 votes5 answers -
Пропорциональное масштабирование <img>
Доброе время суток нужна помощь с масштабированием кнопки (пожалуйста [а то я уже запарился читать и нехрина не доганять]) подробности здесь - https://onedrive.live.com/redir?resid=52ADAD5F450670A4!382&authkey=!AAM1xQaBQ4zzhEs&ithint=file%2cmht за ранее спасибо с уважением Д.Владимир
0 votes8 answers -
Проблема отображения в Опере и относительное положение
Делаю шаблончик для сайта, возникли следующие проблемы: 1. В Опере меню деформируется. Опытным путем я пришел к причине: если делать div с прокруткой или вставлять для content фрейм (тоже с прокруткой), меню деформируется при наведение. Если убрать из кода элемент с прокруткой, меню будет работать нормально. Есть ли какой-либо фикс для Оперы для таких случаях? 2. В меню не сделать записать вида "Пункт >" (стрелочка должна прилегать к противоположному краю). Как я понимаю, это происходит из-за того, что у меня (точнее, меню я взял почти готовое в Интернете) float заданы в css, и, с помощью float уже не сдвинуть стрелку с правому краю. Как быть? Шаблон тут: http://kzz0.n…
0 votes6 answers -
Смена изображения при наведении на ссылку
Странное дело, товарищи. Уже использовал раньше этот способ, все было идеально. Все точь-в-точь, вплоть до доктайпа. Не могу собственноручно разобраться Вот html: <div id="men"> <div id="menu"> <div id="buttons"><div id="about"><a class="link-about" href="about.html"></a></div><div id="contacts"><a class="link-contacts" href="contacts.html"></a></div> <div id="inf"><a class="link-inf" href="inf.html"></a></div><div id="vacansy"><a class="link-vacansy" href="vacansy.html"></a></div> <div id="gallery"><a class="link-gallery" hre…
0 votes5 answers -
Неправильно отображение плавающего фрейма
Не получается убрать эти непонятные отсупы, скажите ,как их убрать. Вот файл с которого идёт загрузка. <!DOCTYPE HTML> <HTML> <HEAD><TITLE>Frame</TITLE></HEAD> <body> <div align="center"> <iframe src="foto.html" height="490px" width="560px" > VSPACE=10</iframe></div> </body> </HTML> Вот файл который загружается: <!DOCTYPE HTML> <HEAD><title>foto</title></HEAD> <body> <table border=25 align="center" cellspacing=20 style="border-color:red; border-style:double; border-collapse:collapse; background:yellow; > <tr> <td> <img src="foto.jpg"…
0 votes11 answers -
Два div'а в ряд, nowrap, IE 6-9
Доброго времени суток. У меня вопрос к истинным знатокам CSS. Задача - есть вот такой html-код, который нельзя менять - можно только дописывать в него CSS: <div style=" border: 1px dotted black; width: 300px; "> <div style=" background-color: red; height: 19px; width: 19px; " ></div> <div style=" background-color: silver; ">eins, zwei, drei, vier, funf, sechs, sieben, acht, neun</div> </div> Необходимо получить вот такое: Вот моя попытка: <html> <head> </head> <body> <div style=" border: 1px dotted black; width: 300px; overflow: hidden; …
0 votes9 answers -
Картинка внутри div
Помогите пожалуйста, не могу сообразить. Хочу чтоб картинка помещалась внутри div и чтоб эта картинка была больше этого diva и отцентрирована по центру, а часть картинки которая выходит за пределы div не было видно. Как в контакте, в юзерпике отображается только часть фото. .div{ width: 166px; height: 166px; overflow:hidden; } .img{ width: 100%; } С помощью этого я обрезал картинку по диву, но как ее сдвинуть чтоб центр этой картинки был внутри div
0 votes5 answers -
Помогите сделать выпадающее меню на сайте
Здравствуйте форумчане.Помогите преобразовать обычное горизонтальное меню сайта в Выпадающее меню с 2 уровнями(Пример на фото) Вот код уже имеющегося горизонтального меню: <div class="default" id="menu"><div class="container"><a href="#999">Бытовые</a> <a href="#502">Промышленные</a> <a href="#503">Терморегуляторы</a> <a href="#504">Акции %</a> <a href="#505">Монтаж</a> <a href="#506">Отзывы (Видео)</a> <a href="#507">Контакты</a></div></div> Вот его стили: #menu { height: 42px; margin-top: -23px; background: #027bb5; /* Old browsers */ background: -moz-…
0 votes10 answers