Jump to content

NikNak

Newbie
  • Posts

    21
  • Joined

  • Last visited

Everything posted by NikNak

  1. Спасибо огромнейшее :yahoo: А можно поподробнее написать что не так я сделал? Давно не занимался уже подзабыл что к чему
  2. Да, но проблема осталась... Два нижних слоя при увеличении контента не увеличиваются в длину.
  3. 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
  4. у меня макет страницы емеет следующий вид: в первый главный слой вложен второй слой в котором находится ещё два слоя колонки. так вот когда размещаешь текст в колонках большого объёма колонки увеличиваются в длину, а вот первые два слоя нет. длину им фиксированную не задавал. фиксирована только ширина и слой выровнен по центру. в чём проблема подскажите пожалуйста, а то неделю бьюсь над задачей
  5. имеется в виду яндекс браузер имя которому интернет да я это заметил когда статью уже выложил... теперь трабл в другом. эти настройки не применяются если не указана высота слоя. но если указать в процентном соотношении высоту, то слой не растягивается вниз именно в сафари и хроме. пропадает резиновая функция... что делать
  6. возможно не там создал первую тему, но вот на неё ссылка: http://forum.htmlbook.ru/index.php?showtopic=39857 заранее спасибо!!!
  7. Это черновой вариант страницы для теста использования закругления углов средствами 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); }
  8. Да, игра очень прикольная особенно если Вы любитель шутеров и ContrStrike. Так что советую
  9. Да перечитывать по новой надо... Давненько уже так не занимался дизом сайтиков. Всю ночь играл, а потом сел делать и 4 часа просто в пустую. То там ошибка, то там... Вобщем обратно учится надо. Помню авторы данного сайтика хотели сделать ещё такой же про PHP. Не в курсе они сделали или нет?
  10. Для такого дела наберём У меня всё работает!!! теперь так здорово и голова больше не болит Не смотря на то что всю ночь не спал!!! А не подскажете будет ли это работать если эти стили запихнуть в отдельный text.css файл и указать к нему путь?
  11. Обязательно кину ссылочку на сайтик в личку как доделаю А так это сайтик для моего клана BrooklynSaints в онлайн игре Point Blank. Уж стрелять-то хоть научился, а вот вёрстку надо штудировать!!!
  12. Ой!!! Спасибо большое!!! Даже ОГРОМНОЕ при ОГРОМНОЕ Сейчас пойду тестить Мне ент дело в табличку ставить. Оно ведь безразници куда вставлять А на ослика мне плевать хотя и жалко занудку
  13. Да для каждой кнопки будет отдельное изображение. Учитывая что на одно изображение требуется 2 картинки, то для 3 кнопок 6 картинок, а для 10 кнопок 20 картинок. Но картинки я нарисовал, а вот как заставить работать всё это ума не приложу
  14. Доброго времени суток Всем!!! У меня проблема стала с активной кнопкой которую делал через компонент -=rollover=-. Делаю сайт для своего клана и хотел сделать красивые кнопки при наведении на которуе стандартное изображение меняется на новое. Делал вот так: A.rollover { background: url(gun.png); /* Путь к файлу с исходным рисунком */ display: block; /* Рисунок как блочный элемент */ width: 90px; /* Ширина рисунка */ height: 301px; /* Высота рисунка */ } A.rollover:hover { background: url(gun01.png); /* Путь к файлу с заменяемым рисунком */ } Всё конечно получилось и кнопочка работает. Но трабл заключается в том, что мне нужно сделать таких кнопок 10 штук (ну или хотя бы 3 обязательно). И как сделать это с таким комопонентом даже ума не приложу. Пробовал даже запихнуть как отдельный стиль и указав путь к нему всё равно ни чего не сработало. Помогите пожалуйста. Может что другое использовать и если есть код то покажите ПОЖАЛУЙСТА. Из-за этих кнопок у меня дизайн получается не использованный.
  15. Проблема в том, что в нашем любимом всеми IE появились отступы между слоями в которых расположенны картинки. Это граници. Вот в опере всё нормально, а ослик брыкается Может оно конечно и все такими были В таблице это конечно раз плюнуть... В ней всё хорошо получается... Но очень хочется в слоях... Так мне больше нравитсья и удобнее разбираться что, где? margin, padding и даже border обнулял... Не помогает... Если что вспомните пишете!!! Буду оч признателен
  16. Помогите пожалуйста... Я уже истрепал себе нервы... Мастерил в опере... В ней всё получается... А вот ИЕ трепит нервы... Я конечно понимаю, что я лузер и всё такое. Но очень надо решить проблему... Вот ссылка на сайт http://www.mentalprojecti.tu2.ru <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <meta http-equiv="content-type" content="text/html; charset=windows-1251"> <meta name="generator" content="PSPad editor, www.pspad.com"> <title></title> <style type="text/css"> BODY{ margin: 0; padding: 0; } .osnova{ background: #cccccc; /*главный слой самый первый - мама*/ min-width: 1000px; min-height: 589px; width: 100%; height: 100%; } .sloyA{ min-width: 600px; /*внутренний слой опервый из двух внутри мамы*/ background: #F1F888; width: 75%; height: 100%; float: left; } .sloyB{ min-height: 589px; background: #A5F167; /*второй внутренний боковой слой внутри мамы*/ height: 100%; margin-left: 75%; } .pole{ background: #90E4FF; /*поле внутри слоя sloyA*/ width: 100%; height: 70%; } .chat{ background: #FFD990; /*чат внутри слоя sloyA*/ width: 100%; height: 30%; } .ramL{ width: 18px; height: 100%; float: left; } .ramLa{ width: 18px; height: 60%; float: left; } .ramV{ width: 100%; height: 18px; } .pro{ background: url("images/bord_10.png") /* Путь к графическому файлу */ repeat-y; /* Повторяем фон */ height: 80%; } .proA{ background: url("images/bord_10.png") /* Путь к графическому файлу */ repeat-y; /* Повторяем фон */ height: 56%; } .proB{ background: url("images/bord_10.png") /* Путь к графическому файлу */ repeat-y; /* Повторяем фон */ height: 12%; } .gor{ width: 100%; height: 18px; background: url("images/bord_03.png") /* Путь к графическому файлу */ repeat-x; } .gamePole{ background: #fff; width: 98%; height: 97%; margin-left: 18px; min-height: 75%; } .cchat{ background: #fff; width: 100%; height: 220px; } IMG{ margin: 0; } </style> </head> <body> <div class="osnova"> <div class="sloyA"> <div class="pole"> <div class="ramL"><img src="images/bord_01.png"><div class="pro"></div><img src="images/bord_13.png"></div> <div class="ramV"><img src="images/bord_02.png" align="left"><div class="gor"><img src="images/bord_18.png"align="right"></div></div> <div class="gamePole"></div> </div> <div class="chat" style="clear: left"> <div class="ramLa"><img src="images/bord_15.png"><img src="images/bord_10.png"><img src="images/bord_13.png"></div> <div class="ramV"><img src="images/bord_16.png" align="left"><div class="gor"><img src="images/bord_18.png"align="right"></div></div> <div class="cchat"></div> <div class="ramV" style="clear: left"><img src="images/bord_26.png" align="left"><div class="gor"><img src="images/bord_18.png"align="right"></div></div> </div> </div> <div class="sloyB"> <div class="ramL"><img src="images/bord_05.png"><div class="proA"></div><img src="images/bord_13.png"><img src="images/bord_19.png"> <div class="proB"></div><img src="images/bord_23.png"></div> <div class=""><img src="images/bord_006.png"></div> </div> </div> </body> </html> Помогите... Оч срочно надо...
  17. Я для этого и спрашиваю мнение людей, что бы понять, что необходимо знать и выучить... Пока я здесь реально хорошего совета из всех присланных неувидел... Все только говорят... Но не по делу... Хоть бы кто дельно помог... А критиковать каждый может...
  18. А что посоветуете... Я сейчас бьюсь над решением своей игры... Вёрстку делаю на CSS, хотя мне говорили что сначала двиг надо. Но я не знаю на чём это сделать и кого мона подключить.
  19. Я конечно читал там всякие разнообразности, но вопрос остался открытым. Можно ли при помощи Java Script написать движок для онлайн стратегии??? Прошу ответить серьёзно и по теме.
  20. Я не ищу самописных скриптов. А этот сайт мой любимый, так как здесь я научился писать на CSS. Поэтому и спрашиваю именно здесь можно ли такое сделать. А вы начали про крестики нолики и тому подобное. Для чего тогда создавался этот раздел форума, если не для помощи новичкам?! За ссылочку спасибо большое!!! Я там нашёл как раз то, что мне нужно. И с крестиками ибез. И вообще всем большое спасибо. Только ругаться не надо Буду ждать новых сообщение с радостью
  21. Да вот такой требовательный. Вместо того что бы флудить без поводу, лучше бы человеку помогли. Спасибо тем кто ответил на моё сообщение по делу. Но я с JAVA не работал и не понимаю... Можно ли как нибудь на одном CSS всё это сделать? Если нет то пожалуйста дайте подробную инструкцию по устаноке
  22. Привет всем! Проблема вот в чём. Мне нужно сделать кнопку (или картинку) при нажатии на которую будет выводиться новый слой с информацией, но без рамочки с крестиком в углу. И что бы этот слой был поверх страници и не путал другие слои. как это возможно сделать? А то я уже по форуму облазился.
  23. Спасибо огромное!!! Всё теперь отображается Правда кое что надо подредактировать, но хотя бы всё на свои места вернулось. Ссылочку на сайтик я скину попозже, та как он ещё не в инете. Кстати кто знает недорогой хостинг гигов на 35??? Мона и больше Спасибо за подсказочку...
  24. Значит сделал я сайтик... ещё не запускал его в инет... ну как смог так и сделал... конечно старался... Но из этого мало что вышло В Internet Explorer и в Opere (последних версий) всё нормально отображается, а в долбанной мазиле всё наперекосяк Я очень начинающий и без вашей помощи мне ошибку не обнаружить . новерно я начудил немало , но я считаю что фаерфокс мог бы извиниться. Я же всё-таки старался. Помогите подкорректировать код: <style type="text/css"> BODY{ margin: 0; /* Убираем отступы */ padding: 0; /* Убираем поля */ background-image: url("imeg/disc.gif"); /* Путь к графическому файлу */ background-position: right bottom; /* Положение фона */ background-repeat: repeat; /* Повторяем фон */ } #head{ /* Верхний блок */ } #container{ width: 900px; /* Минимальная ширина контейнера */ height: 100px; border-left: 5px groove white; border-right: 5px ridge white; margin-left: 14%; /* Отступ слева */ width: 900px; /* Ширина слоя */ background: #ffffff; /* Цвет фона */ } #1{ width: 750px; height: 200px; max-height: 200px; } #2{ width: 200px; height: 300px; max-height: 300px; } #3{ position: absolute; /* Абсолютное позиционирование */ left: 14,5%; /* Положение левого края */ width: 200px; height: 300px; max-height: 300px; border: 2px solid white; font-family: Verdana, Arial, sans-serif; /* Рубленый шрифт */ font-weight: bold; /* Жирное начертание текста заголовка */ font-size: 90%; /* Размер шрифта */ } #4{ position: relative; /* Относительное позиционирование */ left: 208px; /* Положение левого края */ width: 690px; height: 300px; } #5{ background: Bisque ; /* Цвет фона */ border-bottom: 2px solid FF6600; } #6{ position: absolute; /* Абсолютное позиционирование */ right: 0%; /* Положение левого края */ width: 200px; height: 300px; border: 2px solid white; } #7{ background: Bisque ; /* Цвет фона */ border-bottom: 2px solid FF6600; } #8{ position: relative; /* Относительное позиционирование */ width: 480px; height: 300px; border: 2px solid white; font-family: Arial, sans-serif; font-size: 20px; font-weight: bold; } #9{ border-bottom: 2px solid white; font-family: Arial, sans-serif; font-size: x-small; font-weight: bold; line-height: 1.5; padding: 5px; /* Убираем поля */ } #10{ position: absolute; /* Абсолютное позиционирование */ left: 14,5%; /* Положение левого края */ width: 200px; height: 300px; max-height: 300px; border: 2px solid white; background: Bisque ; /* Цвет фона */ } #11{ position: relative; /* Относительное позиционирование */ left: 208px; /* Положение левого края */ width: 690px; height: 300px; } #12{ background: Bisque ; /* Цвет фона */ border-bottom: 2px solid FF6600; } #13{ position: absolute; /* Абсолютное позиционирование */ right: 0%; /* Положение левого края */ width: 200px; height: 300px; border: 2px solid white; background: Bisque ; /* Цвет фона */ } #14{ background: Bisque ; /* Цвет фона */ border-bottom: 2px solid FF6600; } #15{ position: relative; /* Относительное позиционирование */ width: 480px; height: 300px; border: 2px solid white; } #16{ background: white; border-bottom: 2px solid white; } TABLE { width: 470px; /* Ширина таблицы */ border: 1px solid black; /* Рамка вокруг таблицы */ border-bottom: none; /* Убираем линию снизу */ border-left: none; border-right: none; font-family: Arial, sans-serif; font-size: 10px; font-weight: bold; line-height: 1.5; padding: 5px; } TD, TH { padding: 3px; /* Поля вокруг содержимого ячеек */ } TH { text-align: left; /* Выравнивание по левому краю */ background: Bisque; /* Цвет фона */ color: Black; /* Цвет текста */ border: 1px solid Black; /* Рамка вокруг ячеек */ } TD { border-bottom: 1px solid black; /* Линия снизу */ } UL { list-style-image: url('imeg/L.gif'); /* Путь к рисунку для установки маркера */ list-style-position: inside; /* Маркер обтекается текстом */ } A:link { text-decoration: none; } A:visited { text-decoration: none; } A:active { text-decoration: none; } A:hover { text-decoration: underline overline; /* Ссылка подчеркнутая и надчеркнутая */ color: red; /* Цвет ссылки */ } A IMG { border: none; /* Убираем границу */ } #niz{ width: 900px; /* Минимальная ширина контейнера */ height: 100px; background: #сссссс; /* Цвет фона */ } p { text-indent: 20px; /* Отступ первой строки в пикселах */ } H3 { font-family: Verdana, Arial, Helvetica, sans-serif; /* Рубленый шрифт заголовка */ } </style> Помогите пожжжалуйста
×
×
  • 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