alacka
-
Posts
14 -
Joined
-
Last visited
Content Type
Profiles
Forums
Calendar
Store
Everything posted by alacka
-
Здесь jsbin.com/tofuxixo/3 при нажатии на ГОСТИНИЦА появляется выпадающее меню, но ссылка не работает как сделать так чтобы при нажатии на ГОСТИНИЦА загружалась страница ГОСТИНИЦА и открывалось выпадающее меню. Может вы подскажите какой то рабочий пример ?
-
<div class="top-menu"> <div class="moduletable_menu"> <h3>Заголовок меню</h3> <ul> <li><a href="">О нас</a> <ul> <li>Онас 2</li> <li>Онас 3</li> </ul> </li> <li><a href="">Контакты 2</a> <ul> <li>Онас 2</li> <li>Онас 3</li> </ul> </li> <li><a href="">Контакты</a></li> </ul></div></div>.top-menu h3 { display: none;}.top-menu ul { margin: 0 auto; padding: 0; display: table;}.top-menu li { width: 127px; height: 27px; float: left; list-style-type: none; margin: 0 10px 0 0; text-align: center; background: url(images/menu-bg.jpg) repeat-x;}.top-menu li a:hover { border-right: 1px solid #fff; border-left: 1px solid #fff; border-bottom: 1px solid #fff;}.top-menu li a { height: 23px; padding: 4px 0 0 0; font: 14px Arial; text-transform: uppercase; color: #145f66; text-decoration: none; display: block;}.top-menu ul li ul { display:none;}.top-menu li:hover .top-menu ul li ul { display:block;}Почему при наведении не появляется под меню ? Чет я не могу разобраться..... Помогите пожалуйста Вот песочница - http://jsfiddle.net/alacka/2aExJ/
-
А можно как то сделать чтобы картинки были видны когда появляется прокрутка ?
-
http://23874025010.esy.es/ Если изменять размер экрана тогда картинки по бокам не появляются
-
Большое спасибо все работает. Но ещё один вопрос теперь когда появляется полоса прокрутки не видно этих блоков которые с лева и справа.
-
Тогда эти два блоки которые размещены в .warp но находятся за ним просто скроются, а нужно чтобы они отображались
-
Нужно чтобы получилось вот такое Но в блоках ведь задан position: absolute; он не должен бы не учитываться ?
-
если уменьшать размер браузера тогда полоса прокрутки появляется не при min-width: 933px; а намного быстрее.
-
<!doctype html><html lang="en"><head> <meta charset="UTF-8"> <link rel="stylesheet" type="text/css" href="templates.css"> <title>Site 3</title></head><body> <div class="warp"> Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum. <div class="bg-left"></div> <div class="bg-right"></div> </div></body></html>body { margin:0; padding:0; background: #ebebeb; word-wrap:break-word;}.warp { min-width: 933px; max-width: 1054px; margin:0 auto; background: #fff; position: relative;}.bg-left { width: 220px; height: 313px; position: absolute; top:0px; left:-220px; background: url(images/bg-left.jpg) no-repeat;}.bg-right { width: 13px; height: 100%; position: absolute; top:-100px; left:100%; background: url(images/bg-right.jpg) repeat-y;}Появляется полоса прокрутки очень быстро, хотя текст и дальше уменьшается.....
-
3 колоночный макет с контентом в html выше чем меню
alacka replied to alacka's question in HTML Coding
Решил сам, может кому пригодится, выкладываю <div class="middle"><div class="content">Контент</div></div><div class="menu">Левое меню</div><div class="menu2">Правое меню</di>.middle { width: 100%; float: left; overflow: hidden;}.content { padding: 0 70px 0 70px; border:1px solid #000;}.menu{float: left;width: 50px;position: relative;background: #B5E3FF;}.menu2{ float: left; width: 50px; position: relative; background: #FFACAA;} -
Здравствуйте подскажите как сделать 3 колоночный макет, но чтобы контент находился в html выше чем левое и правое меню. И чтобы контент был в резиновом диве, а два блока с меню фиксированы.
-
Вот рабочий код, по твоему примеру @charset "utf-8";html, body { margin: 0; background-color: #181b18; color: #fff; height:100%;}#top_block { background-color: #0c0d0c;}#left_block { background-color: #121412; float: left; width: 20%; height:100%;}
-
Здравствуйте, подскажите как в данном коде : <ul class="spisok"> <li><a>Home</a></li> <li><a>Home</a> <ul> <li>Home</li> <li>Home</li> <li>Home</li> <li>Home</li> <li>Home</li> </ul> </li> <li><a>Home</a></li> <li><a>Home</a> <ul> <li>Home</li> <li>Home</li> <li>Home</li> <li>Home</li> <li>Home</li> </ul> </li> <li><a>Home</a></li> <li><a>Home</a></li> </ul>выбрать только первые <li> без тех <li> что внутри.
-
Здравствуйте посоветуйте слайдер, такой как на картинке, но чтобы картинки внизу делались автоматически, то есть ресайз чтобы делался, чтобы не нужно было делать дополнительных картинок.