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
-
несколько глупых проблем
Доброго времени суток. Эксперементировал сам, не помогает. Знаний не достаточно. Прошу помочь добрых людей. Проблема нр. 1 1) ссылка - http://iy-style.com/nagelterapeut.html. 2) текст вылазит за пределы главного контейнера .block, хотя установлен height: 100% и на главный блок и на его родителя т.д.. 3) Необхадимо сделать что бы текст был послушным и никуда не вылезал. Как здесь - http://iy-style.com. Потом сделать по такому же принципе остольное страницы где будет много текста. При этом, что бы добавление картинок в том числе и большого размера (и увелечение существующей) не мешало тексту и не двигало ни одну из его строчек. Так же, …
0 votes3 answers -
Растягинуть див
Есть примерно такая схема сайта Нужно чтобы sidebar растянулся по высоте content, для того чтобы block3 был на уровне нижней границы content. На практике есть дизайн, автор захотел чтобы в block 3 была некоторая контактная информация + ссылка чтобы подниматься вверх <div id="main"> <div class="sidebar"> <div class="block1"> </div> <div class="block2"> </div> <div class="block3"> </div> </div> <div class="content"> </div> </div> Структура вот такая. Как вариант проскакивала мысль с помощью абсо…
0 votes14 answers -
Как сделать всплывающий DIV поверху сайта, не выходящим за экран?
Лабаю на сайте систему помощи по странице Сделал в виде всплавающего поверх содержимого сайта окошка. Выглядит так: div id = help left=..,top=.. div id = helpCaption div id = helpParts div id = helpText width=..,height=.. div id = helpCorner helpCaption - заголовок helpCorner - уголок для ресайза окна внизу справа helpText - текст справки #help { position: fixed; left: 10px; top: 10px; } #helpText { overflow: auto; } при растягивании скрипт меняет width, height элемента helpText. Если текст не помещается, то показывается скролл Теперь проблема: при сужении размера браузера по горизонтали, "окошко" с помощью утыкается в правый край и начинает сужаться вместе с…
0 votes2 answers -
html как правильно
Господа Просвещённые. Подскажите. Вопрос 1. Надо ли заключать в кавычки значение атрибутов или нет потому что валидатор принимает и с кавычками и без. width = "300" width = 300 Вопрос 2. Почему валидатор ругается на атрибут align = "center" что такого атрибута в таблицах больше нет. <table align = "center" имеется в виду http://validator.w3.org
0 votes4 answers -
Как сделать блоки в две колонки.
Здравствуйте, добрые люди) Помогите пожалуйста мне вот с чем. Я хочу сделать вывод статей в две колонки. Сначала вроде всё получилось, но потом я заметил, что если блок из первой колонки немного увеличивается в размерах(точнее, в высоте), то нижний блок сразу падает вниз и отображается как будто он находится под блоком, который справа него. Если вы ничего не поняли =) То на картинке всё отчетливо видно. Мне нужно, чтобы этот блок так не падал. Что посоветуете сделать? <div class="content"> <div class="post-main"> <div class="zagolovok"><h1><a href="#">Прикольное видео Мега супер прям я круто супер </a></h1> </div>…
0 votes2 answers -
Подскажите скрипт местоположения
Добрый день. http://s018.radikal.ru/i509/1203/d0/21d1cdd747ec.jpg У кого есть данный скрипт? Заранее благодарю.
0 votes3 answers -
Растягивание меню
В общем ситуация такая. Есть горизонтальное меню, при структуре с фиксированным расстоянием между кнопками(padding), вроде влазит, но кроме андроида и мазилы. (последний пункт выползает во 2 ряд) Хочется чтобы оно автоматически растягивалась по ширине, сделал это с помощью div -display: table; ul- table-row; li- table: cell; Появилась другая проблема, раньше, при наведении на элемент он выдвигался (hover {padding-top: +5px;}), а с таблицей это не работает, отодвигаются все элементы.
0 votes1 answer -
Кнопочки
Ребята,подскажите как с фотошопа запилить такие кнопки,а то я только изучаю HTML и CSS. http://hostingkartinok.com/show-image.php?id=29816034e703e842a22d46d04e1b5298 Мне интересно каким кодом,что бы когда наводишь на кнопку меняло цвет... Я вот не пойму мне нужно блок добавлять и добавить по верх него ссылку,или вставить как картинку?!
0 votes16 answers -
Можно ли сделать margin больше при большом разрешении ?
Проблема при разрешении 1024 блоки стоят по (им задан margin с левой стороны)центру но когда я увеличиваю масштаб то они становятся уже не по центру, можно ли сделать так чтобы когда увеличиваю разрешения margin с лева увеличивался ?
0 votes10 answers -
Проблема с IE7
Всем привет!! Помогите пожалуйста разобраться с IE7 Делаю верстку одного макета, код см. ниже, во всех браузерах кроме IE7 все выглядеть вроде нормально а в IE шапка вся на наперекосяк. У меня подозрение на haslayout но где куда не догадываюсь. И ище одна маленькая просьба обратить внимание на код! Что правильно что нет? Прошу сильно не ругать это моя первая работа мой первый макет! <!DOCTYPE html><html><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>Натуральный камень в Молдове, купить</title><link rel="stylesheet" type="text/css" href="css/reset.css"><link rel="stylesheet" type="text/css" hre…
0 votes3 answers -
Как сверстать такую таблицу
Нужно сверстать вот такую таблицу Почти сделал, однако не знаю как сделать так, чтобы соседние блоки прятались В общем вот: http://codepen.io/anon/pen/PqbNMo Как сделать так чтобы она автоматически пролистывалась?
0 votes4 answers -
Проблема с изображениями (Хром или видеоадаптер)
Добрый день! Не приходилось ли кому сталкиваться с проблемой, указанной на скриншоте. Кусок изображения располагается на странице, и перемещается вместе с ней. Проявляется не всегда, но встречалось уже на двух компьютерах в Хроме. Страница на сайте: http://www.balt-maximus.ru/stiralnye_mashiny/mashina_stiralnaya_beko_wkb_51031_ptms/
0 votes0 answers -
Реализация пойска на html сайте
Всем доброго времени суток. Есть сайт, состоящий из файлов с расширением html. Файлов много, по сути сайт представляет с собой большой каталог с товарами. Цель - реализовать поиск по данным товарам. Вот сам сайт - http://pkf-isana.ru/ У кого какие идей? Как можно реализовать данный функционал.
0 votes2 answers -
Позиционирование внутри слоя
Есть проблема в позиционировании внутри слоя. Есть картинка, которую нужно абсолютно отпозиционировать в слое. Картинки нужно разместить так, чтобы они прилипали к слою: одна - вверху влева за слоем, другая - внизу справа за слоем. С размещением первой проблем нет - все кроссобраузерно. Вторая в Explorer позиционируется от окна браузера, а не слоя. Как это решается? .mainbox{ position: relative; margin: 2px 205px 0 202px; background: #F8F8F8; border: 1px solid #F2F2F2; } img.fon_top{ position: absolute; top: -2px; left: -17px; } img.fon_bottom{ position: absolute; bottom: 0; right: -10px; } <div class="mainbox"> <img src="i/main_fon_top.jpg" wid…
0 votes2 answers -
Как организовать упорядочивание содержимого таблиц?
Я имею ввиду, как сделать так, чтобы порядок записей в таблице менялся, упорядочиваясь по одному из параметров по имени, дате и другим возможным данным таблицы так, чтобы не было необходимости создавать новую страницу для каждого вида упорядочивания данных?
0 votes2 answers -
Подскажите новичку, пожалуйста.
Здравствуйте. Недавно начал изучать: сначала HTML, затем CSS. Потом решил создать свой сайт, примерно вот как этот http://www.technoavia.ru Вроде бы все шло хорошо, но потом, когда попробовал открыть сайт при других разрешениях - ооооо, какой кошмар меня ожидал. Я так понимаю знаний HTML и CSS не хватает, чтобы сделать нормальный сайт. Подскажите пожалуйста, что мне нужно еще изучить, (и где), чтобы создавать сайты, такие как указано выше. Flash-анимацию и др. штучки применять не собираюсь. Заранее спасибо.
0 votes7 answers -
Расположить Два фрагмента текста в двух дивах
Как сделать так, что текст справа не заезжал под звезду, был отбит от звезды на 2em'a и звезда была бы выровнена по середине первой строки текста из правого див-а? <style> .blog_table{/*Holds all blog entries*/ width: 100%; } .blog_title{ font-size:1.5em; margin-right:1.5em; display:inline; } .blog_title_td{ padding-top:3em; padding-bottom:2em; } .small_text{ font-size:0.9em; display:inline; padding-right:2em; } .small_text { display:inline; font-size:0.9em; padding-right:2em; } a { color:#3E93CE; text-decoration:underline; } </style> <table> <tr class="blog_title_tr"><!--Title--> <td style="text-align: left;" class…
0 votes2 answers -
Слэш после login в адресе http://www.tumblr.com/login
Здравствуйте. Быть может, данный вопрос является весьма глупым, но меня он волнует давно. Вот есть страница http://www.tumblr.com/login, в данном случае после 'login' не стоит слэш, но у меня, когда я создаю на своем сайте точно такую же страницу, появляется слэш (например, http://domen.ru/login/'>http://domen.ru/login/ — стоит слэш после 'login'). Вопрос: с чем это может быть связано, это из-за настройки сервера? В принципе, что я хочу: мне нужно, чтобы после адреса http://domen.ru/login не стоял слэш, т.е. не хочу, чтобы было в таком виде: http://domen.ru/login/. Как это можно сделать? Просто порой некрасиво так выглядят адреса. P.S. Если что-то не понятно, не кидайт…
0 votes2 answers -
Кроссбраузерность.
Сверстал диз, когда верстал использовал хром. Когда все закончил решил просмотреть в разных браузерах (IE,Firefox). В IE и FireFox страница выглядит меньше по размеру. Верстка фиксированная 960px.В Хроме страница выглядит лучше.Можно ли сделать ка кто чтобы в IE,Firefox страница была как в Хроме? Вот CSS body{ margin: 0px; padding: 0px; } #container{margin: 0 auto; width: 960px; } А вот картинки: 1.Chrome 2.Firefox 3.IE Например: Сравните какой отступ у хром от границы браузера,и какой в Firefox'e и в IE
0 votes7 answers -
Кликабельная иконка справа сайта
Добрый день добрые люди. У меня появилась неприятная проблема. Мне нужно сделать справа сайта иконку для перехода на английскую версию сайта. Я использую следующий код: <a href="http://parohia.md/en/" align="right"><img src="http://parohia.md/en/wp-content/themes/biserica_WP/images/Romania.png" align="right" width="50" height="50" style="padding-top:10px; padding-right:10px"></a> Но из за того что я поставил картинке align="right" она становится некликабельной. Как только ставлю её в див она смещает сайт вниз (следующие дивы). <div align="right"> <a href="http://parohia.md/en/" align="right"><img src="http://www.saprgrazia.com/gb.png" w…
0 votes8 answers -
Размер шрифта
В последнее время встречаются psd макеты со следующими размерами шрифта: 2,88pt; 3,12pt; 3,6pt и т.д. Как их задавать в font-size? Ведь если так и писать, то реально получается еле видимый текст...
0 votes15 answers -
мобильная версия сайта
имеется сайт с дизайном на блоках. требуется создать мобильную версию (меню сверху и т.д.). сделал, как описано тут в примере 4.3 но мобильник отображает версию для десктопов, при том, что печать производится стиля для печати. p.s. обсуждение сайта тут
0 votes3 answers -
Проблема с версткой галереей
Вот так должно быть http://s43.radikal.ru/i099/1406/7b/5531893bd306.png вот так вот у меня http://s020.radikal.ru/i723/1406/6c/6c09ddb600aa.png вот сам код http://jsfiddle.net/5qAuh/ - правда он тут как то изображается странно, ну да ладно проблема в том, как сделать чтобы контейнеры box шли друг за другом и если не вмещаются в контейнер все ровно шли друг за другом, чтобы потом можно было с помощью jquery сдвигать влево и вправо. подскажите, может я туплю и не вижу элементарного?
0 votes12 answers -
файлы снипетов плагина emmet
Здравствуйте! Я работаю в дримвивере. Установил плагин emmet. Хочу изменить некоторые сниппеты под себя, а для этого нужен файл snippets.json, но я не могу его найти даже через поиск в проводнике... Подскажите пожалуйста, как до него добраться? Заранее спасибо!
0 votes4 answers -
Отображение полей при переходе
Экспериментировал над задачей и наткнулся на довольно странное явление: в примере, при переходе, правые полоски дольше держаться, а при появлении, быстрее отображаются. Если убрать фон (4 и/или 52 строчка CSS), то вроде переход и слева, и справа, происходит одинаково... Проверил в трёх браузерах и либо у меня конкретное косоглазие, либо браузеры работают по какому-то определённому алгоритму, который я не понимаю (ну либо в коде я что-то напортачил). Может кто разъяснит? Спасибо!
0 votes2 answers