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

Объявление

Идет поиск Хранителя форума

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

О форуме

Quadro.Support – это форум технической поддержки различных проектов и сервисов Quadro.Systems LLC, на котором грамотные технические специалисты всегда смогут помочь вам в решении проблем, или же подсказать ответы на самые сложные вопросы. Так же на форуме собрана обширная база знаний по различным аспектам наших сервисов. Не забывайте пользоваться поиском ;)

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

Привет, Гость! Войдите или зарегистрируйтесь.


Вы здесь » Техническая поддержка сервиса Quadro.Boards » Оформление форумов » FAQ по самостоятельному составлению HTML-таблицы и Заказ Таблиц


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

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

901

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

0

902

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

0

903

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

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

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

+1

904

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

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


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

0

905

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

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


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

http://s2.uploads.ru/t/Ju7ND.jpg

0

906

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

0

907

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

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

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

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

0

908

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

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

0

909

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

0

910

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

Код:
<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

911

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

0

912

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

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

да-а-а?

0

913

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


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

0

914

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

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

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

0

916

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

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

0

917

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

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

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

0

918

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

+1

919

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

0

920

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

0


Вы здесь » Техническая поддержка сервиса Quadro.Boards » Оформление форумов » FAQ по самостоятельному составлению HTML-таблицы и Заказ Таблиц


Рейтинг форумов | Создать форум бесплатно © 2007–2016 «QuadroSystems» LLC