PanSoul
-
Posts
136 -
Joined
-
Last visited
Content Type
Profiles
Forums
Calendar
Store
Everything posted by PanSoul
-
У input'а уберите padding и border и будет счастье. .input { width: 100%; padding: 0; border: none; background: #ccc;}Если вам нужны бордеры и паддинги, и при этом чтобы input также не вылазил за пределы родителя, то используйте свойство box-sizing.
-
Блин, парни, разве Google'ить уже запрещено?! Введите "Динамический select на js" и вам выдасть кучу решений. Вот, к примеру, один из неплохих вариантов http://www.tigir.com/javascript_select.htm
-
К сожалению, на чистом CSS без медиа запросов это сделать не получится. Можно, конечно, реализовать это через js.
-
Фактически, Вам нужно переназначить стили для уже имеющихся элементов - да, это делается через media queries.
-
@media print - попробуйте указать тут нужные стили. И покажите часть кода текса, лежащего в базе, пожалуйста.
-
Что понимается под "поля 50px" - маргины, паддингы, что это? Желательно пример-картинку как Вы это видете.
-
Что ж, помогу) Вот лови рабочий примерчик, если что-то будет "интересно-непонятно" - спрашивай <!DOCTYPE html> <html> <head> <title>Good luck</title> <style> .wrapper{ border:1px solid red; position:relative; min-height:400px; width:450px; } .b_right{ background:#ccc; width:300px; height:100%; overflow-y:scroll; position:absolute; /* т.к. основным блоком должен быть левый блок */ left:150px; top:0; } .b_left{ width:150px; min-height:100%; background:#ddd; min-height:400px; } </style> </head> <body> <div class="wrapper"> <div class='b_left'> All work! </div> <div class="b_right"> Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi. Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi. </div> </div> </body> </html>
-
ну такой дизайн, возможго, и был норм .... лет 8 назад, сейчас лишь видно в нём скучность и серость, а задний фон кирпичей вообще создаёт иллюзию какой-то камеры. Шрифт неудачно подобран - попробуйте без засечек и какого-нибудь другого цвета (но не чисто белого), оживите задний фон. Особо меня смущает расположение контента и фотографий в рубрике "Статьи" - их расположение создаёт иллюзию хоастического расположения, попробуйте сделать все фотографии одного размера и расположить их так, чтобы интуитивно понималось, что данная иллюстрация относиться к какой-либо статье, а не сама по себе. Попробуйте как-нибудь отделить(выделить) меню.. Ну это то, что особо встретилось мне при первом взгляде )
-
А можно код, а то так не совсем всё ясно..... Просим, просим код!
-
.searchfield{ padding:0; margin:0; }
-
Можно сделать и плавающими: 1ДИВ обёртывающий (ему делаешь фон, который повторяет фон той панели с меню), а внутри него уже меню и контент
-
Вы неправильно написали. У вас же 4 уровня вложенности - (1 урв)/section(2 урв)/creature(3 урв)/n1(4рв)/index1.html, а Вы написали путь только для поиска НА 4-ом уровне, для поиска на соответствующем уровне нужно было написать так ../../../../css/style.css. Это значит, что ..(поднимемся на 4урв)/..(на 3урв)/..(на 2-ой)/..(на 1урв, где и находится Ваша папка)/css/style.css Ну а проще всего вести путь относительно корня сайта - /css/style.css Большое спасибо, все работает А путь к картинкам в css у Вас какой?)) Пожалуйста
-
Вы неправильно написали. У вас же 4 уровня вложенности - (1 урв)/section(2 урв)/creature(3 урв)/n1(4рв)/index1.html, а Вы написали путь только для поиска НА 4-ом уровне, для поиска на соответствующем уровне нужно было написать так ../../../../css/style.css. Это значит, что ..(поднимемся на 4урв)/..(на 3урв)/..(на 2-ой)/..(на 1урв, где и находится Ваша папка)/css/style.css Ну а проще всего вести путь относительно корня сайта - /css/style.css
-
Так, скорее всего пост создан не в той теме. Скорее всего это для Флейма. А на счёт вопроса - спрашивают же - так вот, этот вид называется интернет-реклама! Конечно можно интерпретировать этот вопрос всяко, но по сути вопроса только что был дан ответ. И почему-то мне кажется, что автор хотел узнать совсем иное..?!P.S! Задавайте вопросы граммотно, чтобы было понятно с 1-го раза.
-
СПАМ
-
Я ответил тебе Вам в личке))
-
Если честно, то неудачный пример - т.к. Opera просто всеми своими силами отказывается воспринимать данный код (Попробуйте открыть данную страничку в Opera и поизменять высоту браузера - ой, что-то страшное будет...)
-
Есть лишние дивы, к примеру, зачем создавать div.main, если уже есть div.wrap_main? Конечно, с размерами этих блоков явно перенамудрили. .wrap_main { margin: 0 auto; min-width: 1003px; max-width: 1400px; min-height: 100%; overflow: hidden; } .main { height: 100%; overflow: hidden; position: relative; } Зачем так? В данном примере глупо и нерационально подключать стили к какому-то разрешению экрана - для этого и была придумана "резиновая" вёрстка. function styles() { if (screen.width==800) { document.getElementById('styles').href='css/alt_styles.css'; } } <h1> <a href="/">Brilliante</a> </h1> - Что это? Зачем это? Да ещё со ссылкой и ещё скрытый?! Я бы понял, если бы это был какой-нибудь заголовок в виде картинки, да и то без ссылки - только текст. Зачем в ul.menuT делать такой большой правый паддинг? Если Вы хотели прижать к бокам элементы, то вполне хватило float с соответствующим свойством (left/right), и тогда не пришлось бы мудрить с формой, делая её абсолютом... И это только начало...Ну и в общем, Вы явно потеряли соответствие шрифтов, пренебрегаете расстояниями между элементами (margin/padding)...О, а ещё у Вас нижний чёрный блок обрезается при уменьшении окна до появления скролла.
-
Если честно, то не совсем понял суть вопроса, но посмею предположить, что добавив в #hmenu{position:relative} всё станет норм (:
-
Я скорее всего понял, что необходимо этому господину. Возможно он имеет ввиду сверстанный шаблон (3-4 страники) валидный и всё такое, НО только не в сети, а архиве - чтобы можно было у себя на компе более "удобно" и "внимательно" просмотреть и изучить все нюансы этой "несомненно сложной" системы. А далее, возможно, господин пожелает узнать, а как же закинуть сайт в сеть(интернет)...и вот тут-то...будет ещё интересней
-
PanSoul, я могу вам с точностью до наоборот заявить, что ваш пример НЕ корректный, если исходить от данной задачи. Все зависит от постановки задачи, зачем усложнять то, что можно решить одной строчкой? ДавайТе, чтобы не подраться, обусловимся на том, что Наши примеры оба Некорректны или что оба Верны - предлагаю выбрать 2-ой вариант, ибо у Вас пример лучше всего подходит под решение задачи, где нужна 1 строчка, а мой пример - для n строчек Да и думаю для автора будет интересно узнать множество подходов и решений)
-
Не корректный пример - подходит для единичный случаев, когда заранее известно, что текста будет ТОЛЬКО на одну строчку. А есле заранее не известно каков размер текста, то Ваша вёрстка развалится. Для этих целей существует vertical-align, но т.к. он принимается только в ячейках и для выравнивания строчных элементов друг относительно друга, то...да-да, Вы уже наверно догадались - нужно сэмулировать ячейку, применив свойство display:table-cell. Вот пример <!DOCTYPE html> <html> <head> <title>eXample</title> <style> #catalog{ margin:20px; color: #718447; font-size: 19px; font-weight: normal; text-align:center; border:2px dashed gray; overflow:hidden; float:left; padding:10px; } #catalog div{ border:1px solid #e57714; display:table-cell; vertical-align:middle; width:221px; height:100px; } #price{ background:#ebebeb; } #contacts{ background:#c3c4c5; } </style> </head> <body> <div id="catalog" > <div id="uslugi">много-много-много текста, очень много</div> <div id="price">Стоимость</div> <div id="contacts">Контакты<br/>и другое</div> </div> </body> </html> P.S. К сожалению, данное свойство (table-cell) не понимает IE до 7 версии включительно. Но, не переживайте, есть ОДИН ВЕЛИКИЙ ПОСТ, который в своё время, наверно, все добавили к себе в избранное. И так, барабанная дробь, - вот, прошу проходите и радуйтесь ПОСТОМ
-
- что-то соврали!
-
Страницы!!! Страницы выложенные нужны!
-
Но там же невооруженным глазом видно, что фон не монотонный - он градиентен. Ну и конечно, трудно о чем-то спорить, если нет ссылок на файлики...
