Jump to content

santacruz

Newbie
  • Posts

    3
  • Joined

  • Last visited

Everything posted by santacruz

  1. Всем привет! На ровном месте возникла проблема. Хочу использовать http://www.google.com/webfonts Там всё просто и доходчиво описано как из подключать. С английскими шрифтами проблем нет вообще. Но кириллические (беру естественно из раздела кирилик) не подключаются ни в какую, ни так как ниже по простому, ни @import, ни яваскрипт. Пример ниже <h1> Bad Script отображается как дефолтый таймс, а <h2> как и задумывалось Exo. <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <link href='http://fonts.googleapis.com/css?family=Bad+Script|PT+Serif' rel='stylesheet' type='text/css'> <link href='http://fonts.googleapis.com/css?family=Exo:400,700|Open+Sans' rel='stylesheet'> <style> h1{ font-family: 'Bad Script', cursive; } h2{ font-family: exo;} </style> </head> <body> <h1>В чащах юга жил бы цитрус? Да, но фальшивый экземпляр!</h1> <h2>Grumpy wizards make toxic brew for the evil Queen and Jack.</h2> </body> </html> Есть идеи в чем может быть дело?
  2. С математикой у меня более или менее) Спасибо за помощь) Т.е. для вложеннго дива за 100% берется див родитель? И ещё возник вопрос по вашему коду. Зачем html прописывать высоту 100% в стилях? Почему высоты body не достаточно?
  3. Здравствуйте! Хочу вертикально выравнить таблицу (это может быть что то другое). Хочу это сделать таким образом. Сперва смещаю div на 50% вниз от body, затем поднимаю div на -50% от контента вверх и всё должно встать по центру и соответственно тянуться. По факту div дочка c контентом-таблицей берет -50% от body, а не от содержимого дива родителя. Можно конечно забить данные в пикселях, но очень хочется понять как оно в процентах. Пунктирные рамки добавил для наглядности. Заранее спасибо! <head> <style> body { width:100%; height:100%; margin:0px; padding:0px; } .sample td { margin:0px; padding:0px; height:50px; width:50px; background:black; color:white; </style> </head> <body> <div style="position:relative;height:100%;top:50%;border:red 2px dotted;"> <div style="position:relative;top:-50%;border:blue 2px dotted;"> <table> <tr class="sample"> <td>1.1</td> <td>1.2</td> </tr> <tr class="sample"> <td>2.1</td> <td>2.2</td> </tr> <tr class="sample"> <td>3.1</td> <td>3.2</td> </tr> <tr class="sample"> <td>4.1</td> <td>4.2</td> </tr> <tr class="sample"> <td>5.1</td> <td>5.2</td> </tr> </table> </div> </div> </body>
×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue. See more about our Guidelines and Privacy Policy