Softlink
-
Posts
2,170 -
Joined
-
Last visited
-
Days Won
33
Content Type
Profiles
Forums
Calendar
Store
Everything posted by Softlink
-
Я думаю под активной, ТС понимает текущую страницу. я тоже так понимаю, ибо просто для изменения active хватит и класса в ксс без всяких пхп и жс
-
Проблема с выравниванием текста по картинке...
Softlink replied to GreyAlex's question in HTML Coding
меню списком, картинку в бэграунд с position и выравнивайте текст точно также. Еще есть крайний вариант - это задать картинке float. -
когда мне приспичило, я на php такое написал. Ушло минут 20 на код и дня два на учебник , ибо от программирования я далек.
-
ладно, главное заработало А про expression я вообще ничего не знаю. Надо будет почитать.
-
ага, expression пришел на помощь. Я ими ни разу не пользовался и не знаю как они работают.
-
в общем надо что-то придумать с min-height и будет вам счастье. Не будет схлопываться высота основного дива и поля с комментариями. В ие 6 он не поддерживается. А как приделать такой костыль я не знаю
-
печалька однако Но в нем я вообще не проверял и уже вряд ли когда буду. Соответственно сходу подсказать не смогу
-
а в каком ie смотрите? Я, например, с 6-ым уже давно распрощался. А в 8-м у меня все в порядке.
-
и цвет вы не можете поменять, потому как у вас для ссылок стоит белый. Меняйте его в самом классе для ссылок. вот здесь: #navcontainer .current-cat a { background: url(images/nav-hover.png) left top repeat-x; color:#fff; }
-
для каждой группы\строки сделайте обертку - родительский див
-
в общем для своей практики я еще и свой вариант сверстал может поможет чем-нибудь <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <style type='text/css'> .comments{ width:600px; overflow:hidden; } .comment{ border-bottom:1px solid #ccc; padding-bottom:20px; overflow:hidden; } .avatar{ width:80px; height:80px; display:block; float:left; background:red; } .pole{ width:500px; float:right; margin-top:20px; min-height:60px; border:1px solid #000; } .info{ width:450px; overflow:hidden; margin-left:100px; margin-bottom:-20px } .name{ float:left; } .date{ float:right; } </style> <title>Welcometo</title> </head> <body> <div class="comments"> <div class="comment"> <div class="info"> <div class="name">name</div> <div class="date">data</div> </div> <div class="avatar">ava</div> <div class="pole">текст текст текст текст текст текст текст текст текст</div> </div> </div> </body> </html>
-
так а в чем заключается некорректность?
-
Спасиб, а например? Я вроде там только "помница" отписал непральна, но это я спецом=) "поделитЬся, еще там вводное слово есть, которое выделяется запятыми. Еще деепричастия запятыми выделяются
-
все это конечно хорошо, но я имел ввиду самостоятельную работу в этой области. А так тут можно целую полемику развести, почему токарем работать лучше, чем космонавтом.
-
а я чето и не подумал про бэграунд))
-
а вот так вот если? Маркер списка отменить, и сделать его просто картинкой. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <style> .list{ float:right; width:240px; margin:5px; } .list li { background-color:#333; list-style-type:none; width:230px; padding: 8px 0 0 10px; height:25px; border:2px solid #000; text-transform:uppercase; } .list li img{ float:left; padding-right:5px; } .list li a{ padding-top:-8px; font-variant:small-caps; font-size:15px; color:#B9AC39; text-align:left; display:inline-block; text-decoration:none; } } h1{ color:#566a41; font-size:15px; } </style> <body> <div class="list"> <ul> <li><img src="images/list.gif"><a href="#">Home</a></li> <li><img src="images/list.gif"><a href="#">WHO WE ARE</a></li> <li><img src="images/list.gif"><a href="#">IMAGE GALLERY</a></li> <li><img src="images/list.gif"><a href="#">OUR PROJECTS</a></li> <li><img src="images/list.gif"><a href="#">CONTACTS</a></li> </ul> </div> <!--Конец списка --> </body> </html>
-
"невозможно найти ресурс"
-
у меня вот так все работает. Только нет маркера списка, чтобы попробовать. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <style> .list{ float:right; width:240px; margin:5px; } .list li { background-color:#333; list-style-image:url(../img/list.gif); list-style-position:inside; width:230px; padding: 8px 0 0 10px; height:25px; border:2px solid #000; text-transform:uppercase; } .list li a{ font-variant:small-caps; font-size:15px; color:#B9AC39; text-align:left; display:inline-block; text-decoration:none; } } h1{ color:#566a41; font-size:15px; } </style> <body> <div class="list"> <ul> <li><a href="#">Home</a></li> <li><a href="#">WHO WE ARE</a></li> <li><a href="#">IMAGE GALLERY</a></li> <li><a href="#">OUR PROJECTS</a></li> <li><a href="#">CONTACTS</a></li> </ul> </div> <!--Конец списка --> </body> </html>
-
а если попробовать внутреннему блоку не задавать ширины и прописать margin:0 auto. По идее он должен центрироваться относительно родителя. Ну это мне так думается, хотя сам не проверял.
-
Не поверишь, но тебя снова могут спасти инлайн-блоки
-
да не может так быть. Чудес-то не бывает. Либо уберите везде высоту, либо поставьте ее везде одинаковой. Для ховера задайте цвет. Все должно заработать.
-
без кода самого меню трудно сообразить, но устойчивое предположение, что вы изменили для ховера высоту. Поставьте также 50px и все должно работать.
-
капец, с одним списком две ветки в форуме с элементарными вопросами сделать Может вам вообще не стоит этим заниматься?
-
еще бы знать что должно получиться в итоге, было бы замечательно. У меня наоборот в опере вроде бы нормально отображается все, а в хроме нет.
-
извиняюсь за оффтоп. psywalker, уже во втором посте обращаю внимание на то, что ты советуешь делать инлайн блок вместо флотов. С чем это связано? Вот допустим со списками понимаю, а тут почему такой маневр? Ведь всего два блока, один справа, другой слева. Где-то в сети попадалась мне формулировка, что флоты - это не модно. Это все аргументы или есть что-то весомое? p.s. я понимаю, что флоты схлопывают место под собой, но как правило они всегда помещаются в обертку. Так что не могу понять в чем тут фишка.