santacruz
-
Posts
3 -
Joined
-
Last visited
santacruz's Achievements
Explorer (1/14)
0
Reputation
-
Всем привет! На ровном месте возникла проблема. Хочу использовать 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> Есть идеи в чем может быть дело?
-
Вертикальное выравнивание div в процентах от родителя. Нужна помощь.
santacruz replied to santacruz's question in HTML Coding
С математикой у меня более или менее) Спасибо за помощь) Т.е. для вложеннго дива за 100% берется див родитель? И ещё возник вопрос по вашему коду. Зачем html прописывать высоту 100% в стилях? Почему высоты body не достаточно? -
Вертикальное выравнивание div в процентах от родителя. Нужна помощь.
santacruz posted a question in HTML Coding
Здравствуйте! Хочу вертикально выравнить таблицу (это может быть что то другое). Хочу это сделать таким образом. Сперва смещаю 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>