Jump to content

dber

User
  • Posts

    53
  • Joined

  • Last visited

Everything posted by dber

  1. на чистом css это не сделать. еще надо еще скрипты использовать! как вариант можешь с этого же сайта и взять! а вообще я бы советовал искать галереи на Jquery
  2. я так и не нашел решения.... единственное,что могу посоветовать это старый проверенный метод: таблицы! найдешь решение поделись))
  3. если твой форум на php, то можно одной функцией сделать желаемое... по крайней мере это лучше чем пользоваться заменами определенных символов и правильнее!
  4. dber

    2 стиля

    надеюсь тебе это надо <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ru"> <head> <title></title> <style type="text/css"> a{background:black; color:white;} .someclass a:hover{background:green; } </style> </head> <body> <span class="someclass"><a href="#">ссылка1</a></span> <a href="#">ссылка2</a> </body> </html>
  5. я помню как-то боролся как раз с тем, что тебе надо... вместо position absolute сделай relation... только надо тогда чтобы само меню было на absolute, чтобы не двигало контент, который под меню находится... вроде так если не ошибаюсь
  6. подключишь библиотечку jquery будут еще и вкладочки меняться)) <html> <head><title>Панель администрирования сайта Мэйпл</title> </head> <link rel="stylesheet" href="css/style.css"> <body> <script language="javascript" src="java/jquery.js"></script> <!-- С окнами подтверждения все! --> <script type="text/javascript" language="JavaScript"> page='catalogs_1cexchange'; modules='catalogs_1cexchange'; pref='catalogs_1cexchange_'; $("document").ready(function(){ $("#"+pref+"p_our").click(function(){ $("#"+pref+"s_all_profiles_sq").hide(0); $("div[id^='"+pref+"p']").css({backgroundColor:"white",color:"#000"}); $("#"+pref+"p_our").css({backgroundColor:"gray",color:"white"}); $("#"+pref+"s_our_sq").show(0); }); $("div[id^='"+pref+"p']").hover(function(){ $(this).css({borderBottom:"1px solid red"}); },function(){ $(this).css({borderBottom:"1px solid gray"}); }); $("#"+pref+"p_all_profiles").click(function(){ $("#"+pref+"s_our_sq").hide(0); $("div[id^='"+pref+"p']").css({backgroundColor:"white",color:"#000"}); $("#"+pref+"p_all_profiles").css({backgroundColor:"gray",color:"white"}); $("#"+pref+"s_all_profiles_sq").show(0); }); }); </script> <noscript>У вас выключена Java</noscript> <form id="catalogs_1cexchange_form" action="" method="POST"> <h1>Траляля</h1> <div style="width:100%;height:30px;clear:both;"> <div id="catalogs_1cexchange_p_our" style="cursor:pointer;color:white;padding:0 20px;background-color:gray; height:100%; float:left; border:1px solid gray;text-align:center;">Задействованные профили</div> <div id="catalogs_1cexchange_p_all_profiles" style="cursor:pointer;padding:0 20px; height:100%; float:left; border:1px solid gray;text-align:center;">Все профили</div> </div> <div id="catalogs_1cexchange_s_all_profiles_sq" style="clear:both;display:none;border:1px solid gray;"> <h2 style="text-align:center;">Все профили</h2> содержимое </div> <div id="catalogs_1cexchange_s_our_sq" style="clear:both; border:1px solid gray;"> <h2 style="text-align:center;">Задействованные профили</h2> содержимое </div> </form> </body> </html>0.102368831635
  7. о каких закладках na говоришь? приведи пример)
  8. я вот так сделал) к сожалению конкретно код не укажу... не запомнил место,где я бился с этой проблемой)) скачать
  9. есть такая классная штучка, как @media . Она как раз отвечает за то как буден показана наша страница при распечатке.
  10. <!--[if IE 6]> <link rel="stylesheet" type="text/css" href="css/theme/new/menuIE56.css"/> <![endif]--> <!--[if IE 5]> <link rel="stylesheet" type="text/css" href="css/theme/new/menuIE56.css"/> <![endif]-->
  11. dber

    2 стиля

    а в ie меньше 7 не работает потому что у них псевдокласс hover только для ссылок работает... так что надо на яве дописать чуток...
  12. на страничке что-то не нашел особо места куда применять отступ.... там одно слово и табличка
  13. с виду работает, но если в левой колонке больше контента по длинее, то выглядит не айс даже в мозилке...
  14. а html код? он пустой что ли?
  15. скинь весь код, помочь будет реальнее в разы
  16. для обзаца применить свойство text-indent:<значение>;
  17. Столкнулся с проблемкой... вроде обычный двухколончатый макет, но не знаю как сделать так, чтобы колонки были одной высоты, которая бы зависела от наполнения... т.е. 2 колонки вели себя как колонки таблицы и могли растягивать вниз общую нижнюю границу... В моем коде граница может растягиваться только в зависимости от наполнения правой колонки, а вот если в левой колонке больше контента, то он за границу лезет... Может есть у кого-то мысли или делал кто-то... Таблицей сделать можно легко, но хочется css и дивы <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ru"> <head> <title>.::Компания Мэйпл::. - 1C:Франчайзинг</title> <meta http-equiv="content-type" content="text/html" charset="Windows-1251"/> <style type="text/css"> html,body{height:100%;margin:0px; padding:0px;} body{ border:0px; padding:0px; margin:0px; background: #FFF; color: #383E4A; font: 12px Arial,sans-serif; height:100%; width:100%; } #mainsite{height:100%;width:100%;display:table;margin-bottom:-40px; } #mainsite div#mainsite1{padding-bottom:40px;} #footer {height:40px;} #body_conteiner{min-width:1020px; display:block;width:100%;border:1px solid white; background:red repeat-y url();border:2px solid gray;} #left_column{width:200px;float:left;margin-right:-200px; padding:0px 0px 0px 0px; } #content{margin-left:200px; padding-right:10px;padding-left:10px;background:green;} </style> </head> <body> <div id="mainsite"><div id="mainsite1"> <div id="body_conteiner"> <div id="left_column">левоосновное</div> <div id="content">dghdfghd<br>fgsdfgsf</div> </div> <br><br><br><br><br> <div id="body_conteiner"> <div id="left_column">левоосновное<br>fgsdfgsf</div> <div id="content">dghdfghd</div> </div> </div></div> <div id="footer"> Подвал </div> </body> </html>
  18. можно на td сделать hover, но надо будет на яве писать обработчик для IE. он hover только для ссылок понимает
  19. на сколько помню, где это не сработало... пришлось ставить реальный цвет и потом ставить opacity и фильтры для IE
  20. ну тогда можно поставить если не нужна высота от пробела, то line-height:0px; font-size:0px; только потом не забыть еще у потомков выставлять высоту текста... и высоту строки
  21. попробуй так <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ru"> <head> <title>див на 100%</title> <style type="text/css"> html,body{height:100%;margin:0px; padding:0px;} body{ border:0px; padding:0px; margin:0px; background: #FFF; color: #383E4A; font: 12px Arial,sans-serif; height:100%; width:100%; } </style> </head> <body> <div style="background:red;display:table;height:100%;width:100%;"></div> </body> </html>
  22. <div style="white-space: nowrap">{link-category} | {date} | Просмотров: {views} {rating}</div> - так попробуй
  23. почитай инфу по jquery там кучу всего можно сделать рекомендую сначала Это потом это
  24. вот еще раз проверил и сфотал:
×
×
  • 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