F315
-
Posts
23 -
Joined
-
Last visited
Content Type
Profiles
Forums
Calendar
Store
Everything posted by F315
-
это не я через ajax подгружаю, а less способ подключения стандартный <link rel="stylesheet/less" type="text/css" href="test_style.less"> <script type="text/javascript" src="js/less.js"></script>
-
да, похоже это единственное "кроссбраузерное" решение( можно еще запускать хром с ключом chrome.exe -allow-file-access-from-files, но для оперы и ие снова костыли нужны будут
-
Добрый день! Осваиваю сейчас less и столкнулась с проблемой - только мозила корректно отображает страничку, остальные браузеры отображают без стилей. Они вообще не видят стилевые файлы с расширением .less Проверила настройки js в браузерах -включены. Да и другие скрипты нормально работают. Хром выдает ошибку: XMLHttpRequest cannot load file:///Web/TEST/test_style.less. Cross origin requests are only supported for HTTP. less.js:8Uncaught Error: NETWORK_ERR: XMLHttpRequest Exception 101 Как можно решить эту проблему?
-
Отображение дочернего элемента поверх родителя со свойством overflow:auto
F315 replied to F315's question in HTML Coding
ситуация такая, есть множество элементов(что-то вроде меню), которые помещены в блок с overflow:auto при наведении на каждый элемент появляется popUp менюшка вот она то родимая и зарезается внешним блоком что ж, придется тогда скрипты прикручивать :-( -
Отображение дочернего элемента поверх родителя со свойством overflow:auto
F315 replied to F315's question in HTML Coding
так вроде в примере видно, что дочерний элемент position:absolute и z-index:300, а родитель position:relative и z-index:1 или вы что-то иное имели ввиду? -
Отображение дочернего элемента поверх родителя со свойством overflow:auto
F315 posted a question in HTML Coding
Форумчане, добрый день! Возник вопрос, возможно ли сделать так, чтобы дочерний элемент отображался поверх родителя, у которого стоит свойство overflow:auto? z-index соответственно не работает должным образом из-за overflow, который обязателен пример здесь http://jsfiddle.net/F315/Mgm8F/2/ Такая тема уже поднималась на форуме, но во мне еще теплится надежда, что все-таки есть решение, кроме увеличения размеров родительского элемента. Спасибо. -
не, проверяла W3C-валидатором (не плагином мозилы) он ловит ошибку <div><div/> но не видит <div/>
-
приходит в голову только тупой способ - прогнать через валидатор с доктайпом HTML 4.01 но это, если не лень разгребать кучу псевдоошибок
-
такие ошибки W3C ловит и с XHTML 1.0 Transitional, и с XHTML 1.0 Strict не поленилась, проверила только что (остальные доктайпы просто не чекала)
-
спасибо за ссылку отличная статья!
-
по-моему, встроенный валидатор не все ловит, использую только для проверки на скорую руку лучше юзать валидаторы W3C http://validator.w3.org/ - для html http://jigsaw.w3.org/css-validator/ - для css
-
прописала стили прямо в твоем сайте - все работает съезжают правда правые блоки, но это потому что их суммарная ширина больше 1024px. Поэтому, они перемещаются вниз, когда перестают помещаться по ширине.
-
Нужно блоку wrapper назначить min-width:1024px и max-width:1088px; <!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> <title>test</title> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> <link rel="stylesheet" type="text/css" href="css/style.css"/> <!--[if lte IE 7]> </style> <![endif]--> <style type="text/css"> body, html{ height:100%; } body{ margin:0; background-color: red; } .wrapper{ background-color: green; height:100%; min-width:1024px; max-width:1088px; margin:0 auto; } </style> </head> <body> <div class="wrapper"></div> </body> </html>
-
Psywalker , спасибо!!! Я поняла, в чем фишка. Такой спан растягивается по ширине максимального слова, т.е. до первого пробела. Поэтому у меня и умещалась строка, шириною 100px, а дальше переносилась на пробеле. А у тебя есть очень длинное слово "fssggddddddddddddddddddddddddddgggggggggggggggdfss" Добавила свойство white-space: nowrap Все заработало .minWidth{ display: inline-block; min-width:100px; height:100px; background-color:red; white-space: nowrap; }
-
выложи, пожалуйста, свой код не могу у себя найти ошибку
-
так красный span у тебя не растягивается по содержимому, как и у меня впрочем, если ячейке установить фиксированную ширину
-
так span же инлайн элемент если убрать высоту, то поле вывода (сделанное span) в пустом виде не будет отображаться попробовала заменить span на div и прописать ширину td 1% - результат тот же http://savepic.net/1880926.jpg <table> <tr> <td style="border: 2px solid green; width:1%;"> <div class="minWidth"></div> </td> <td style="border: 2px solid blue;"> <div class="">Браузеры и стандарты. Вечная погоня. Из-за несоответствий стандартам, из-за разных способов рендеринга страниц большая часть времени веб-дизайнера уходит на то, чтобы загладить эти несоответствия (использовать хаки). В итоге, вместо эффективной работы, дизайнер вступает в противоестественные отношения с браузерами, теряя драгоценное время. </div> </td> </tr> </table> я так для быстроты и наглядности пишу :-) в реальном проекте все стили выносятся в отдельные файлы
-
эмм, да может не то делаю <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>min-width</title> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> <link rel="stylesheet" type="text/css" href="css/reset.css"/> <link rel="stylesheet" type="text/css" href="css/style.css"/> <!--[if lte IE 7]> </style> <![endif]--> <style type="text/css"> .minWidth{ display: inline-block; min-width:100px; height:100px; background-color:red; } table{ width:100%; border: 1px solid green; } </style> </head> <body> <table> <tr> <td style="border: 2px solid green; width:100px;"> <span class="minWidth">Браузеры и стандарты. Вечная погоня. Из-за несоответствий стандартам, из-за разных способов рендеринга страниц большая часть времени веб-дизайнера уходит на то, чтобы загладить эти несоответствия (использовать хаки). В итоге, вместо эффективной работы, дизайнер вступает в противоестественные отношения с браузерами, теряя драгоценное время.</span> </td> <td style="border: 2px solid blue;"> <span class="">Браузеры и стандарты. Вечная погоня. Из-за несоответствий стандартам, из-за разных способов рендеринга страниц большая часть времени веб-дизайнера уходит на то, чтобы загладить эти несоответствия (использовать хаки). В итоге, вместо эффективной работы, дизайнер вступает в противоестественные отношения с браузерами, теряя драгоценное время. </span> </td> </tr> </body> </html> вот скрин в ИЕ7: http://savepic.ru/3002995.jpg
-
той в которой резиновый спан, нельзя перестает тянуться
-
Добрый день! Задача такая: сверстать пустые поля для вывода информации. В дальнейшем они должны растягиваться по содержимому (по ширине). Верстка табличная. <!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> <title>min-width</title> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> <link rel="stylesheet" type="text/css" href="css/reset.css"/> <link rel="stylesheet" type="text/css" href="css/style.css"/> <!--[if lte IE 7]> </style> <![endif]--> <style type="text/css"> .minWidth{ display: inline-block; min-width:100px; height:100px; background-color:red; } table{ width:100%; border: 1px solid green; } </style> </head> <body> <table> <tr> <td style="border: 2px solid green;"> <span class="minWidth"></span> </td> <td style="border: 2px solid blue;"> <span class="">Браузеры и стандарты. Вечная погоня. Из-за несоответствий стандартам, из-за разных способов рендеринга страниц большая часть времени веб-дизайнера уходит на то, чтобы загладить эти несоответствия (использовать хаки). В итоге, вместо эффективной работы, дизайнер вступает в противоестественные отношения с браузерами, теряя драгоценное время. </span> </td> </tr> </body> </html> Проблемав том, что в ИЕ7 на пустой span c min-width наезжает соседняя ячейка. Вот как выглядит в мозиле: http://savepic.ru/2985594.jpg Это в ИЕ7: http://savepic.ru/2987642.jpg Помогите решить задачку, плиз.
-
Если я правильно поняла задачу, то нужно сделать резиновой центральную часть кнопки, где будет располагаться ее наименование. Это можно сделать либо через назначение элементам display:inline-block или float. Тогда ширина элемента будет растягиваться по содержимому. Что-то вроде этого: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <title>Кнопка</title> <style type="text/css"> div.wr{ display:inline-block; } span{ display:inline-block; background:red; height:50px; line-height:50px; vertical-align: middle; } .left, .right{ width:20px; vertical-align: middle; } </style> </head> <body> <div class="wr"> <span class="left"></span><span>Подарить</span><span class="right"></span> </div> </body> </html>
-
спасибо огромное! два дня билась над этим как раз переопределяла стили для вложенных таблиц через !important, но это не вариант, потому что работаю с фреймворком jsf, а там вложенность таблиц может достигать пяти и больше
-
Добрый день! Столкнулась с такой проблемой: есть таблица с другой вложенной таблицей. Нужно применить стили ко всем первым ячейкам только внешней таблицы. Конструкция table tr>td:first-child применяет стили и первым ячейкам и внешней, и внутренней таблицы. Конструкция table>tr>td:first-child - не работает Например (нужно применить синий фон только первой ячейке внешней таблицы): <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <title>Шаблон Html</title> <style type="text/css"> table { border-collapse: collapse; width:100%; } table td{ border:solid 1px red; padding:10px; } div{ width:200px; height:100px; background:green; } .table1 tr>td:first-child{ /*синий фон для первой ячейки*/ background:blue; } </style> </head> <body> <table class="table1"> <tr> <td> <div></div> </td> <td> <table> <tr> <td> <div></div> </td> <td> <div></div> </td> </tr> </table> </td> </tr> </table> </body> </html> В результате синий фон у первых ячееек всех таблиц. Таблиц много, поэтому прописывать каждой первой ячейке класс очень муторно. Может есть какие варианты кроме этого?