AjiTae
-
Posts
62 -
Joined
-
Last visited
Content Type
Profiles
Forums
Calendar
Store
Everything posted by AjiTae
-
Хмм, во втором варианте всё должно вроде работать быстро... Однако проверил на внешнем хосте, есть небольшие тормоза, не смертельные конечно...даж за фичу сойдут, типа "затухание")). Надо поэкспериментировать с background:transparent; , background-image:none;, visibility:hidden; итд, короче с вариантами исчезновенияб мож какой лучше будет.) А вообще - так им ослиным ублюдкам, которым лень нормальный браузер поставить, и надо, пусть страдают.)
-
Это не решение, в рамках данной задачи, это взятка преподу.) Использовать js не спортивно, с ним всё делается элементарно.
-
Ну дык. Есть два варианта: <body onLoad=""> и <img onLoad=""> Первое - нарушение правил html, но вроде работает везде где тестил, второе правил JavaScript, работает аналогично.) Вот и думаю что бы использовать.)
-
Апдейт.) *fxd for better profit* <html> <head> <style type="text/css"> div.nav { width:138px; height:160px; background: url(menu1.png) -138px 0px; } div.nav a { display:block; width:138px; height:32px; background: url(menu1.png) 0px 0px; } div.nav a.page2 {background-position: 0px -32px;} div.nav a.page3 {background-position: 0px -64px;} div.nav a.page4 {background-position: 0px -96px;} div.nav a.page5 {background-position: 0px -128px;} div.nav a:hover {background: none;} </style> </head> <body> <div class="nav"> <a href="#"></a> <a class="page2" href="#"></a> <a class="page3" href="#"></a> <a class="page4" href="#"></a> <a class="page5" href="#"></a> </div> </body> </html> Картинка: Работает так. (вроде бы разницы не заметно, но во-первых код по-меньше, во вторых не будет возможных в первом случае миганий в ie)
-
Ррр, тен минетс, плиз. ...уложился в 20.) Вот код: <html> <head> <style type="text/css"> div.nav a { display:block; width:138px; height:32px; background: url(menu1.png) 0px 0px; } div.nav a.page2 {background-position: 0px -32px;} div.nav a.page3 {background-position: 0px -64px;} div.nav a.page4 {background-position: 0px -96px;} div.nav a.page5 {background-position: 0px -128px;} div.nav a:hover {background-position: -138px 0px;} div.nav a:hover.page2 {background-position: -138px -32px;} div.nav a:hover.page3 {background-position: -138px -64px; } div.nav a:hover.page4 {background-position: -138px -96px;} div.nav a:hover.page5 {background-position: -138px -128px;} </style> <title>Со</title> </head> <body> <div class="nav"> <a class="page1" href="#"></a> <a class="page2" href="#"></a> <a class="page3" href="#"></a> <a class="page4" href="#"></a> <a class="page5" href="#"></a> </div> </body> </html> Вот картинка: Работает так. Как видишь, всё просто. Думаю, вставить и отпозиционировать данный div ты сможешь.
-
Эээм ну для начала вместо октоторпа(#) таки добавить ссылки)
-
Бери картинку и перерисуй уголки на зелёные, какие проблемы?) Ток не забудь добавить прозрачность гифке. В принципе же выглядит оно так: <style> div.orange { width:179px; /* для того чтоб тянулось по шаирине это надо убрать и поставить проценты */ height:35px; background: #fc7a05 url(картинка 10x35px, пример ниже) -10px top no-repeat; margin-bottom:3px; } div.orange div { width:10px; height:35px; float:right; background: url(картинка 10x35px, пример ниже) 0px top; } </style> <div class="orange"> <div></div> Тянется по ширине </div> Пример картинки, уголки править под цвет.: P.S. Данный вариант является оптимальным решением именно конкретной задачи, универсально под любой фон это уже не подёт, надо править цвет под каждый конкретный. Универсальный вариант уже будет состоять из 3х <div> и картинки с прозрачностью. ЗЫ. Повторюсь: на тему закруглённых углов существует не меньше стони разнообразных уроков, пробуйте ввести в гугле "скруглённые углы", не пожалеете.)
-
Да элементарно. Стандартный вариант: <style> #png { height:247px; width:273px; background: url(menu.png); -background: none; /* убираем бэкграунд для ie6 */ -filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='menu.png', sizingMethod='scale'); /* подгружаем полупрозрачный png для ie6 */ } </style> <div id="png"></div> Ну а само меню естесно целиковым спрайтом, с прописыванием background-position к a и a:hover. P.S. Некликабельные ссылки, проблема некоего кривого девайса.(софта, рук или мозга - это уж как повезёт)
-
как сделать кнопку или линк при нажатии на который пользователь попадает в конец страницы
AjiTae replied to bgraf's question in HTML Coding
Честно говоря это бред, оно в принципе не может выкидывать с ошибкой при использовании якорей. Ваш пример прекрасно работает. Единственное что приходит на ум: в не проставили # в <a href="#page-bottom">down</a>, или же при использование какой либо невероятно-кривой программы для редактирования изначальный октоторп - # был заменён на некий символ. Также есть шанс, что вы используете некий, опять же, невероятно кривой хостинг, который воспринимает октоторп как внутреннюю команду. -
>Середина 1 пиксель - Ужас ужас! А просто цвет задать это слишком просто?(не считая того что 1px картинки - это не ускорение загрузки, а совсем наоборот, ибо браузеру требуется мульён раз повторить этот самый 1пиксель вместо допустим десяти раз в случае с картинкой 50х50px, а выигрыш в размере просто смеховорный - считанные байты) В иенее тысячи и тысячи вариантов на данную тему, как что задавать вопрос тут - стыдно. ...Скука страшная вещь. Вот так оно должно выглядеть.
-
>Илюшина страница - facepalm.jpg Ваш код ужасен. PS Если уж ввели таблицу, её и используйте, она как раз для вашей задачи подходит без всяких лишних дивов.
-
Простой вариант: Если возможно, добавить float:left; (right) : тогда блок будет нормально вычислять ширину без всяких display: inline; . Минусы: собственно float, который может помешать правльному формированию страницы. Вариант решения - заключить в ещё один <div> (впрочем это уже зависит от конкретной ситуации). Менее красивый вариант: если шрифт чётко заданного размера, то можно добавить line-height: (подобранное значение)px; , лучше если изначально font-size не задан - задать его во избежание недоразумений. Минусы: 1. Возможна только одна строка, т.к. при переносе будет большой некрасивый зазор. 2. Надобность чётко задавать размер шрифта, и персонально подбирать line-height к конкретному размеру. Наверняка есть ещё варианты, подумаю, если этих не хватит.) Рабочий пример: <html> <style> * { padding:0px; margin :0px; } .layer { display:inline; padding:7px 18px; background-color:#ff2e1e; font-size:16px; line-height:32px; } .layer2 { padding:7px 18px; float:left; background-color:#ff2e1e; } </style> <div class="layer">строка</div> <br> <br> <div class="layer2">строка</div> </body> </html>
-
http://htmlbook.ru/html/ Будь внимательнее. Все. Ну разве что ещё селекторы надо знать(Удобная таблица.).
-
Гхм. Если кратко, не вдаваясь в подробности: Чем может быть опасно, добавление конструкции <body></body> в уже готовую страницу? Т.е.: <html> <head> ... </head> <body> ... <body></body> ... </body> </html> ___________________________ Развёрнутре описание вопроса: 1. Есть тематический сайт, на котором пользователю предоставляется собственная некрасивая страничка, с возможностью добавления текстов. 2. В добавляемых текстах пользователь может использовать некоторые хтмл теги(неразрешённые убиваются). 3. Теги <script> и <style>, css внутри других тегов (style="...") так же убиваются. 4. Однако было обнаружено, что JavaScript события, добавляемые в теги(onXxxx="...") а также тег <body> остаются неубиенными. 5. Соответственно я решил применить js к странице для красоты. Естественным решением стала добавка кода через событие onLoad="...". 6. Событие onLoad официально работает исключительно в теге <body> и неофициально в теге <img>. 7. Тексты на данном сайте добавляются внутрь стандартной страницы, а потому в случае использования моего хитрого плана получается один боди вложенный в другой(<body>...<body onLoad="..."></body>...</body>). P.S. Разукрашиваю пост исключительно от скуки(6 утра, делать нечго), не обращайте внимания.)
-
Eсть сайтик где режется js да и много чего другого, но я обнавружил, что возможно добавление <body onLoad="..."></body> и соответственно творения со страничкой любого js непотребства) Если бы оно нужно было для пакости то яб не парился, но мне оно нужно исключительно для косметической работы(css там тож запрещены). Такой вот собсно вопрос: какие ошибки и глюки может повлечь добавление меж двух основных боди вышеприведённой конструкции. Так оно вроде работает вполне нормально, но мало ли.)