Neptun
-
Posts
15 -
Joined
-
Last visited
Neptun's Achievements
Explorer (1/14)
0
Reputation
-
Здравствуйте! У меня шаблон сайта имеет возможность отображать страницу с разной шириной, по желанию пользователя. Установлен модуль News Show Pro GK4, при изменении ширины окна, он начинает изменять размер картинок, которые выводит, тем самым портит весь вид. Пробовал ограничивать размер в css, не помогает, картинки так же увеличиваются, вылезая за пределы блока. Полагаю это дело в самом яве скрипте. Как мне лучше сделать в такой ситуации? Имеет смысл пытаться лезть в скрипт, если я его не понимаю, или искать другой модуль? Спасибо.
-
Всё. Разобрался как - то сам... можете закрываит тему
-
Я напишу двумя словами что мне осталось сделать, и чего я не понимаю был код : <div class="nsp_top_interface"> <div> <?php if( $this->config['top_interface_style'] == 'pagination' || $this->config['top_interface_style'] == 'arrows_with_pagination' ) : ?> <ul class="pagination"> <?php for($i = 0; $i < ceil(count($news_html_tab) / ($this->config['news_column'] * $this->config['news_rows'])); $i++) : ?> <li><?php echo $i+1; ?></li> <?php endfor; ?> </ul> <?php endif; ?> <?php if( $this->config['top_interface_style'] == 'arrows' || $this->config['top_interface_style'] == 'arrows_with_pagination' || $this->config['top_interface_style'] == 'arrows_with_counter' ) : ?> <span class="prev"><?php echo JText::_('NSP_PREV'); ?></span> <!-- <span class="next"><?php echo JText::_('NSP_NEXT'); ?></span> --> <?php endif; ?> <?php if( $this->config['top_interface_style'] == 'counter' || $this->config['top_interface_style'] == 'arrows_with_counter' ) : ?> <span class="counter"><strong><?php echo JText::_('NSP_PAGE'); ?></strong><span></span></span> <?php endif; ?> </div> </div> <?php endif; ?> <div class="nextnext"><?php echo JText::_('NSP_NEXT'); ?></div> то, что было красным я перенёс вниз. (синее) ну и немного ещё класс по другому назвал. только в первом случае у меня работала кнопка на прокручивание новостной ленты, а во втором естественно нет. Кстати кнопка "prev" работает и там и там.. как оживить кнопочку вправо? может достаточно дописать туда тот же код? Я просто в пхп совсем не разбираюсь
-
Я напишу двумя словами что мне осталось сделать, и чего я не понимаю был код : <div class="nsp_top_interface"> <div> <?php if( $this->config['top_interface_style'] == 'pagination' || $this->config['top_interface_style'] == 'arrows_with_pagination' ) : ?> <ul class="pagination"> <?php for($i = 0; $i < ceil(count($news_html_tab) / ($this->config['news_column'] * $this->config['news_rows'])); $i++) : ?> <li><?php echo $i+1; ?></li> <?php endfor; ?> </ul> <?php endif; ?> <?php if( $this->config['top_interface_style'] == 'arrows' || $this->config['top_interface_style'] == 'arrows_with_pagination' || $this->config['top_interface_style'] == 'arrows_with_counter' ) : ?> <span class="prev"><?php echo JText::_('NSP_PREV'); ?></span> <!-- <span class="next"><?php echo JText::_('NSP_NEXT'); ?></span> --> <?php endif; ?> <?php if( $this->config['top_interface_style'] == 'counter' || $this->config['top_interface_style'] == 'arrows_with_counter' ) : ?> <span class="counter"><strong><?php echo JText::_('NSP_PAGE'); ?></strong><span></span></span> <?php endif; ?> </div> </div> <?php endif; ?> <div class="nextnext"><?php echo JText::_('NSP_NEXT'); ?></div> то, что было красным я перенёс вниз. (синее) ну и немного ещё класс по другому назвал. только в первом случае у меня работала кнопка на прокручивание новостной ленты, а во втором естественно нет. Кстати кнопка "prev@ работает и там и там.. как оживить кнопочку вправо? может достаточно дописать туда тот же код? Я просто в пхп совсем не разбираюсь
-
Так. Во всех индексах.html в этом скрипте всео одна строчка: <html><body bgcolor="#FFFFFF"></body></html> по-этому в html я всё таки занёс php, который собственно выводит мои кнопки. с css всё понятно. Но в результате получилось такая охинея... сохранить нажал, и честно Вам выкладываю: http://jsfiddle.net/FxvFU/ Я может чего-то всё таки не понял? И если честно не совсем понял, как туда мне картинки ещё разместить, как просил br3t. Хотя надо ли? Там картинок всего 2, и то это стрелочки влево и вправо
-
Блин, какая непонятная штуковина Я правильно понял? в Css кидаю css, в html кидаю php, а то, что получится в result выложить сюда. так?
-
Простите не понял. куда выложить?
-
Сделал так: .nsp_top_interface{ overflow:hidden; margin:0 0; width: 100%; height: 28px; position:absolute; top: 60px;} .nsp_top_interface .prev{background:url('prev-arrow.png') no-repeat; padding:1px 3px; cursor:pointer; float:left; height:28px; width:28px; left:0; top:1px } .nsp_top_interface .next{ background:url('next-arrow.png') no-repeat; padding:10px 3px; cursor:pointer; height:28px; width:28px;position:absolute; float: right; right:0; top:1px; всё равно они накладываются друг на друга. Нашёл решение размещения. создал ещё один класс, и разместил его отдельно в пхп. теперь он у меня привязан, и работает как надо, но не знаю как ему привязать свойства. т.е. Левая кнопка перематывает слайды, правая нет. Можно это исправить? вот пхп код того фрагмента: <?php if($news_amount > 0) : ?> <div class="nsp_main<?php if($this->config['autoanim'] == TRUE) echo ' autoanim'; ?><?php if($this->config['hover_anim'] == TRUE) echo ' hover'; ?> nsp_fs<?php echo $this->config['module_font_size']; ?>" id="nsp-<?php echo $this->config['module_id']; ?>" style="width:<?php echo $this->config['module_width']; ?>%;"> <?php if(($this->config['news_column'] * $this->config['news_rows']) > 0) : ?> <div class="nsp_arts<?php echo ' '.$this->config['links_position']; ?>" style="width:<?php echo $arts_width; ?>%;"> <?php if( count($news_html_tab) > ($this->config['news_column'] * $this->config['news_rows']) && $this->config['news_full_pages'] > 1 && $this->config['top_interface_style'] != 'none' ) : ?> <div class="nsp_top_interface"> <div> <?php if( $this->config['top_interface_style'] == 'pagination' || $this->config['top_interface_style'] == 'arrows_with_pagination' ) : ?> <ul class="pagination"> <?php for($i = 0; $i < ceil(count($news_html_tab) / ($this->config['news_column'] * $this->config['news_rows'])); $i++) : ?> <li><?php echo $i+1; ?></li> <?php endfor; ?> </ul> <?php endif; ?> <?php if( $this->config['top_interface_style'] == 'arrows' || $this->config['top_interface_style'] == 'arrows_with_pagination' || $this->config['top_interface_style'] == 'arrows_with_counter' ) : ?> <span class="prev"><?php echo JText::_('NSP_PREV'); ?></span> <!-- <span class="next"><?php echo JText::_('NSP_NEXT'); ?></span> --> <?php endif; ?> <?php if( $this->config['top_interface_style'] == 'counter' || $this->config['top_interface_style'] == 'arrows_with_counter' ) : ?> <span class="counter"><strong><?php echo JText::_('NSP_PAGE'); ?></strong><span></span></span> <?php endif; ?> </div> </div> <?php endif; ?> <div class="nextnext"><?php echo JText::_('NSP_NEXT'); ?></div> Я незнаю сколько именно нужно кода, по-этому взял с запасом
-
сделал для right position:absolute; right:0; но она просто наложилась на левую кнопку
-
Здравствуйте! В кратце суть проблемы: Есть сайт, в котором реализован модуль "новостная лента" Мнев этом модуле не нравились кнопки, а так же их расположение. (над новостной лентой). Нужно мне разместить кнопки слева в центре и справа в центре. собственно это от части у меня получилось. проблема в том, что на сайте реализована функция, позволяющая менять ширину сайта на вкус посетителя. И когда это происходит правая кнопка сползает со своего места, так как не привязана к правому боку и имеет абсолютное позиционирование. В данный момент css код всего этого удовольствия: .nsp_top_interface{ overflow:hidden; margin:0 0; width: 100%; height: 28px; position:absolute; top: 60px;} .nsp_top_interface .prev{background:url('prev-arrow.png') no-repeat; padding:1px 3px; cursor:pointer; float:left; height:28px; width:28px; } .nsp_bottom_interface .next, .nsp_top_interface .next{ background:url('next-arrow.png') no-repeat; padding:10px 3px; cursor:pointer; height:28px; width:28px; float: right;position:relative; left:870px; } если бы вызывалось обычным html, то я бы проблем не знал, но вызывается php <div class="nsp_top_interface"> <div> <?php if( $this->config['top_interface_style'] == 'pagination' || $this->config['top_interface_style'] == 'arrows_with_pagination' ) : ?> <ul class="pagination"> <?php for($i = 0; $i < ceil(count($news_html_tab) / ($this->config['news_column'] * $this->config['news_rows'])); $i++) : ?> <li><?php echo $i+1; ?></li> <?php endfor; ?> </ul> <?php endif; ?> <?php if( $this->config['top_interface_style'] == 'arrows' || $this->config['top_interface_style'] == 'arrows_with_pagination' || $this->config['top_interface_style'] == 'arrows_with_counter' ) : ?> <span class="prev"><?php echo JText::_('NSP_PREV'); ?></span> <span class="next"><?php echo JText::_('NSP_NEXT'); ?></span> <?php endif; ?> <?php if( $this->config['top_interface_style'] == 'counter' || $this->config['top_interface_style'] == 'arrows_with_counter' ) : ?> <span class="counter"><strong><?php echo JText::_('NSP_PAGE'); ?></strong><span></span></span> <?php endif; ?> </div> </div> Мне советуют отдельно создать модуль, для кнопки "вправо" и привязать её к правому боку, а потом это вывести а пхп. И если css я хоть как то знаю, то в php нет. помогите пожалуста.
-
вторую проблему я как решил, осталось только понять, как можно сделать что бы кнопки не были привязаны жёстко я упростил код, css может так легче будет. В общем собственно вопрос по правильному наверное звучит так: почему не получается правую кнопку разместить относительно, а не абсолютно
-
Здравствуйте. Предыстория в кратце Мне нужно настроить для Joomla модуль новостной ленты mod_news_pro_gk4 (кто знает). Здесь вопросов нет. Далее на модуле расположены кнопки "влево" и "вправо", которые располагаются по краям бокса, слева с краю и соответственно справа. И вот здесь уже у меня вопросы по верстке, которые я уже несколько дней не могу осилить: 1. шаблон сайта сделан таким образом, что пользователь может собственноручно изменить ширину окна. на узко, средне, и широко. Но у стрелочек, стоит жёсткая привязка к ширине, и когда на одном из режимов хорошо, на другом, они уже вылезают совсем не туда, куда следует. Все попытки сделать, что бы стрелочки располагались на ширине 0% и 100% успехом у меня не увенчались. Как это можно решить? 2. сейчас кнопка "влево" находится не совсем с краю. я пытаюсь её сместить отрицательным margin-left, но она просто начинает исчезать, (обрезаться). Где это я тоже не могу найти в этом мудрёном коде, который применил разработчик. Ну пока это самые большие проблемы, над которыми наверное только Вы сможете пролить свет. я ниже приведу фрагмент css кода. .nsp_main{ overflow:hidden; color:white; text-shadow: 0.1em 0.1em 0.1em black; padding-left:20px; paddiing-right:20px; } .nsp_bottom_interface, .nsp_top_interface{ overflow:hidden; margin:0 0; position: absolute; width: 100%; height: 20px; top: 60px; } .nsp_bottom_interface .prev, .nsp_top_interface .prev{background:url('prev-arrow.png') no-repeat; padding:1px 3px; cursor:pointer; float:left; margin: 0px; height:28px; width:28px;} .nsp_bottom_interface .next, .nsp_top_interface .next{ background:url('next-arrow.png') no-repeat; padding:1px 3px; cursor:pointer; float: right; position: absolute; left: 900px; height:28px; width:28px; }
-
Здравствуйте! Не могу сделать резиновый футер для странички с 3-мя колонками. Перечитал массу инфы в инете. но почему - то футер не опускается ниже 100%, хотя min-height:100%; Весь мозг сломал. никто не может помочь. Проблема скорее всего простая, просто я её не знаю. Очень надеюсь на Вашу помощь
-
Спасибо. Очень хороший ресурс. С помощью него получилось по крайней мере разместить footer снизу экрана, только осталась не раскрытая проблема: Футер размещается точно под 100% экрана, не прилипая к нижней границе экрана. а страница намного больше 100% экрана. .main { background: #999; min-height: 100%;} * html .main { height: 100%; } почему - то значение min-height: 100%; воспринимается как статичная высота равная 100% Подскажите пожалуйста, как это можно исправить?
-
Здравствуйте. Я с CSS только знакомлюсь. У меня 2 вопроса. 1) делаю сайт, состоящий, из двух колонок (лево\право) и центральной части. Правый бокс заверстался без особых проблем. Каждый контейнер располагался непосредственно друг за другом. С левым боксом почему-то так не получается. Хоть вроде бы всё делаю тоже самое. Все боксы размещаются друг на друге сразу под первым боксом. проблема решалась только путём "margin-top" но как это будет отображаться на мониторах с другими размерами неизвестно... 2) не получается разместить внизу страницы футер. Мне не важно, будет он привязан к низу окна, или нет, но он точно должен быть, я перепробывал множества способов, которые нашёл в инете, но итог один. футер размещается везде, но не снизу. Подскажите пожалуйста. Вот коды страниц index.html <html> <title>New Document</title> <link rel="stylesheet" type="text/css" href="style.css"/> <body> <div id="header"> <div id="head"> </div></div> <div id="menu"> <div class="menu"> <a href="http://uchisam.com/shop_content.php?coID=4">О программе</a> <a href="http://uchisam.com/shop_content.php?coID=135">О создателях</a> <a href="http://uchisam.com/shop_content.php?coID=23">О Курсе</a> <a href="http://uchisam.com/shop_content.php?coID=499">О результатах</a> <a href="http://uchisam.com/shop_content.php?coID=498">Другие курсы</a> <a href="http://uchisam.com/shop_content.php?coID=1">Доставка</a> <a href="http://uchisam.com/shop_content.php?coID=501">Контакты</a> <a href="http://uchisam.com/shop_content.php?coID=11">Вопросы и ответы</a> <a href="http://uchisam.com/product_info.php?products_id=1">Отзывы и фото</a> <a href="{$cart}">Корзина</a> </div> <div id="oglavleft"> <b>При поддержке сети языковых центров "Лингва Люкс"</b><br><br> <img src="img/ll.jpg"> </div> <div id="telefon"> </div> <div class="vopros"> </div> </div> <div id="line1"> </div> <div id="center"> <h1><center><font color="#006DB2"<b><i>Хочешь учить английский так же?</i></b></font></center></h1><br> <center><img src="img/girl.jpg"></center><br> <h2><center><i>Текст завлекалочка...Текст завлекалочка...Текст завлекалочка...Текст завлекалочка...Текст завлекалочка...Текст завлекалочка...</i></center></h2> </div> <div id="line2"></div> <div id="right"> <h1><center><font color="#DE204C"><b><i>Легко! </i></b></font></center></h1><br> <center><img src="img/disk.jpg"width="200"></center><br> <h1><center><font color="#006DB2"<b><i>Послушай диск! </i></b></font></center></h1><br> <a href="#" class="right1"></a> <a href="#" class="right2"></a> <a href="#" class="right3"></a><br><br><br><br><br><br> <div class="righttheme"> <p><b>Об этом нужно знать</b></p> </div><br> <div class="righttext"><ul> <li>Быстрое оформление Шенгена</li><br> <li>Обучение в Лондоне</li><br> <li>Новые эффективные методики запоминания</li><br> <li>налоги на обучении в Британии</li><br></ul> </div> <center><div class="image"></center> </div> </div> </div> </body> </html> style.css #head{ height: 163px; width: 851px; text-align:left; margin:0px auto; background: url(img/head.jpg) no-repeat; z-index:1; } #header{ height: 20%; width: 100%; background: url(img/header.jpg) repeat-x; } #line1{ position:absolute; left:19%; width: 3px; height:130%; background-color: #c0c0c0; } #line2{ position:absolute; right:19%; width: 3px; height:130%; background-color: #c0c0c0; } #Center{ position:absolute; left:25%; right:25%; min-height:50px; _height: 50px; } #menu{ width:173px; min-height:50px; _height: 50px; position:absolute; padding-left:2%; padding-right:2%; } .menu{text-align:center; width:200px;} .menu a{display:block; color:black; padding:10px 3px; border-bottom:1px solid black; text-decoration:none;} .menu a:hover{background:#006DB2; color:white; } #oglavleft{ display:block; margin-top:20%; font-size:16pt; position:absolute; color:#006DB2; text-align:center; float:left; } .telefon{ width:90%; height:100px; position:absolute; padding: 2%; Margin-top:90%; background:url(img/online2.jpg) no-repeat; } .vopros{ height:200px; width:90%; margin-top:120%; position:absolute; padding:2%; background:url(img/vopros.jpg) no-repeat; } #right{ position:absolute; left:82%; right:0%; min-height:50px; _height: 50px; } A.right1{ display:block; position: absolute; width: 80px; height: 73px; background: url(img/Knopki_1-1.jpg) no-repeat;} A.right1:hover { background: url(img/Knopki_2-1.jpg); } A.right2{ display:block; position: absolute; left:80px; width: 80px; height: 73px; background: url(img/Knopki_1-2.jpg) no-repeat;} A.right2:hover { background: url(img/Knopki_3-1.jpg); } .right3{ display:block; position: absolute; left:160px; width: 80px; height: 73px; background: url(img/Knopki_1-3.jpg) no-repeat;} A.right3:hover { background: url(img/Knopki_4-1.jpg); } .righttheme{ text-align:center; padding: 2%; margin-right:4%; background:#006DB2; color:white; } .righttext{ margin-left:10px; color:#006DB2; list-style-image:url(img/li.jpg); list-style-position:outside; font-size:14pt; line-height:25px; } .image{ height:138; width:201; background:url(img/london.jpg) ; background-size:contain; } #bottom{ height: 47px; padding-top: 20px; margin-bottom: 10px; background-color:blue; } показал бы скрин, только не знаю как... Спасибо