Перейти к содержимому


Css Сайта Полетели.


  • Авторизуйтесь для ответа в теме
Сообщений в теме: 46

#21 Landing Page

Landing Page

    ✓Веб-дизайн ✓Landing Page ✓Яндекс Директ ✓Google Adwords

  • Пользователи
  • PipPipPipPip
  • 543 сообщений
  • ГородЧебоксары

Отправлено 10 Июнь 2013 - 12:48

http://s757519.storeland.ru внизу слишком много свободного места, как его сократить?

mnogo.jpg

#22 Stasya

Stasya

    Активный участник

  • Модератоpы
  • 4 007 сообщений

Отправлено 10 Июнь 2013 - 15:00

В фйайле main.css найдите блок
#footer {
clear: both;
margin: 20px auto 17px;
padding: 0 10px;
width: 1000px !important;
height: 300px !important;
}
и замените его на
#footer {
clear: both;
margin: 20px auto 17px;
padding: 0 10px;
width: 1000px !important;
height: 225px !important;
}

Теперь в шаблоне html найдите блок
<!-- ДЕСКРИПТЕР НАЧАЛО -->
		<div style="position: relative;height:300px;width:326px; left: 15%; ">
и замените его на
<!-- ДЕСКРИПТЕР НАЧАЛО -->
		<div style="position: relative;height:160px;width:326px; left: 15%; ">
и  там же найдите блок
<!-- БЛОК С ТЕЛЕФОНОМ начало-->
		<div style="position: relative;height:300px;width:326px;margin-left: 185px; ">
		  
и замените его на
<!-- БЛОК С ТЕЛЕФОНОМ начало-->
		<div style="position: relative;height:150px;width:326px;margin-left: 185px; ">
		  


#23 Landing Page

Landing Page

    ✓Веб-дизайн ✓Landing Page ✓Яндекс Директ ✓Google Adwords

  • Пользователи
  • PipPipPipPip
  • 543 сообщений
  • ГородЧебоксары

Отправлено 28 Июнь 2013 - 14:55

Пытаюсь так же уменьшить место в магазине http://s853413.storeland.ru/ и не получается, остается снизу полно место, как убрать ?

#24 sengun

sengun

    Активный участник

  • Модератоpы
  • 1 139 сообщений
  • ГородНижний Новгород

Отправлено 28 Июнь 2013 - 15:46

Просмотр сообщенияKorolev Andrey (28 Июнь 2013 - 14:55) писал:

Пытаюсь так же уменьшить место в магазине http://s853413.storeland.ru/ и не получается, остается снизу полно место, как убрать ?
Вся проблема в блоке, расположенном в файле html
<!-- БЛОК С ТЕЛЕФОНОМ начало-->
	 <div style="position: relative;height:145px;width:326px;margin-left: 185px; ">
		
		 <div style="position: absolute; top: 10px; right: 260px;">
			 <!-- <img src="http://tratata.storeland.ru/web/upload/assets/images/177/176651/phone_icon.png"> -->
		 </div>

		 <div style="position: absolute; top: 50px; right: 6px;">
		 <div style="position: relative; z-index: 1;">
			 <!-- <span style="font-size: 30px; color: #F0F0F0; z-index: 2; top: 40px; left: 135px; right: 10px; bottom: 10px; overflow: hidden; font: 170%/1.1 Century Gothic, Geneva, sans-serif;"><i>Есть вопросы? Звоните!</i></span>-->
		
		 </div> </div>
		
	 </div>
	 <!-- БЛОК С ТЕЛЕФОНОМ конец-->
Удалите его, если не нужен, или в строчке
<div style="position: relative;height:145px;width:326px;margin-left: 185px; ">
Атрибуту height присвойте значение 0;

#25 Landing Page

Landing Page

    ✓Веб-дизайн ✓Landing Page ✓Яндекс Директ ✓Google Adwords

  • Пользователи
  • PipPipPipPip
  • 543 сообщений
  • ГородЧебоксары

Отправлено 06 Июль 2013 - 12:40

Уважаемые админы, появилась странная проблема, вот сайт http://s864429.storeland.ru/

На сайте есть три кругляша и кнопка "Заказать сейчас" и они не активны почему-то, хотя я для них прописал код.

Для кругляшей:

 <div class="m2" style="position: absolute; top: 220px; right: 720px;">  
<a href="http://s664116.storeland.ru/page/Proekt"><img src="http://s664116.storeland.net/PROEKT.png"></a>

  </div> 


 <div class="m2" style="position: absolute; top: 220px; right: 365px;">  
<a href="http://s664116.storeland.ru/page/Strojka"><img src="http://s664116.storeland.net/STROIKA.png"></a>
  </div> 



  
 <div class="m2" style="position: absolute; top: 220px; right: 10px;">  
<a href="http://s664116.storeland.ru/page/Dom"><img src="http://s664116.storeland.net/RABOTA_1.png"></a>
  </div> 

И CSS для их теней:


.m2 a img:hover {
		-moz-box-shadow: 2px 2px 10px #000000;   
		-webkit-box-shadow: 2px 2px 10px #000000;   
		box-shadow: 2px 6px 20px #000000;   filter: progid:DXImageTransform.Microsoft.Shadow(color='#000000', Direction=145, Strength=3);
		border-radius: 150px;
}


И для кнопки "заказать сейчас" сделал такой же код, как и для кнопки "Заказать звонок", но кнопка "заказать сейчас" не работает, вот код:



  <div style="position: absolute; top: 565px; right: 388px;">
 <a href="http://direct-adwords.ru/feedback"><img src="http://s664116.storeland.net/zakazatt.png"></a>
  </div>
  
<div  style="position: absolute; top: 570px; right:410px;">
<a href="http://s664116.storeland.ru/feedback" style="font-size: 27px; color: #FFFFFF; font: 180%/1.4 Century Gothic, Geneva, sans-serif; ">Заказать сейчас!</a>
</div>


В чем проблема? Почему кругляши не выделяются тенями, как три блока ниже? И почему кнопка "заказать сейчас" не активна, не могу понять что не так то...

#26 Taisia

Taisia

    Активный участник

  • Модератоpы
  • 1 289 сообщений

Отправлено 06 Июль 2013 - 13:34

Относительно выделения кругляшей допишите в стиль

style="position: absolute; top: 570px; right:410px;"
параметр z-index
таким образом

<div class="m1" style="position: absolute; top: 220px; right: 720px;z-index: 9999;">
<a href="http://s664116.storeland.ru/page/Proekt"><img src="http://s664116.storeland.net/PROEKT.png"></a>
</div>
<div class="m2" style="position: absolute; top: 220px; right: 365px;z-index: 9999;">
<a href="http://s664116.storeland.ru/page/Strojka"><img src="http://s664116.storeland.net/STROIKA.png"></a>
</div>
<div class="m2" style="position: absolute; top: 220px; right: 10px;z-index: 9999;">
<a href="http://s664116.storeland.ru/page/Dom"><img src="http://s664116.storeland.net/RABOTA_1.png"></a>
</div>

для копки заказать сейчас у вас вообще две ссылки прописано
уточните которая из них нужна

  <div style="position: absolute; top: 565px; right: 388px;">
<a href="http://direct-adword...ds.ru/feedback"><img src="http://s664116.store...azatt.png"></a>
  </div>

<div  style="position: absolute; top: 570px; right:410px;">
<a href="http://s664116.store...nd.ru/feedback" style="font-size: 27px; color: #FFFFFF; font: 180%/1.4 Century Gothic, Geneva, sans-serif; ">Заказать сейчас!</a>
</div>

полагаю что вторая

для этого измените код кнопки на такой

<div style="position: absolute; top: 565px; right: 388px;">
<img src="http://s664116.storeland.net/zakazatt.png">
  </div>
<div style="position: absolute; top: 570px; right:410px;z-index: 999;">
<a href="http://s664116.storeland.ru/feedback" style="font-size: 27px; color: #FFFFFF; font: 180%/1.4 Century Gothic, Geneva, sans-serif; z-index: 999;">Заказать сейчас!</a>
</div>


#27 Landing Page

Landing Page

    ✓Веб-дизайн ✓Landing Page ✓Яндекс Директ ✓Google Adwords

  • Пользователи
  • PipPipPipPip
  • 543 сообщений
  • ГородЧебоксары

Отправлено 07 Июль 2013 - 23:41

Почему я ввожу текст в категории товара и он выходит за рамки сайта? http://s853413.store...oe-stroitelstvo


Почему так происходит?

#28 Landing Page

Landing Page

    ✓Веб-дизайн ✓Landing Page ✓Яндекс Директ ✓Google Adwords

  • Пользователи
  • PipPipPipPip
  • 543 сообщений
  • ГородЧебоксары

Отправлено 08 Июль 2013 - 00:20

Просмотр сообщенияKoderhan (30 Май 2013 - 15:10) писал:

С расширением adblock мы ничего сделать не можем. И не понятно почему он заблокировал загрузку стилей с вашего сайта.
Но, есть одна идея.
Можно попробовать переименовать главный файл css.
В файле "HTML" код:
<!-- Стили магазина -->
<link rel="stylesheet" href="{ASSETS_STYLES_PATH}main.css" type="text/css" />
Заменить на:
<!-- Стили магазина -->
<link rel="stylesheet" href="{ASSETS_STYLES_PATH}main2.css" type="text/css" />
И в Редакторе шаблонов. Скачать файл стилей main.css.
И загрузить обратно с названием main2.css.
Просто переименовали файл.

Ваше решение проблемы помогло, но проблема опять возникла... стили полетели опять...

Вот так сайт отображается через браузер Мозилла, разрешение экрана монитора 1280*960:

фотография.PNG

#29 Koderhan

Koderhan

    Активный участник

  • Модератоpы
  • 6 227 сообщений

Отправлено 08 Июль 2013 - 06:02

Просмотр сообщенияKorolev Andrey (08 Июль 2013 - 00:20) писал:

Ваше решение проблемы помогло, но проблема опять возникла... стили полетели опять...

Вот так сайт отображается через браузер Мозилла, разрешение экрана монитора 1280*960:

Прикрепленный файл фотография.PNG
Как вариант можно проделать все тоже самое только файл теперь назвать по другому. Не main2.css а например main3.css

#30 Landing Page

Landing Page

    ✓Веб-дизайн ✓Landing Page ✓Яндекс Директ ✓Google Adwords

  • Пользователи
  • PipPipPipPip
  • 543 сообщений
  • ГородЧебоксары

Отправлено 08 Июль 2013 - 11:47

Почему я ввожу текст в категории товара и он выходит за рамки сайта? http://s853413.store...oe-stroitelstvo


Почему так происходит?

#31 Сake

Сake

    Активный участник

  • Модератоpы
  • 5 979 сообщений

Отправлено 09 Июль 2013 - 02:58

Это происходит из-за того что текст не имеет отступа между словами, а написан монолитно, а так же у вас используется тег <pre> http://htmlbook.ru/html/pre. Браузер данный текст не переносит, если не задано принуждение для переноса по средствам правила white-space & word-wrap. Добавьте в ваш файл стилей main.css

#content .headline .text {
	word-wrap: break-word;
}
#content .headline .text * {
	white-space: pre-wrap;
}


#32 Landing Page

Landing Page

    ✓Веб-дизайн ✓Landing Page ✓Яндекс Директ ✓Google Adwords

  • Пользователи
  • PipPipPipPip
  • 543 сообщений
  • ГородЧебоксары

Отправлено 05 Август 2013 - 13:31

Почему пропал белый фон? :(   http://xn----dtbhbqt...nda-spectehniki

#33 Stasya

Stasya

    Активный участник

  • Модератоpы
  • 4 007 сообщений

Отправлено 05 Август 2013 - 15:31

Сейчас у Вас стоит фон в мелкий серый квадратик. Так как у Вас в файле main.css в блоке, в котором прописывается фон указана именно эта картинка.
body {
background: url(http://design.xn----dtbhbqtnhjfjef7b.xn--p1ai/bg2.jpg) repeat;
font: 100%/1.4 Tahoma, Geneva, sans-serif;
margin: 0;
padding: 0;
color: #000;
}


#34 Landing Page

Landing Page

    ✓Веб-дизайн ✓Landing Page ✓Яндекс Директ ✓Google Adwords

  • Пользователи
  • PipPipPipPip
  • 543 сообщений
  • ГородЧебоксары

Отправлено 09 Август 2013 - 16:52

Просмотр сообщенияStasya (05 Август 2013 - 15:31) писал:

Сейчас у Вас стоит фон в мелкий серый квадратик. Так как у Вас в файле main.css в блоке, в котором прописывается фон указана именно эта картинка.
body {
background: url(http://design.xn----dtbhbqtnhjfjef7b.xn--p1ai/bg2.jpg) repeat;
font: 100%/1.4 Tahoma, Geneva, sans-serif;
margin: 0;
padding: 0;
color: #000;
}


Вы не поняли, пропал белый фон главного блока и в категориях тоже...

Где описание - там нету белого фона: вот например: http://mitsubishi-fu...jef7b.xn--p1ai/

#35 sengun

sengun

    Активный участник

  • Модератоpы
  • 1 139 сообщений
  • ГородНижний Новгород

Отправлено 09 Август 2013 - 21:26

Просмотр сообщенияKorolev Andrey (09 Август 2013 - 16:52) писал:

Вы не поняли, пропал белый фон главного блока и в категориях тоже...

Где описание - там нету белого фона: вот например: http://mitsubishi-fu...jef7b.xn--p1ai/
Попробуйте код в main.css
#content{float:right;width:1000px}
изменить так
#content{float:right;width:1000px; background: white;}


#36 Landing Page

Landing Page

    ✓Веб-дизайн ✓Landing Page ✓Яндекс Директ ✓Google Adwords

  • Пользователи
  • PipPipPipPip
  • 543 сообщений
  • ГородЧебоксары

Отправлено 21 Август 2013 - 14:23

Почему в нижней части сайта кнопка "заказать звонок" не активна?


Аккаунт SL-176651

#37 miyako

miyako

    Активный участник

  • Модератоpы
  • 5 372 сообщений

Отправлено 21 Август 2013 - 17:21

Просмотр сообщенияKorolev Andrey (21 Август 2013 - 14:23) писал:

Почему в нижней части сайта кнопка "заказать звонок" не активна?


Аккаунт SL-176651

Если нажать на кнопку Обратного звонка в подвале, то перекидывает на страницу Связи с администрации, как и кнопка в шапке. У Вас иначе?

#38 Landing Page

Landing Page

    ✓Веб-дизайн ✓Landing Page ✓Яндекс Директ ✓Google Adwords

  • Пользователи
  • PipPipPipPip
  • 543 сообщений
  • ГородЧебоксары

Отправлено 26 Август 2013 - 23:17

Просмотр сообщенияmiyako (21 Август 2013 - 17:21) писал:

Если нажать на кнопку Обратного звонка в подвале, то перекидывает на страницу Связи с администрации, как и кнопка в шапке. У Вас иначе?

Прошу прощения, в тот момент она была не активна.

Скажите пожалуйста, а почему она не такая как верхняя, т.е. в верху там текст подчеркивается, а внизу нет.

#39 Stasya

Stasya

    Активный участник

  • Модератоpы
  • 4 007 сообщений

Отправлено 26 Август 2013 - 23:53

В самом низу шаблона HTML найдите блок
<!-- КНОКА ЗАКАЗАТЬ ЗВОНОК НАЧАЛО -->
				<div style="position:  width:298px; text-align: center;  float:left;">
				<a href="http://direct-adwords.ru/feedback" style="font-size: 27px; color: #FFFFFF; font: 170%/1.4 Century Gothic, Geneva, sans-serif; ">
				<img src="http://design.direct-adwords.ru/obratnii_zvonok.png">
				<span style="position:absolute;top:100px;  left:14px;">Заказать обратный звонок</span>
				</a>
				</div>
		   <!-- КНОКА ЗАКАЗАТЬ ЗВОНОК КОНЕЦ -->
и замените его на
<!-- КНОКА ЗАКАЗАТЬ ЗВОНОК НАЧАЛО -->
				<div style="position: absolute; top: 99px; right: 29px;">
<a href="http://direct-adwords.ru/feedback"><img src="http://design.direct-adwords.ru/obratnii_zvonok.png"></a>
</div>
 
<div  style="position: absolute; top: 106px; right:47px;">
<a href="http://direct-adwords.ru/feedback" style="color: #FFFFFF; font: 170%/1.4 Century Gothic, Geneva, sans-serif; ">Заказать обратный звонок</a>
</div>
		   <!-- КНОКА ЗАКАЗАТЬ ЗВОНОК КОНЕЦ -->


#40 Landing Page

Landing Page

    ✓Веб-дизайн ✓Landing Page ✓Яндекс Директ ✓Google Adwords

  • Пользователи
  • PipPipPipPip
  • 543 сообщений
  • ГородЧебоксары

Отправлено 20 Сентябрь 2013 - 21:34

Установил слайдер по инструкции в FAQ. Но он не отображается на сайте... не понимаю почему... Сайт http://s1005725.storeland.ru/

Все годы прописал.

Так же прописал главный код слайдера:

<div style="position: absolute; top: 250px; right: 10px; z-index: 44422;">
<div class="theme-default" style="padding: 1em; display: none;"><!-- Непосредственный код слайдера --><br />
<div id="slider"><img src="http://storeland.ru/img/faq/questions/nyvo_slider/slider.jpg" alt="" /> <a href="/"><img src="/img/faq/questions/nyvo_slider/nemo.jpg" alt="" /></a> <img title="Пример картинки с заголовком" src="http://storeland.ru/img/faq/questions/nyvo_slider/toystory.jpg" alt="" /> <img src="http://storeland.ru/img/faq/questions/nyvo_slider/walle.jpg" alt="" /> <img src="http://storeland.ru/img/faq/questions/nyvo_slider/cars.jpg" alt="" /></div>
</div>
<p> </p>
<br /> <!-- Запуск слайдера --><br />
<script type="text/javascript">// <![CDATA[
<br /> $(window).load(function() {<br /> $('#slider').nivoSlider().parent().show();<br /> });<br />
// ]]></script>
  </div>





Количество пользователей, читающих эту тему: 0

0 пользователей, 0 гостей, 0 анонимных