NikNak
-
Posts
21 -
Joined
-
Last visited
NikNak's Achievements
Explorer (1/14)
0
Reputation
-
Спасибо огромнейшее :yahoo: А можно поподробнее написать что не так я сделал? Давно не занимался уже подзабыл что к чему
-
Да, но проблема осталась... Два нижних слоя при увеличении контента не увеличиваются в длину.
-
BODY { text-align: center; /* Выравнивание блока по центру */ margin-top: 0; } A IMG { border: none; /* Убираем границу */ } .os { background: url(images/fon.png) repeat-x right top; margin: auto; /* Отступы вокруг блока */ width: 900px; /* Ширина блока */ background-color: #fff; -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.2), inset 0 0 50px rgba(0, 0, 0, 0.1); -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.2), inset 0 0 50px rgba(0, 0, 0, 0.1); box-shadow: 0 0 12px rgba(0, 0, 0, 0.2), inset 0 0 50px rgba(0, 0, 0, 0.1); } .vl { margin: auto; width: 98%; /* Ширина блока */ height: 100%; background: white; /* Цвет фона */ border: -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; box-shadow: 2px 2px 4px #888; } #leftcol { /* Левая колонка*/ width: 625px; /* Ширина слоя */ float: left; /* Состыковка с соседним слоем */ background: #ffC; /* Цвет фона левой колонки */ margin-left: 11px; margin-top: 13px; } #rightcol { /* Правая колонка*/ width: 240px; ~background: #e0e0e0; /* Цвет фона правой колонки */ float: right; margin: 3px; } .ava { ~background: url(images/NikNak.jpg); margin: 10px; /* Отступы вокруг блока */ width: 220px; /* Ширина блока */ } .card { margin: 10px; /* Отступы вокруг блока */ width: 220px; height: 150px; -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.2), inset 0 0 50px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.2), inset 0 0 50px rgba(0, 0, 0, 0.1); box-shadow: 0 0 12px rgba(0, 0, 0, 0.2), inset 0 0 50px rgba(0, 0, 0, 0.1); } <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <meta http-equiv="http://www.fcwindow.tu2.ru" content="text/html; charset=windows-1251"> <meta name="generator" content=""> <title></title> </head> <link rel="stylesheet" type="text/css" href="text.css"> <link rel="stylesheet" type="text/css" href="http://www.fc-window.tu2.ru"> <body> <div class="os"> <img src="images/shapka.png"> <div class="vl"> <div id="leftcol"> </div> <div id="rightcol"> <div class="ava"><img src="images/NikNak.jpg" width="220px" height=""></div> <div class="card"> <table> <tr> <td width="98px" height="98px" bgcolor="" align="center"><img src="images/man.png"></td> <td width="20px" height="98px"></td> <td width="20px" height="98px" bgcolor="fff"></td> <td width="20px" height="98px"></td> <td width="20px" height="98px" bgcolor="fff"></td> </tr> </table> </div> </div> </div> <div style="clear: right">...</div> </div> </body> </html> А вот так должно выглядеть http://picture-host.ru/v.php?id=d525e174fb737dfad34396fcbc218e38
-
у меня макет страницы емеет следующий вид: в первый главный слой вложен второй слой в котором находится ещё два слоя колонки. так вот когда размещаешь текст в колонках большого объёма колонки увеличиваются в длину, а вот первые два слоя нет. длину им фиксированную не задавал. фиксирована только ширина и слой выровнен по центру. в чём проблема подскажите пожалуйста, а то неделю бьюсь над задачей
-
имеется в виду яндекс браузер имя которому интернет да я это заметил когда статью уже выложил... теперь трабл в другом. эти настройки не применяются если не указана высота слоя. но если указать в процентном соотношении высоту, то слой не растягивается вниз именно в сафари и хроме. пропадает резиновая функция... что делать
-
возможно не там создал первую тему, но вот на неё ссылка: http://forum.htmlbook.ru/index.php?showtopic=39857 заранее спасибо!!!
-
Это черновой вариант страницы для теста использования закругления углов средствами CSS. Интересно то, что при первом просмотре всё работало, но потом перестало просто отображаться в хром и яндекс интернет. Как оказалось также не работает и в сафари. Думаю что-то я не так ввёл а теперь не могу разобраться где накосячил. К стати если выложите как можно упростить данный код буду так же признателен. BODY { text-align: center; /* Выравнивание блока по центру */ margin-top: 0; } A IMG { border: none; /* Убираем границу */ } .os { background: url(images/fon.png) repeat-x right top; margin: auto; /* Отступы вокруг блока */ width: 800px; /* Ширина блока */ background-color: #fff; -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.2), inset 0 0 50px rgba(0, 0, 0, 0.1); -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.2), inset 0 0 50px rgba(0, 0, 0, 0.1); box-shadow: 0 0 12px rgba(0, 0, 0, 0.2), inset 0 0 50px rgba(0, 0, 0, 0.1); } .vl { margin: auto; width: 98%; /* Ширина блока */ background: #808080; /* Цвет фона */ -moz-border-radius: 10px; /* Для Firefox 3 */ -webkit-border-radius: 10px; /* Для Safari 4 и Chrome */ border-radius: 10px; /* Для современных браузеров */ } #leftcol { /* Левая колонка*/ width: 530px; /* Ширина слоя */ float: left; /* Состыковка с соседним слоем */ background: #fff; /* Цвет фона левой колонки */ margin-left: 5px; margin-top: 13px; } #rightcol { /* Правая колонка*/ width: 240px; ~background: #e0e0e0; /* Цвет фона правой колонки */ float: right; margin: 3px; } .ava { ~background: url(images/NikNak.jpg); margin: 10px; /* Отступы вокруг блока */ width: 220px; /* Ширина блока */ } card { margin: 10px; /* Отступы вокруг блока */ width: 220px; height: 150px; -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.2), inset 0 0 50px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.2), inset 0 0 50px rgba(0, 0, 0, 0.1); box-shadow: 0 0 12px rgba(0, 0, 0, 0.2), inset 0 0 50px rgba(0, 0, 0, 0.1); }
-
Да, игра очень прикольная особенно если Вы любитель шутеров и ContrStrike. Так что советую
-
Да перечитывать по новой надо... Давненько уже так не занимался дизом сайтиков. Всю ночь играл, а потом сел делать и 4 часа просто в пустую. То там ошибка, то там... Вобщем обратно учится надо. Помню авторы данного сайтика хотели сделать ещё такой же про PHP. Не в курсе они сделали или нет?
-
Для такого дела наберём У меня всё работает!!! теперь так здорово и голова больше не болит Не смотря на то что всю ночь не спал!!! А не подскажете будет ли это работать если эти стили запихнуть в отдельный text.css файл и указать к нему путь?
-
Обязательно кину ссылочку на сайтик в личку как доделаю А так это сайтик для моего клана BrooklynSaints в онлайн игре Point Blank. Уж стрелять-то хоть научился, а вот вёрстку надо штудировать!!!
-
Ой!!! Спасибо большое!!! Даже ОГРОМНОЕ при ОГРОМНОЕ Сейчас пойду тестить Мне ент дело в табличку ставить. Оно ведь безразници куда вставлять А на ослика мне плевать хотя и жалко занудку
-
Да для каждой кнопки будет отдельное изображение. Учитывая что на одно изображение требуется 2 картинки, то для 3 кнопок 6 картинок, а для 10 кнопок 20 картинок. Но картинки я нарисовал, а вот как заставить работать всё это ума не приложу
-
Доброго времени суток Всем!!! У меня проблема стала с активной кнопкой которую делал через компонент -=rollover=-. Делаю сайт для своего клана и хотел сделать красивые кнопки при наведении на которуе стандартное изображение меняется на новое. Делал вот так: A.rollover { background: url(gun.png); /* Путь к файлу с исходным рисунком */ display: block; /* Рисунок как блочный элемент */ width: 90px; /* Ширина рисунка */ height: 301px; /* Высота рисунка */ } A.rollover:hover { background: url(gun01.png); /* Путь к файлу с заменяемым рисунком */ } Всё конечно получилось и кнопочка работает. Но трабл заключается в том, что мне нужно сделать таких кнопок 10 штук (ну или хотя бы 3 обязательно). И как сделать это с таким комопонентом даже ума не приложу. Пробовал даже запихнуть как отдельный стиль и указав путь к нему всё равно ни чего не сработало. Помогите пожалуйста. Может что другое использовать и если есть код то покажите ПОЖАЛУЙСТА. Из-за этих кнопок у меня дизайн получается не использованный.
-
Проблема в том, что в нашем любимом всеми IE появились отступы между слоями в которых расположенны картинки. Это граници. Вот в опере всё нормально, а ослик брыкается Может оно конечно и все такими были В таблице это конечно раз плюнуть... В ней всё хорошо получается... Но очень хочется в слоях... Так мне больше нравитсья и удобнее разбираться что, где? margin, padding и даже border обнулял... Не помогает... Если что вспомните пишете!!! Буду оч признателен