Техническая поддержка сервиса Quadro.Boards

Радужная Звезда · Поделиться**901**05.04.2013 16:47:25

Извените за наглость, но когда будет готова моя таблица?

Эледвен · Поделиться**902**05.04.2013 17:03:10

Я уже сделала, только вопрос: как убрать двойные линии снизу и слева и уменьшить расстояние от нижнего края этой таблички до нижнего края объявления?

0

kozhilya · Поделиться**903**05.04.2013 18:54:03

Милина
А что куда вставлять-то??

Радужная Звезда
Я же сказал: на выходных. Я, к сожалению, не имею возможности работать постоянно. Мне приходится много учиться сейчас, но как только появляется свободное время, я появляюсь и делаю работу. В остальное время я, увы, не могу помогать.
Извините, если что-то не так и я сломал вам какой-либо график работы форума.

Эледвен
Какую линию? Я не телепат, увы, не понимаю, про что вы говорите.

+1

Милина · [1992-04-19]

kozhilya написал(а):

Милина
А что куда вставлять-то??

Эээ..я вроде прописала...

0

Эледвен · Поделиться**905**05.04.2013 20:44:49

kozhilya написал(а):

Какую линию? Я не телепат, увы, не понимаю, про что вы говорите.

Сорри. Линии двойные подчеркнула красным, а расстояние от нижней линии таблички до нижней линии объявления отметила стрелкой.
И еще вопрос: верхний скрин сделан в мозилле, а на нижнем (из Хрома) эти линии нормальные. Можно ли сделать так, чтобы они выглядели одинаково?

0

kozhilya · Поделиться**906**05.04.2013 21:52:02

Эледвен
1) На будущее: всегда давайте ссылку на тестовик. Потому что я не всегда могу по скрину детектировать проблему...
2) Но эту проблему знаю, так как она основана на странности в нативном css Мозиллы. У меня, в своё время, всё решилось приписыванием border-collapse: 0; в тоже правило, где описывается границы у таблицы.
У вас же проблема может быть ещё в том, что тип границы надо указывать явно: border-style: solid;

0

Эледвен · Поделиться**907**05.04.2013 22:10:28

kozhilya написал(а):

Но эту проблему знаю, так как она основана на странности в нативном css Мозиллы. У меня, в своё время, всё решилось приписыванием border-collapse: 0; в тоже правило, где описывается границы у таблицы.
У вас же проблема может быть ещё в том, что тип границы надо указывать явно: border-style: solid;

Это надо прописать в стиль для всей таблицы или в мою маленькую табличку? Просто я в описании таблички в объявлении как раз пыталась указать стиль линии - пунктир, но ничего не произошло.

Отредактировано Эледвен (05.04.2013 22:22:03)

0

kozhilya · Поделиться**908**06.04.2013 19:07:29

Эледвен
Ссылку на тестовик.

В течении 2 часов все заказы будут.

0

Эледвен · Поделиться**909**06.04.2013 19:22:40

kozhilya
http://overside.rolbb.ru она у меня в подписи стоит :blush:

0

kozhilya · Поделиться**910**06.04.2013 21:24:01

Радужная Звезда

Демонстрация
Код:

Код:

<style>
.annWrap {
	background: url(http://s42.radikal.ru/i096/0903/20/788bfd43575e.jpg);
}
.annMain {
	width: 100%;
	text-align: center;
}
.annMain > div, .annMain > img {
	vertical-align: top;
	display: inline-block;
	height: 100%;
}
.annMain > div {
	width: 295px;
	margin: auto;
}
.annMain > div > div {
	height: 50%;
	text-align: center;
}
</style>

<div class="annWrap">
	<div class="annMain">
    <div>
    	<div>
        <h3>Полезные темы</h3>
    	</div>
    	<div>
        <h3>Администрация</h3>
    	</div>
    </div>
    <img src="http://s001.radikal.ru/i195/1303/be/3aeaed803839.jpg">
    <div>
    	<div>
        <h3>Дата</h3>
    	</div>
    	<div>
        <h3>Объявления</h3>
    	</div>
    </div>
	</div>
	<marquee>Бегущая строка</marquee>
</div>

albar

Демонстрация
Код:

Код:

<style>
#pun-announcement .main {
	width: 100%;
	height: 250px;
}
.buttons {
	float: left;
	height: 250px;
	width: 30%;
}
.buttons ul {
	margin-top: 75px;
}
.buttons ul li {
	height: 20px;
	font-weight: bold;
	cursor: pointer;
	border: 1px solid black;
	margin: 4px;
}
.buttons ul li.active, .buttons ul li:hover {
	background-color: grey;
}

.content {
	height: 100%;
	margin-left: 31%
}
.content > div {
	text-align: center;
	display: none;
}

h3 {
	padding-top: 3px;
	height: 17px;
	
}

.in {
	display: inline-block;
	vertical-align: top;
	width: 45%;
}
.scroll {
	height: 230px;
	overflow-y: auto;
}
.border {
	margin: 2px;
	padding: 2px;
	border: 1px solid black;
	text-align: left;
}
</style>

<div class="main">
	<div class="buttons">
    <ul>
    	<li alt="1" class="active"><span>Основное</span></li>
    	<li alt="2"><span>Админимстрация</span></li>
    	<li alt="3"><span>По игре</span></li>
    	<li alt="4"><span>Партнёры</span></li>
    </ul>
	</div>

	<div class="content">
    <div id="c1">
    	<div class="in">
        <h3>Новости</h3>
        <div class="scroll border">
        	<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc at volutpat mi. Pellentesque et enim felis, sit amet imperdiet felis. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Nulla elit risus, volutpat a auctor a, luctus eget dolor. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Phasellus non purus eu orci varius consectetur vestibulum in velit. Nullam eu enim ut urna lacinia porttitor. Nam nec dui sit amet ligula volutpat rutrum vel non lectus. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Pellentesque ornare adipiscing augue quis venenatis. Praesent nec sapien libero, id posuere erat. Aliquam tincidunt nunc nec eros mattis eget blandit elit dapibus. Integer ut mi magna. Fusce ut ligula nec lacus mollis dapibus vel convallis ligula.</p>
        	<p>Integer fermentum adipiscing nibh in porta. Cras massa augue, luctus at volutpat egestas, dignissim a leo. Proin eget egestas dui. Nulla dignissim commodo diam, ut euismod purus volutpat nec. Nunc pharetra hendrerit fringilla. Integer malesuada condimentum tellus, quis convallis nisi sagittis euismod. Aliquam consequat lobortis sodales. In id rutrum tortor. Aliquam id eros a velit elementum fringilla et ut dolor. Curabitur urna metus, lacinia quis luctus et, feugiat ut eros. Aenean sed malesuada nunc. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos.</p>
        </div>
    	</div>
    	<div class="in">
        <h3>О форуму</h3>
        <div class="border">
        	Etiam nisl sapien, pretium id molestie sit amet, eleifend vel ante. Donec eleifend nulla vitae purus faucibus ultricies. Integer at diam eros, et imperdiet lectus. Mauris in enim erat. Vivamus id elit eget elit egestas condimentum ac vitae nulla.
        </div>
        <h3>Навигация</h3>
        <ul>
        	<li><a href="#">Ссылка 1</a></li>
        	<li><a href="#">Ссылка 2</a></li>
        	<li><a href="#">Ссылка 3</a></li>
        	<li><a href="#">Ссылка 4</a></li>
        	<li><a href="#">Ссылка 5</a></li>
        	<li><a href="#">Ссылка 6</a></li>
        	<li><a href="#">Ссылка 7</a></li>
        	<li><a href="#">Ссылка 8</a></li>
        </ul>
    	</div>
    </div>
    <div id="c2">
    	<h3>Администраторы</h3>
    	<img src="Ссылка на аватар" alt="Имя администратора 1" title="Описание администратора 1">
    	<img src="Ссылка на аватар" alt="Имя администратора 2" title="Описание администратора 2">

    	<h3>Модераторы</h3>
    	<img src="Ссылка на аватар" alt="Имя модератора 1" title="Описание модератора 1">
    	<img src="Ссылка на аватар" alt="Имя модератора 2" title="Описание модератора 2">
    	<img src="Ссылка на аватар" alt="Имя модератора 3" title="Описание модератора 3">
    </div>
    <div id="c3">
    	<div class="in">
        <h3>Погода и время</h3>
        <div class="scroll border">
        	<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc at volutpat mi. Pellentesque et enim felis, sit amet imperdiet felis. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Nulla elit risus, volutpat a auctor a, luctus eget dolor. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Phasellus non purus eu orci varius consectetur vestibulum in velit. Nullam eu enim ut urna lacinia porttitor. Nam nec dui sit amet ligula volutpat rutrum vel non lectus. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Pellentesque ornare adipiscing augue quis venenatis. Praesent nec sapien libero, id posuere erat. Aliquam tincidunt nunc nec eros mattis eget blandit elit dapibus. Integer ut mi magna. Fusce ut ligula nec lacus mollis dapibus vel convallis ligula.</p>
        	<p>Integer fermentum adipiscing nibh in porta. Cras massa augue, luctus at volutpat egestas, dignissim a leo. Proin eget egestas dui. Nulla dignissim commodo diam, ut euismod purus volutpat nec. Nunc pharetra hendrerit fringilla. Integer malesuada condimentum tellus, quis convallis nisi sagittis euismod. Aliquam consequat lobortis sodales. In id rutrum tortor. Aliquam id eros a velit elementum fringilla et ut dolor. Curabitur urna metus, lacinia quis luctus et, feugiat ut eros. Aenean sed malesuada nunc. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos.</p>
        </div>
    	</div>
    	<div class="in">
        <h3>События в игре</h3>
        <div class="scroll border">
        	<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc at volutpat mi. Pellentesque et enim felis, sit amet imperdiet felis. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Nulla elit risus, volutpat a auctor a, luctus eget dolor. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Phasellus non purus eu orci varius consectetur vestibulum in velit. Nullam eu enim ut urna lacinia porttitor. Nam nec dui sit amet ligula volutpat rutrum vel non lectus. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Pellentesque ornare adipiscing augue quis venenatis. Praesent nec sapien libero, id posuere erat. Aliquam tincidunt nunc nec eros mattis eget blandit elit dapibus. Integer ut mi magna. Fusce ut ligula nec lacus mollis dapibus vel convallis ligula.</p>
        	<p>Integer fermentum adipiscing nibh in porta. Cras massa augue, luctus at volutpat egestas, dignissim a leo. Proin eget egestas dui. Nulla dignissim commodo diam, ut euismod purus volutpat nec. Nunc pharetra hendrerit fringilla. Integer malesuada condimentum tellus, quis convallis nisi sagittis euismod. Aliquam consequat lobortis sodales. In id rutrum tortor. Aliquam id eros a velit elementum fringilla et ut dolor. Curabitur urna metus, lacinia quis luctus et, feugiat ut eros. Aenean sed malesuada nunc. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos.</p>
        </div>
    	</div>
    </div>
    <div id="c4">
    	<h3>Наши друзья</h3>
    	<div class="border" style="height: 100px; text-align: center;">Баннеры</div>

    	<h3>О рекламе</h3>
    	<div class="border scroll" style="height: 100px; width: 70%; margin: auto">
        Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc at volutpat mi. Pellentesque et enim felis, sit amet imperdiet felis. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Nulla elit risus, volutpat a auctor a, luctus eget dolor. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Phasellus non purus eu orci varius consectetur vestibulum in velit. Nullam eu enim ut urna lacinia porttitor. Nam nec dui sit amet ligula volutpat rutrum vel non lectus. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Pellentesque ornare adipiscing augue quis venenatis. Praesent nec sapien libero, id posuere erat. Aliquam tincidunt nunc nec eros mattis eget blandit elit dapibus. Integer ut mi magna. Fusce ut ligula nec lacus mollis dapibus vel convallis ligula.
    	</div>
    </div>
	</div>
</div>

<script>
$('#pun-announcement .buttons li').click(function() {
	$('#pun-announcement .buttons li').removeClass('active')
	alt = $(this).addClass('active').attr('alt');
	
	$('#pun-announcement .content > div').slideUp('slow');
	$('#pun-announcement .content > #c' + alt).slideDown('slow');
})
$('#pun-announcement .buttons li.active').trigger('click');

</script>

+2

albar · Поделиться**911**07.04.2013 00:02:04

kozhilya
Благодарю, все прекрасно. А эти боковые кнопки-переключалки нельзя заменить своими изображениями для большей эстетики? Сия возможность недоступна?

0

КоТеЙкО;) · [2000-02-29]

kozhilya написал(а):

Сделаю на выходных.

да-а-а?

0

Радужная Звезда · Поделиться**913**07.04.2013 07:27:40

kozhilya написал(а):

Спасибо большое, вы гений!
Всё прекрасно работает, + вам.

0

kozhilya · Поделиться**914**07.04.2013 10:18:37

КоТеЙкО;)
Как раз думаю, что с этим можно сделать. Сегодня вечером реализую.

albar написал(а):

kozhilya
Благодарю, все прекрасно. А эти боковые кнопки-переключалки нельзя заменить своими изображениями для большей эстетики? Сия возможность недоступна?

Можно, конечно.
Для этого в коде, который я вам дал

<div class="buttons">
<ul>
<li alt="1" class="active"><span>Основное</span></li>
<li alt="2"><span>Админимстрация</span></li>
<li alt="3"><span>По игре</span></li>
<li alt="4"><span>Партнёры</span></li>
</ul>
</div>

Белое заменятете на ваши катинки:

<img src="Ссылка на картинку" alt="Продублированный текст">

Продублированный текст нужен для того, что бы если по какой-то причине картинка не прогрузилась, пользователь мог понять, за что отвечает кнопка.

0

Радужная Звезда · Поделиться**915**07.04.2013 14:24:20

У меня какая-то проблема, когда я вставила таблицу, ссылка а форум > http://animehniki.rusff.me

0

Райдо · [1991-07-22]

1. http://kyklanit.rolka.su/

2. Нельзя ли узнать у вас приблизительный код таблицы вот как на этом форуме?
У нас стоит таблица наподобие, но эта прям ащащ.
А наш дизайнер сам не знает как ее составить.

0

Falou · Поделиться**917**07.04.2013 18:02:27

kozhilya написал(а):

Falou
Можете расчитывать. Вот только с элементами дизайна, видимо , будете работаться сами.

Ну элементы дизайна нам сделать не проблема, нам главное что бы таблица работала и ничто никуда не исчезало и не съезжало. )))

0

kozhilya · Поделиться**918**07.04.2013 21:05:43

КоТеЙкО;)
Радужная Звезда
Райдо
Falou
Приношу свои извинения, но сегодня забеглася как собака, сил на что-то осмысленное просто нет. Сделаю всё до вторника.

+1

Райдо · [1991-07-22]

kozhilya
ничего страшного.
благодарю, буду ждать)

0

Falou · Поделиться**920**08.04.2013 01:31:43

kozhilya
Мы разумеется подождём. )))

0

Техническая поддержка сервиса Quadro.Boards

Меню навигации

Пользовательские ссылки

Объявление

Новости сервиса

О форуме

Полезные ссылки

Информация о пользователе

FAQ по самостоятельному составлению HTML-таблицы и Заказ Таблиц

Сообщений 901 страница 920 из 1000

Поделиться90105.04.2013 16:47:25

Поделиться90205.04.2013 17:03:10

Поделиться90305.04.2013 18:54:03

Поделиться90405.04.2013 19:41:35

Поделиться90505.04.2013 20:44:49

Поделиться90605.04.2013 21:52:02

Поделиться90705.04.2013 22:10:28

Поделиться90806.04.2013 19:07:29

Поделиться90906.04.2013 19:22:40

Поделиться91006.04.2013 21:24:01

Поделиться91107.04.2013 00:02:04

Поделиться91207.04.2013 05:41:44

Поделиться91307.04.2013 07:27:40

Поделиться91407.04.2013 10:18:37

Поделиться91507.04.2013 14:24:20

Поделиться91607.04.2013 16:39:35

Поделиться91707.04.2013 18:02:27

Поделиться91807.04.2013 21:05:43

Поделиться91907.04.2013 21:45:57

Поделиться92008.04.2013 01:31:43