ruvi
-
Posts
11 -
Joined
-
Last visited
ruvi's Achievements
Explorer (1/14)
0
Reputation
-
вертикальные вкладки, в которых текст перевёрнут под 90 градусов
ruvi replied to ruvi's question in HTML Coding
спасибо! -
вертикальные вкладки, в которых текст перевёрнут под 90 градусов
ruvi posted a question in HTML Coding
Здравствуйте! Подскажите ,пожалуйста, как можно сделать такое http://prntscr.com/71qpms ? 1) в табках текст должен быть перевёрнут на 90 градусов 2) текст может меняться (был tab1 , потом стал tab22222222222222) 3) табки должны иметь каждая свой размер, в зависимости от текста в ней. вариант сделать текст картинкой не подходит. !!!!!! поддержка IE8+ !!!!!! -
большое спасибо npofopr, spdif, SelenIT ! Очень помогло : Вдобавок http://habrahabr.ru/...36622/#surprise (конкретно про этот случай). По спецификации, «желаемая ширина» флоата рассчитывается по контенту, размещенному в одну строку везде, где только можно. Но вот включать ли в эту ширину вложенные флоаты или нет — браузеры расходятся во мнениях. Fx и Вебкит/Блинк впихивают вложенный флоат в уже рассчитанный внешний, отчего текст перестает вмещаться и переносится, IE и старая Опера (на Престо) добавляют ширину флоата к контейнеру, текст при этом не переносится. Насколько я понимаю спецификацию, ее букве и духу лучше отвечает поведение IE (как ни странно), а поведение Fx и хромиумов является багом.
-
Здравствуйте! Код: <div class="frame"> <div class="float-block"> <div class="image"></div> <div class="holder">Красивое нарядное платье «Снежанна»</div> </div></div>.frame{ overflow:hidden; height:1%; margin:0 0 30px;}.float-block{ float:left; padding:20px; background-color:red; margin:;}.float-block .image{ float:left; background-color:blue; width:30px; height:30px; margin:0 10px 0 0;}.float-block .holder{ display:block; overflow:hidden; height:1%;}http://prntscr.com/23m7ge Почему «Снежанна» падает вниз , а не растягивает красный блок? Как флотнутый блок высчитывает свой размер?
-
сгащт - это хорошо, но с font-squirrel проще.
-
Подскажите, пожалуйста , как удалить авторские права у шрифта ? Что б его можно было генерировать на font-squirrel.
-
спасибо. проблему решил.Просто плохо сначала сгенерились
-
в ie 7,8 не отображаются шрифты добавленые через @font-face @font-face { font-family: 'Conv_PFDinTextCompPro-Italic'; src: url('../fonts/PFDinTextCompPro-Italic.eot'); src: local('?'), url('../fonts/PFDinTextCompPro-Italic.woff') format('woff'), url('../fonts/PFDinTextCompPro-Italic.svg') format('svg'), url('../fonts/PFDinTextCompPro-Italic.ttf') format('truetype'); font-weight: normal; font-style: normal; } Подскажите пожалуйста в чём может быть проблема.
-
Проблему решил. Надо было сохранить файл в utf-8 без BOM.
-
Проблему решил. Надо было сохранить файл в utf-8 без BOM.
-
Подскажите ,пожалуйста, почему в ie6 не появляется фон и рамка? <!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="en" lang="en"> <head> <meta http-equiv="content-type" content="text/html; charset=utf-8" /> <link rel="stylesheet" href="css/style.css" type="text/css"/> <title>ФОРМА</title> <style type="text/css"> #ya{ width: 300px; height: 300px; border: 4px solid #cc0000; background-color: #cc0000; } </style> </head> <body> <div id="ya">cccc</div> </body> </html> В ОПЕРЕ И ФФ всё нормально.