PoshtarBoba
-
Posts
32 -
Joined
-
Last visited
Content Type
Profiles
Forums
Calendar
Store
Everything posted by PoshtarBoba
-
Проблема с размещением картинки относительно текста
PoshtarBoba replied to Zexler's question in HTML Coding
У тебя <span class="text"> не закрыт и вообще, некошерный код какой-то. и в заглавии теги <p> и <span> непоочередно закрываются. <h2> - используй для заглавия <p> - используй для абзацев. <span> - инлайновый тег, то есть, внутристрочный. Используй его для изменения свойств кусочка текста в строке (изменения цвета, шрифта; для выделения жирным используй <strong></strong>) Чтоб картинка вклеилась в текст - приклей её к краю свойством float вначале строки и текст будет начинаться у её верхнего края и обтекать её к низу. Задав margin или padding:0 8px 8px 0; - убережешь картинку от прилипания к ней текста вплотную (т.к. у тебя есть рамка вокруг картинки, то задавать нужно маргин). <html><head> <title>Site</title> <style type="text/css"> BODY {font:normal 13px Arial, Helvetica, sans-serif; color: black;} .pic {color: #2E5C82; float:left; margin:0 12px 12px 0; padding:0;} h2 {font:bold 22px Comic Sans MS, sans-serif; color: #2E5C82;} </style> </head><body><center> <table><tr><td width=500> <center><h2>Орки</h2></center> <h2>Ранняя история</h2> <img class="pic" bordercolor="#9CBCDF" border="5" width="200" height="200" /> <p>Орки Дренора жили в благородном шаманистском обществе, кочуя племенами по зелёным полям Награнда, их пыльного мира, более 5000 лет. Они жили в мире c дренеями и воевали с ограми. В конце концов, присутствие дренеев привело Пылающий Легион на Дренор. Могущественный повелитель демонов Кил'джеден обманом заставил уважаемого шамана Нер'зула поверить в то, что дренеи являлись врагами орков.</p> <p>Взамен службы Легиону Нер'зул и все орки получили силы, необходимые для захвата новых земель. Для этого оркам пришлось испить крови Маннороха Разрушителя. Гром Хеллскрим был первым и убедил других вождей кланов последовать за ним. Но вождь клана Морозных Волков (англ. Frostwolf) Дуротан начал подозревать неладное и не дал своему клану пить. Из-за этого Гул'дан (бывший ученик Нер'зула) изгнал клан Морозных Волков из Орды. Затем он сделал легкоуправляемого Блэкхенда вождём всех орков. Чтобы управлять Ордой из-за кулис, Гул'дан создал Теневой Совет (англ. Shadow Council), состоящий из него и других «достойных» колдунов. Блэкхенд тоже был членом совета, но на самом деле Ордой управлял Гул'дан.</p> </td></tr></table> </center> </body> </html> -
Меню оччень хитрое... Если макет нужно сделать, тогда я бы вместо символов использовал у кнопок правый и левый бордеры. Но это не выход по двум причинам: нельзя скопировать строку с разделителями и на границе активной и неактивной кнопок будет 2 полоски впритык - и белая, и черная. Пошел бы к дизайнеру, сказал бы, что он дурак, и считал бы вопрос закрытым. Если задача принципиальная - думал бы в сторону скрываемых объектов, скриптов...
-
Банально - резиновый трехколоночный макет одинаковой высоты колонок, но...
PoshtarBoba replied to Sulpher's question in HTML Coding
ЭЙ, А РАССКАЗАТЬ??? Без скрипта (а так же жесткого height и таблиц, ес-но) никак не сделать колонки одинаковой высоты? Сегодня пытался побороть такое - несколько колонок с декоративной полоской по правому краю (бордер-райт). Если колонки неравномерно заполнены контентом, то и декоративная полоска нужной длинны только у самого длинного блока -
И как мы до сих пор жили, не зная разницы между JS и PHP? Спасибо, Капитан Очевидность! Приходи ещё! (ты уверен, что JS не может внести запись в БД?) За Java-вариант большое спасибо, интересная мысля для офф-лайн файлов (например, оболочки для CD/DVD) т.п.
-
Проще всего тебе сделать так: Скопировать файл с кнопкой несколько раз, дав имена "menu1.gif", "menu2.gif", "menu3.gif"... (или jpg, png - в каком формате кнопки) В фотошопе или паинте на кнопках напиши то, куда они ссылаются: "Home", "Контакты", "Наша продукция", "Форум"... Позаменяй свои <BUTTON>...</BUTTON> на: <a href="index.html"><img src="menu1.gif" /></a> <a href="contacts.html"><img src="menu2.gif" /></a> <a href="goods.html"><img src="menu3.gif" /></a> <a href="forum.php"><img src="menu4.gif" /></a> .... Делать что-то более сложное для тебя оч. рано. "Код" кнопки, который ты дал - это совсем не код кнопки и к тегу <button> он никакого отношения не имеет. Кусок кода - это CSS-стиль класса button, то есть описание внешнего вида почти ЛЮБОГО объекта (тэга) в коде HTML. Если этот код забрать (попросту удалить) - то работоспособность кнопки не исчезнет, как и надпись. Попросту пропадёт фоновое изображение, разлезется дизайн (хотя у тебя ещё табличная вёрстка, менее критично). Никто не может выучить вёрстку за час, за день. Простую вёрстку таблицами можно обуздать за пару дней, но сайт будет мягко говоря мёртвый, плоский, сложный в обслуживании (добавлении новых кнопок, изменении цветов и т.п.), громоздкий.
-
в CSS есть border-bottom, border-top, border-left, border-right, которые можно применить к таблицам, ячейкам, блокам div. <div style="border-bottom:1px solid #e2e2e4;"> инфа </div> и всё, наша инфа будет подчеркнута линией заданной толщины, цвета и стиля (сплошная, точечками, черточками...) Чтоб сделать вертикальную линию слева по высоте текста, нужно 2 контейнера, вложенных один в другой (таблицы, ячейки...) и настроить внешние и внутренние отступы: <div style="margin:0; padding:20px 0 20px;"> <!-- тут мы создали "ящик", инфа внутри которого не может приближаться ближе 20 пикселей к верхней и нижней стенке --> <div style="margin:0; padding:0 10px; border-bottom:1px solid #e2e2e4;"> А в этот "ящик" мы ложим свою инфу.<br> Внешняя "рамка" у нас отсутствует (0 пикселей),<br> а внутренняя - 0 пикселей сверху и снизу,<br> по бокам - по 10 пикселей.<br> Таким образом слева у нас будет Бордер 1 пиксель,<br> потом невидимая рамка в 10п., потом этот текст,<br> потом снова невидимая рамка,<br> а правый Бордер мы не указали, он не нарисуется. </div> </div>
-
Как отправить данные из формы по нажатии на ссылке
PoshtarBoba replied to grantand's question in HTML Coding
У меня более глубокая проблема - не работает отправка данных по scroll-клику, чтоб в новом окне в фоне открывалась страничка (POST). Может, кто подскажет какой вариант? Вариант с кликом левой кнопкой вот: <form name="myform" method="post" action="search.php"> <input name="img" value="image1" type="text"> ... <a href="#" onclick="document.getElementById['myform'].submit(); return false">Увеличить</a>