HTML: <body> <table cellspacing="0" cellpadding="0" style="width:100%;height:100%;border-collapse:collapse;"> <tr style="height:24px;font-size:22px;"> <td colspan="3" style="word-spacing:100px;text-align:center;"> тут всякое разное </td> </tr> <tr> <td style="width:10%;border:3px solid #411b1b;vertical-align:center;"> тут тоже всякое разное </td> <td style="width:15%;border:3px solid #411b1b;vertical-align:top;"> <table cellspacing="0" cellpadding="0" style="width:100%;height:100%;"> <tr> <td> <div id="wordlist" style="height:100%;text-align:center;color:#411b1b;text-decoration:none;font-weight:bold;font-size:20px; overflow-y: scroll; overflow-x: hidden; "> </div> </td> там дальше опять всякое разное в блок wordlist динамически загружаются списки слов. проблема в том,что overflow-y:scroll игонрируется мозиллой.даже ие всё делает как надо,а тормозилла решила меня огорчить на сон грядущий( чоделоть,посаны?гугл не помог
Пытаюсь использовать на одном сервере HTML тег <base href="" ...> Но фишка в том, что он тупо фильтруется и не выводится. Я честно говоря в афиге с такого расклада... <bas href="" ...> выводится если что. Есть варианты как обойти?
Не могу разобраться: в дизайне используется шрифт с Google Fonts, при этом он там сжатый(condensed), а в верстке, как ни пытаюсь, не получается его ужать. Свойство font-stretch в хроме показывает предупреждение Invalid property value. Подозреваю, что шрифт не поддерживает такой формат, но в фотошопе тот же шрифт нормально трансформируется... upd Разобрался... Нашел тот же шрифт с приставкой Narrow
UPD: Разобрался, нужно было ПРОСТО убрать doctype помогите с растяжкой по высоте нужно чтобы блоки с текстом и сайдбаром (справа) растягивались по высоте в зависимости с количеством в ней информации. дело в том что сверстал дизайн думая что он будет статичен, а потом понадобилось его динамичным сделать, с изменяющимся контентом. пробывал так: взял текст и spidebar в отдельный блок со свойствами position:relative, а дочерним блокам наказал быть высотой в height:100% и position:absolute. но ничего не вышло: дизайн поплыл а блоки не растягивались.
Вопрос например у нас есть блок div ограниченный по длинне и ширине (на пример 300x300px).Вобщем есть ли возможность выйти за пределы этого блока ,вставив код внутрь блока(например отобразить картинку 400x400 без скрола. Для наглядности: <html> <body> <div style="width=300 height=300px" > Здесь наш код </div> </body> </html>
вопрос следующий нужно сделать так чтобы можно было вращать некий объект(пускай будет телефон мобильный) в 3D при помощи мышки - видел много таких примеров на flash и вот интересно, как реализовать такое на html5? заранее благодарен
Привет. Такой вопрос: Сайт на WordPress грузится частями. Сначала может появиться нижняя часть шаблона, потом все остальное. Выглядит довольно некрасиво. Как можно исправить?
Подскажите, как сделать такую страницу: Вверху менюбар на 48пх высотой Посередине какой-то блок с контентом С ПРОКРУТКОЙ Внизу еще один менюбар на 48пх высотой Пробовал через таблицу делать (три TR, три TD) и указать у верхней/нижней TD высоту, а у средней не указывать а задать table-layout:fixed. Но такую фишку воспринял только хром, т.к. браузер не может сделать прокрутку если не задана явная высота ячейки. Пробовал на трех дивах: основной див на 100% высоты страницы с table-layout:fixed, а два дива через position:absolute сунуть вверх и вниз, но тогда есессно прокрутка главного дива залезает ПОД эти менюшки. На фреймах делать не вариант, т.к. поисковики их сцук не воспринимают+много гемора Желательно все это без JS и всяких CSS-хаков...а то задолбался уже с этой черной магией Пока все что получилось - оно вот .
так? HTML: <!DOCTYPE html> <html> <head> <style> body { margin: 0; padding: 0; /* отключить прокрутку на всем окне */ overflow: hidden; } /* поскольку #top, #middle и #bottom имеют padding:0, margin:0 то устанавливать эти свойства надо во внутреннем div-e */ .inner { margin: 0; padding: 16px; } #top { font-weight: bold; color: red; text-align: center; background-color: #000; /* важное */ position: absolute; top: 0; height: 48px; width: 100%; margin: 0; padding: 0; border: 0; } #middle { background-color: #EFF; color: #284; font-size: 72px; font-family: monospace; /* важное */ overflow-y: scroll; position: absolute; bottom: 48px; top: 48px; width: 100%; margin: 0; padding: 0; border: 0; } #bottom { font-weight: bold; color: yellow; text-align: center; background-color: #000; /* важное */ position: absolute; bottom: 0; height: 48px; width: 100%; margin: 0; padding: 0; border: 0; } </style> <body> <div id="top"><div class="inner"> TOP </div> </div> <div id="middle"><div class="inner"> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam malesuada volutpat metus,<br> at tristique ligula faucibus sit amet. Mauris at erat in mi venenatis vestibulum id vitae dolor.<br> Suspendisse potenti. Donec in neque eget urna ultrices suscipit at sed velit.<br> Mauris sit amet purus libero, eget condimentum mauris.<br> orbi eros lectus, lobortis at cursus ac, varius ac turpis<br> Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos.<br> Nunc ac lectus urna. Integer at diam quis quam tempus accumsan in id est.<br> Sed sed eros in neque dapibus ultricies nec non urna.<br> Proin id turpis purus, iaculis facilisis neque.<br> Duis ac lacus sit amet est aliquam blandit.<br> Mauris ac tortor non urna consequat feugiat laoreet eget leo.<br> Pellentesque non vestibulum tortor. Aenean a nibh massa, id sodales odio.<br> </div> </div> <div id="bottom"><div class="inner"> BOTTOM </div> </div> </body> </html>
Есть код: Code: <html> <head> </head> <body> <h1 align="center">Текст текст текст</h1> <style> body {background:#484848} h1 {color:#fff} .title {background:#414141; width:538px; height:27px; color:#fff; font:11px Tahoma; border:1px solid #2d2d2d;} .mes {background:#323232; color:#fff; font:11px Tahoma; width:530px; border:1px solid #2d2d2d; border-top:1px solid #3a3a3a; min-height:105px;} .poster {float:left; margin: 4px;} .mes {padding:4px;} .detals {background: #323232; color:#fff; font:11px Tahoma; border:1px solid #2d2d2d; border-top:1px solid #3a3a3a; padding:4px; width:530px;} </style> <div class="title">$TITLE$</div> <div class="mesa"> <div class="poster"><img src="1.png"></div> <div class="mes">$MESSAGE$</div> <div class="detals"><b>Добавил:</b> $USERNAME$   <b>Дата:</b> $DATE$   <b>Категория:</b> $CATEGORY_NAME$   <b>Просмотров:</b> $READS$</div> </div> </body> </html> Мне нужно,чтобы div class="title", div class="detals" (при клике на $USERNAME$ , $CATEGORY_NAME$) ссылался куда либо.
$USERNAME$ - это код от козы ну и всё с $$ тоже. Они создают определённый буквы. Ну например в $USERNAME$ я был бы mav1. И вот чтобы эта ссылка кликалась
