7ion
-
Posts
90 -
Joined
-
Last visited
Content Type
Profiles
Forums
Calendar
Store
Everything posted by 7ion
-
Принудительное overflow-x: scroll при overflow-y: hidden
7ion replied to 7ion's question in HTML Coding
del -
Здравствуйте. Такая проблема. В div находится еще один плавающий div и для того, чтобы он растягивал своего родителя, к родителю применено правило overflow-y: hidden. Дело в том, что почему-то без спроса div начинает вести себя как будто я еще прописал overflow-x: scroll. Прописывал жестко overflow-x: visible - безрезультатно. Вот без overflow-y: hidden. Вот с. Как убрать этот эффект? Мне нужно, чтобы текст просто уходил за границу, как на первом скриншоте, но в то же время мне надо растянуть элемент.
-
Как сделать горизонтальную полосу прокрутки, если таблица не влезает в ширину
7ion replied to 7ion's question in HTML Coding
Спасибо, получается div вел себя так из-за float: left. Получается, плавающий элемент пытается занять собой как можно больше места? Ведь если убрать width, но оставить float, то элемент уйдет вниз и развернется на всю ширину колонки. -
Как сделать горизонтальную полосу прокрутки, если таблица не влезает в ширину
7ion posted a question in HTML Coding
Здравствуйте. Такая проблема. Имеется - резиновая верстка и надобность сделать горизонтальную полосу прокрутки, если таблица не влезает в ширину. Не выходит. Обернул таблицу в div. overflow-x: scroll; желает работать только со строго заданным width. С max-width он тоже работает, но резиновым элемент от этого не становится. Вот эта благодать - http://pskov.izbirkom.ru/quantity.html table обернута в <div id="qty-table"></div> со стилем #qty-table { float: left; overflow-x: scroll; width: 600px; -width: 600px; } Вопрос - как же сделать резину? Спасибо. -
Это будет бумагомарательство и это будет долго. Сначала надо попробовать самим. Забить на современный браузер с долей 15-20% - никак нельзя, по ТЗ у меня все и в ИЕ6 работать должно. Ладно, раз никак, значит никак.
-
Great Rash Не вариант. Никак. Уже все перепробовал. sigma77 Ну, проблема в том, что сервер не у меня и файлы не у меня. У меня просто админка системы. Система одна на всю сотню регионов нашей необъятной и она одновременно обслуживает всю Россию. А мы - просто один из региональных сайтов, сидящих на этой системе. А ядро и конфиг (как я понял из разговоров с саппортом) - одни на все сайты.
-
Great Rash
-
Я-то об этом знаю, а вот разрабы cms - по ходу нет. И вы не поверите, работает вообще везде, кроме FF 8+. И мне нужно решение, чтоб работало
-
Такая специфическая проблема. Начиная с примерно 8 версии (тестировал на 3.6, 8, 10 - работает только на 3.6) Firefox отказывается воспринимать джаваскрипт, объявленный как <script language="JScript">. Тег <head> генерируется cms, изменить его содержимое невозможно, телефонный саппорт на предмет изменить сорцы cms вяло отмахнулся. Перейти на другой продукт тоже нельзя - госорганизация. <script language='JScript' SRC='etc/A403F41D-A824-4CF7-B72ECBEEBFDFD8CC.BODY' ></script> Так объявлено несколько js-файлов. Костыли типа <script type="text/javascript"> scripts = document.getElementsByTagName('head')[0].getElementsByTagName('script'); for (i=0; i < scripts.length; i++) { document.getElementsByTagName('head')[0].getElementsByTagName('script')[i].setAttribute('type', 'text/javascript'); document.getElementsByTagName('head')[0].getElementsByTagName('script')[i].removeAttribute('language'); } </script> <script type="text/javascript"> for (i=0;i<document.getElementsByTagName('head')[0].getElementsByTagName('script').length;i++) document.getElementsByTagName('head')[0].innerHTML = document.getElementsByTagName('head')[0].innerHTML.replace('language="JScript"', 'type="text/javascript"'); </script> не помогли, хотя второй по идее должен был стопроцентно отработать. Видимо, лиса не смотрит второй раз - изменилось ли объявление файла. При этом, хочу заметить, что сами файлы она тащит, просто не обрабатывает как JS. Помогите вариантом решения проблемы, у меня больше нет идей.
-
list-style:none - Она жирные точки убирает в начале каждой строки type: none; - мой бред в голове) В мультике эта пони чутка поумней Вам ненавязчиво намекнули, что вы видимо случайно сделали перенос строки, а потом машинально везде дописали none. Свойство убирающее сугубо "точки" это list-style-type - http://htmlbook.ru/css/list-style-type
-
Добавьте заголовок с кодировкой. Все должно заработать верно. mail('admin@localhost', 'Subject', 'Body', "Content-type: text/plain; charset=utf-8\r\n");или text/html, если письмо содержит html-разметку.
-
Печально, но проблема все-таки не решена. Теперь проблема со всеми Операми Мини 3.2 и ниже. Эти Оперы просто никак не хотят воспринимать position отличный от static, и они просто сбрасывают все позиционированные элементы вниз страницы. Пофиг на ссылку с position:absolute; на весь div - она падает внизу просто линией и ладно. Но элементы с классом .z { position: relative; z-index: 2; } тоже падают вниз. И в итоге ссылки внизу. Надо либо по-другому переверстывать, либо есть ли какой-то способ спозиционировать элемент выше z-index:1, оставив при этом position: static? Вот как сверстано сейчас (чтоб не утруждать всех просмотром темы): <div class="thread hand"> <a class="glad" href="ссылка"></a> <a href="ссылка"> <div class="thumb z" style="background-image: url('ссылка');"></div> </a> <a class="z" href="ссылка">Название темы</a> [999] <a class="z" href="ссылка">»</a><br /> <small>Первое сообщение темы</small> </div> <hr class="nomarg" /> hr { border-style: solid none none none; border-width: 1px; clear: both; } hr.nomarg { margin: 0; } small { font-size: 0.8em; max-width: 100%; } .thread { padding: 10px; } .hand { overflow: hidden; } .thumb { float: left; margin: 5px; margin-right: 15px; width: 64px; height: 64px; background-position: 50% 50%; background-repeat: no-repeat; } a.glad { position:absolute; width:100%; height:100%; top:0; left: 0; z-index: 1; } .z { position: relative; z-index: 2; }
-
Совсем забыл написать о том, что к текстовым ссылкам и диву с картинкой мне пришлось применить класс .z .z { position: relative; z-index: 2; } т.к. ссылка с z-index:1; перекрывает всю область, не давая нажимать то, что под ней.
-
sammasati Спасибо огромное! Изящное решение, не нарушающее стандарты и работающее абсолютно везде. Вы очень меня выручили. Switch74 Вы не поняли мою проблему, я просто писал что глюк проявляется при попытке открыть страницу в новой вкладке
-
Здравствуйте. Задача сверстать это: Необходимо: Картинка и название темы, а также кавычка-елочка кликабельны и ведут по ссылкам. Вся остальная область также кликабельна и ведет туда же, куда ведет название темы. Как я сверстал: <div class="thread hand" onclick="window.location='http://абсолютная_ссылка_на_тему_с_адресом_сайта'"> <a href="ссылка_на_картинку"><div class="thumb" style="background-image: url('ссылка_на_превью');"></div></a> <a href="просто_ссылка_на_тему_без_адреса_сайта_но_от_его_корня">$4</a> [9999] <a href="просто_ссылка_на_тему_без_адреса_сайта_но_от_его_корня#end">»</a><br /> <small>Первое сообщение темы</small> </div> <hr class="nomarg" /> hr { border-style: solid none none none; border-width: 1px; clear: both; } hr.nomarg { margin: 0; } small { font-size: 0.8em; max-width: 100%; } .thread { padding: 10px; } .hand { cursor: pointer; overflow: hidden; } .thumb { float: left; margin: 5px; margin-right: 15px; width: 64px; height: 64px; background-position: 50% 50%; background-repeat: no-repeat; } Цвета не пишу, они в отдельном css-файле и значения не имеют. Также стоит отметить, что на сайте кроме ссылок от корня кое-где используются относительные ссылки, которые отсчитываются от тега base. Моя проблема: Сайт верстается для телефонов. Несмотря на то, что Opera Mini и Opera Mobile в теории поддерживают window.location, - на практике эта поддержка... Короче говоря, может бросить на выбор: либо обратно на список тем, либо вообще в случайную тему, либо все-таки туда куда надо. И все это только при попытке открыть страницу в новой вкладке. Сначала я погрешил на ссылку от корня. Решил написать ее с адресом сайта, чтоб наверняка. Ну может нужен Опере такой костыль. Никакой разницы. По-прежнему происходит черте что. Поэтому вопрос: как сверстать необходимый мне шаблон без использования window.location? Шаманил с ссылкой с параметром position: absolute, но ее не ограничить родителем. Пытался использоваться вместо div тег a с display:block - так внутри ссылки нельзя размещать другие ссылки, браузеры при виде следующей ссылки предыдущую сразу закрывают. Обернуть div в a, как я сделал с картинкой - только частичный выход из положения, некликабельным остается текст в теге <small>, т.е. приходится целиться между строчек, но это как раз единственный рабочий способ на мобильных Операх, причем там можно целиться куда угодно. Если совместить оборачивание div в a и div onclick, то приоритет имеет, конечно, onclick и выходом это тоже не является.
-
А как убрать этот эффект? Подскажите, пожалуйста.
-
Это я знаю. Существенно. <!DOCTYPE html PUBLIC "-//WAPFORUM//DTD XHTML Mobile 1.0//EN" "http://www.wapforum.org/DTD/xhtml-mobile10.dtd"> <small>Я текст<br /Я текст<br /Я текст<br /Я текст<br /Я текст<br /Я текст<br /Я текст<br /Я текст<br /Я текст<br /Я текст<br /Я текст<br /Я текст<br /></small> <small>Я текст<br /Я текст<br /Я текст<br /Я текст<br /Я текст<br /Я текст<br /Я текст<br /Я текст<br /Я текст<br /Я текст<br /Я текст<br /Я текст<br /></small> Сравните. В первом случае line-height: 1,5; и меньше сделать невозможно. Как убрать этот эффект? Сайт верстается под телефоны и поэтому этот доктайп необходим.
-
Как с этим бороться? Большие значения - ставятся, а меньше 1,5 - игнорируются.
-
Мелкая придирка - в input type="text" у newsletters, если ввести длинное слово буквы заезжают поверх скругления и дальше.
-
2 fan У меня указан сервис-пак браузера, а не операционки. Какой у тебя сервис-пак на ие6?
-
Так и делается. Э? Из-за position:absolute; left не будет влиять на подвал, подвал перекроет столбец и сам left уйдет за низ страницы. Кроме того, left:-230px; здесь ни к чему, если так. Так неужели нет способа побороть это в ИЕ6?
-
Вот здесь - http://pskov.izbirkom.ru/way/960266.html (макет на живом сайте) - здесь блок улетает во всех ИЕ вниз. Не могу понять почему.
-
Сайт состоит из блоков header, main, footer. Без clear:both; их друг на друга не поставишь, тем более в ИЕ6. Пример схематичен. #main, #footer, #header, #topnav, #center { max-width: 1255px; min-width: 777px; } http://sie-club.ru/design/ Вот макет, не первой свежести, т.к. много правок (чертов ИЕ6) вносилось прямо в офисе заказчика уже в шаблонах CMS после переноса макета. Зачем? overflow:hidden есть у main. Это, кстати, камень преткновения: без него разваливается верстка, а с ним даже если бы блок не улетал - он бы обрезался. В принципе, это не критично, что обрезается; - в случае чего хорошо бы в center появлялась полоса прокрутки. Но overflow-y IE не понимает.
-
Получил свинью оттуда, откуда не ожидал. Знал, что у заказчика везде ИЕ6 и надо стараться делать под него. На ИЕ6 SP1 Win2K все как по маслу. На ИЕ6 SP3 WinXP - Операция прервана при использовании border-raduis.htc Что делать?! Как бороться? Рисовать скругленные углы самому в 2011 году?
-
Есть: #main { overflow: hidden; padding:0 10px; margin:0 auto; clear: both; } #left { width: 230px; float:left; } #center { background-color: #fff; margin-left: 230px; } <div id="main"> <div id="left"></div> <div id="center"></div> </div> Содержимое center улетает вниз на высоту блока left, если ширина содержимого center больше ширины center или экрана монитора. Что делать? Необходимо, чтобы просто появлялась горизонтальная полоса прокрутки.