#1
Отправлено 29 Декабрь 2014 - 20:22
Никак не могу сделать футер..
Вот, что есть
Вот, как пытаюсь сделать
Помогите пожалуйста, а то только в пеинте все получается
Вот сайт http://rayban10.ru
#2
Отправлено 30 Декабрь 2014 - 00:48
<div class="copyr"> <p id="we-work" align="right">8 (499) 398-12-06<br /> Звоните сейчас!<br /> Ежедневно с 9:00 до 22:00</p> <br /> <!-- end WebMoney Transfer : attestation label --> <p id="we-work-2">{SETTINGS_STORE_ORG_NAME} <br /><span>Все права защищены</span><br /></p> <span>{SETTINGS_STORE_REGION}</span><br /> {SETTINGS_STORE_HTML_CODE}<br /> <a href="https://twitter.com/share" class="twitter-share-button" data-via="rayban1327">Tweet</a> <script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?'http':'https';if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=p+'://platform.twitter.com/widgets.js';fjs.parentNode.insertBefore(js,fjs);}}(document, 'script', 'twitter-wjs');</script> </div>
далее найдите:
</div> <!-- end container-fluid ---> <div class="clear"></div>
перед ним вставьте:
<div class="copyr"> <p id="we-work" align="right"> 8 (499) 398-12-06<br /> Звоните сейчас!<br /> Ежедневно с 9:00 до 22:00<br/> <a href="https://twitter.com/share" class="twitter-share-button" data-via="rayban1327">Tweet</a> <script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?'http':'https';if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=p+'://platform.twitter.com/widgets.js';fjs.parentNode.insertBefore(js,fjs);}}(document, 'script', 'twitter-wjs');</script> {SETTINGS_STORE_HTML_CODE} </p> <p id="we-work-2"> {SETTINGS_STORE_ORG_NAME} <br /><span>Все права защищены</span> </p> <p id="we-work-3">{SETTINGS_STORE_REGION}</p> </div>
далее в main.css найдите:
#we-work { float: right; font-size: 15px; margin: 15px; } #we-work-2 { float: left; margin: 15px 0 0 20px; } .copyr { background: #fff; border-top: 20px solid #ebebeb; bottom: 0; height: 71px; margin-left: 20px; position: absolute; text-align: left; width: 699px; }
замените на:
.copyr { background: #222222; bottom: 0; color: #fff; padding: 5%; text-align: center; width: 90%; } #we-work { float: right; font-size: 15px; width: 33%; } #we-work-2 { float: left; width: 33%; }
#3
Отправлено 30 Декабрь 2014 - 21:58
.copyr { background: #fff; border-top: 20px solid #ebebeb; bottom: 0; height: 71px; margin-left: 20px; position: absolute; text-align: left; width: 699px; }как быть..прошу помощи)
а стоп.. это же в в другом файле, нашел
А как сделать, чтобы во всю ширину экрана была полоса?
Чтобы такого не было на других страницах..
#4
Отправлено 30 Декабрь 2014 - 22:49
причем справа линия она идет прямо к футеру
#5
Отправлено 31 Декабрь 2014 - 01:54
<div class="copyr"> <p id="we-work" align="right"> 8 (499) 398-12-06<br /> Звоните сейчас!<br /> Ежедневно с 9:00 до 22:00<br/> <a href="https://twitter.com/share" class="twitter-share-button" data-via="rayban1327">Tweet</a> <script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?'http':'https';if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=p+'://platform.twitter.com/widgets.js';fjs.parentNode.insertBefore(js,fjs);}}(document, 'script', 'twitter-wjs');</script> {SETTINGS_STORE_HTML_CODE} </p> <p id="we-work-2"> {SETTINGS_STORE_ORG_NAME} <br /><span>Все права защищены</span> </p> <p id="we-work-3">{SETTINGS_STORE_REGION}</p> </div>
переставьте его, поставив после:
</div> <!-- end container-fluid ---> <div class="clear"></div>
далее в main.css найдите:
.copyr { background: #222222; bottom: 0; color: #fff; padding: 5%; text-align: center; width: 90%; }замените на:
.copyr { background: #222222; bottom: 0; color: #fff; left: 0; position: absolute; padding: 1% 5%; text-align: center; width: 90%; }
#6
Отправлено 31 Декабрь 2014 - 10:03
#7
Отправлено 31 Декабрь 2014 - 11:44
Сейчас слева белый, а справа серый..В каких местах написаны эти цвета, Вы не подскажете?
#8
Отправлено 31 Декабрь 2014 - 12:03
metafora (31 Декабрь 2014 - 11:44) писал:
Сейчас слева белый, а справа серый..В каких местах написаны эти цвета, Вы не подскажете?
#9
Отправлено 31 Декабрь 2014 - 12:09
#10
Отправлено 31 Декабрь 2014 - 12:28
Единственное по футеру.. есть такая проблема, что футер закрывает текст..
как это исправить можно?
#11
Отправлено 31 Декабрь 2014 - 12:35
metafora (31 Декабрь 2014 - 12:28) писал:
Единственное по футеру.. есть такая проблема, что футер закрывает текст..
как это исправить можно?
.copyr { background: #222222; bottom: 0; color: #fff; left: 0; position: absolute; padding: 1% 5%; text-align: center; width: 90%; }на
.copyr { background: #222222; color: #fff; left: 0; position: absolute; padding: 1% 5%; text-align: center; width: 90%; }
#12
Отправлено 31 Декабрь 2014 - 12:40
А возможно ли в этом футере сделать карту сайта? Если да, то каким образом?
Отбой не надо, решил проблему!
#15
Отправлено 31 Декабрь 2014 - 19:27
С телефона если заходить, то вижу все вот так, футер залезает влево
как исправить данный сдвиг..
#16
Отправлено 02 Январь 2015 - 17:46
#17
Отправлено 05 Январь 2015 - 09:44
metafora (02 Январь 2015 - 17:46) писал:
Попробуйте так:
в main.css найдите код
.copyr { background: #222222; color: #fff; left: 0; position: absolute; padding: 1% 5%; text-align: center; width: 90%; }и замените на
.copyr { background: #222222; color: #fff; left: 0; position: absolute; padding: 1% 5%; text-align: center; width: 90%; min-width: 980px; }
#18
Отправлено 05 Январь 2015 - 15:36
Количество пользователей, читающих эту тему: 0
0 пользователей, 0 гостей, 0 анонимных