У меня проблема. Я создала отдельный(дополнительный) блок к объявлению и он выезжает за пределы. Что делать?? Вот сайт:
Страж света
Проблема с объявлением
Сообщений 1 страница 15 из 15
Поделиться12011-06-09 16:00:13
Поделиться22011-06-09 16:55:37
И еще1 Я хотела спросить: как поменять фон объявлению?? Я долго искала, но не нашла!
Поделиться32011-06-09 16:59:02
Горная Снежинк@
Ширина вашего форума:
#pun {
margin: auto;
width : 780px;
position: relative;
padding-bottom: 100px;
}
HTML-верх, вместо
.container1 {width: 900px; margin: 0 auto; padding: 0;}
.container1 {width: 780px; margin: 0 auto; padding: 0;}
и чуть ниже
.tab_container1 {
clear: both;
float: left;
width: 900px;
height: 343px;
background-image : url();
background-color: #FFFFFF;
border-bottom: 1px solid #000000;
border-top: 0px solid #000000;
border-left: 0px solid #000000;
border-right: 0px solid #000000;-moz-border-radius-bottomright: 5px;
-khtml-border-radius-bottomright: 5px;
-webkit-border-bottom-right-radius: 5px;
-moz-border-radius-bottomleft: 5px;
-khtml-border-radius-bottomleft: 5px;
-webkit-border-bottom-left-radius: 5px;
}
.tab_container1 { clear: both; float: left; width: 780px; height: 343px; background-image : url(); background-color: #FFFFFF; border-bottom: 1px solid #000000; border-top: 0px solid #000000; border-left: 0px solid #000000; border-right: 0px solid #000000; -moz-border-radius-bottomright: 5px; -khtml-border-radius-bottomright: 5px; -webkit-border-bottom-right-radius: 5px; -moz-border-radius-bottomleft: 5px; -khtml-border-radius-bottomleft: 5px; -webkit-border-bottom-left-radius: 5px; }
Поделиться42011-06-09 17:00:32
И еще1 Я хотела спросить: как поменять фон объявлению?? Я долго искала, но не нашла!
.tab_container1 {
clear: both;
float: left;
width: 900px;
height: 343px;
background-image : url();
background-color: #FFFFFF;
border-bottom: 1px solid #000000;
border-top: 0px solid #000000;
border-left: 0px solid #000000;
border-right: 0px solid #000000;-moz-border-radius-bottomright: 5px;
-khtml-border-radius-bottomright: 5px;
-webkit-border-bottom-right-radius: 5px;
-moz-border-radius-bottomleft: 5px;
-khtml-border-radius-bottomleft: 5px;
-webkit-border-bottom-left-radius: 5px;
}
Насколько я помню, выделенная строка отвечает за фон. Если вам нужна картинка, то ее адрес подставляете в скобки. То, что красным - цвет фона.
Поделиться52011-06-09 17:02:56
И еще, заполните, пожалуйста, профиль. Во вкладке "Персональный", "Вебсайт", поставьте ссылку на ваш сайт.
Поделиться62011-06-09 17:03:51
Спасибо! Я попробую!
Поделиться72011-06-09 17:09:32
У меня код другой. Вот:
<div class="container">
<div class="html-box"><ul class="tabs">
<li class="active"><a href="#tab1">Новости, сплетни</a></li>
<li><a href="#tab2">Знаменитости</a></li>
<li><a href="#tab3">Разнообразие всего</a></li>
</ul><div class="tab_container1 ">
<div style="display: block;" id="tab1" class="tab_content">
Наша газета только выпускается!
</div><div style="display: none;" id="tab2" class="tab_content">
<img src="https://forumavatars.ru/img/avatars/000f/ac/fe/2-1307614962.jpg">
</div>Дафна Де Лорена-чистокровная эльфисска. проживает в городе "Тиралин". Обладает магией животных.<div style="display: none;" id="tab3" class="tab_content">
Разрабатывается. Но будут новости о городах и других важных событиях.
</div></div>
</div>
</div>
Что мне нужно там исправить??
Поделиться82011-06-09 17:15:49
Я заполнила профиль. Так что мне с форумом делать??????
Поделиться92011-06-09 17:18:46
Горная Снежинк@
*тяжело вздохнул* Давайте я вам объясню. Во-первых, тот код, который вы мне показываете, отвечает только за содержание самой таблицы и ее размещение. Ее стиль, как и стиль самого форума, задается через каскадную таблицу стилей. Припомните, когда вы ставили таблицу, вы ставили не один код в одно место, верно?
HTML-верх
Найдите именно это место. Найдите там код, начинающийся вот так:
<style>
.container1 {width: 900px; margin: 0 auto; padding: 0;}
ul.tabs {
margin: 0;
padding: 0;
float: left;
list-style: none;
height: 40px;
width: 467px;
width: 100%;
}
И в нем исправляйте то, что я сказал.
Плюс, у вас ошибка в коде таблицы.
<div style="display: none;" id="tab2" class="tab_content">
<img src="https://forumavatars.ru/img/avatars/000f/ac/fe/2-1307614962.jpg">
</div>Дафна Де Лорена-чистокровная эльфисска. проживает в городе "Тиралин". Обладает магией животных.
Выделенное жирными шрифтом вы поместили вне самой вкладки. Запомните, каждая вкладка начинается тегом <div style="display: none;" id="tab(номер_вкладки)" class="tab_content"> и заканчивается тегом </div>. Иначе у вас все будет отображаться некорректно. Запомните это раз и навсегда.
Поделиться102011-06-09 17:35:32
ОО. У меня опять там код другой, я все исправила, но не помогло. Вот тот код, который у меня:
<style>
.container1 {width: 780px; margin: 0 auto; padding: 0;}
ul.tabs {
margin: 0;
padding: 0;
float: left;
list-style: none;
height: 40px;
width: 467px;
width: 100%;
}
ul.tabs li {
float: left;
margin: 0;
padding: 0;
height: 40px;
line-height: 40px;
border: 0px;
border-top: 1px dotted #000000;
border-bottom: 1px dotted #000000;
border-right: 1px dotted #000000;
border-left: 1px dotted #000000;
margin-bottom: -2px;
background: url();
overflow: hidden;
position: relative;
}ul.tabs li a {
text-decoration: none;
color: transparent;
display: block;
padding: 0 5px;
background: url();
outline: none;
}ul.tabs li a:hover {
background: url();
border-bottom: 0px solid #000000;
border-top: 0px solid #000000;
border-left: 0px solid #000000;
border-right: 0px solid #000000;
}html ul.tabs li.active {
background: url();
border-bottom: 0px solid #000000;
border-top: 0px solid #000000;
border-left: 0px solid #000000;
border-right: 0px solid #000000;
}html ul.tabs li.active a:hover {
background: url();
border-bottom: 0px solid #160f0a;
}.tab_container1 {
clear: both;
float: left;
width: 900px;
height: 343px;
background-image : url();
background-color: #FFFFFF;
border-bottom: 1px solid #000000;
border-top: 0px solid #000000;
border-left: 0px solid #000000;
border-right: 0px solid #000000;-moz-border-radius-bottomright: 5px;
-khtml-border-radius-bottomright: 5px;
-webkit-border-bottom-right-radius: 5px;
-moz-border-radius-bottomleft: 5px;
-khtml-border-radius-bottomleft: 5px;
-webkit-border-bottom-left-radius: 5px;
}.tab_content {
padding: 5px;
}.tab_content h2 {
font-weight: normal;
padding-bottom: 2px;
border-bottom: 0px dashed #000000;
}
</style>
Поделиться112011-06-09 17:37:46
.tab_container1 {
clear: both;
float: left;
width: 900px;
height: 343px;
background-image : url();
background-color: #FFFFFF;
border-bottom: 1px solid #000000;
border-top: 0px solid #000000;
border-left: 0px solid #000000;
border-right: 0px solid #000000;-moz-border-radius-bottomright: 5px;
-khtml-border-radius-bottomright: 5px;
-webkit-border-bottom-right-radius: 5px;
-moz-border-radius-bottomleft: 5px;
-khtml-border-radius-bottomleft: 5px;
-webkit-border-bottom-left-radius: 5px;
}
Здесь тоже поменяйте на 780px. Я выше об этом уже говорил.
Поделиться122011-06-09 17:44:37
Все получилось. Спасибо!
Поделиться132011-06-09 17:53:54
И еще. Извините, что не по теме. Я хочу спросить: как в описание форума вставить ссылку??Я это везде вижу, но сама не могу!
Поделиться142011-06-09 19:04:23
Горная Снежинк@
<a href="ССЫЛКА">НАЗВАНИЕ</a>
Поделиться152011-06-10 23:08:09
Спасибо!
Похожие темы
Проблемы с объявлением! | Архив тем | 2010-04-08 |
Проблема с объявлением. | Решение проблем | 2012-05-20 |
Проблемы в объявлении | Архив тем | 2010-03-29 |
Проблемы с объявлением | Архив тем | 2009-02-19 |
Проблемы с объявлением и правилами | Архив тем | 2011-02-20 |