Пишите сюда если нужна помощь в составлении и оформлении таблиц и других html-блоков
Помощь по составлению html-кодов
Сообщений 71 страница 80 из 177
Поделиться122.10.10 13:01
- технозомби
- Уважение: +9818
- Достижения/подарки: cake 8 emoji_events 16
- Наградные баллы: 1612
- Проверенный спец: FDFD
Поделиться7115.07.11 15:50
- Бестелесный дух прошлого
- Уважение: +160
art
Спасибо огромное!
Поделиться7221.07.11 19:51
Помогите пожалуйста, хочу в ucoz системе изменить вид материалов , взял почти готовый код, но что-то не так, я уже несколько часов пытаюсь его наладить.
Вот код
открыть|закрыть
Код:<head> <link type="text/css" rel="StyleSheet" href="/_st/my.css" /> <link rel="stylesheet" href="http://kbeessource.ucoz.ru/slider/nivozoom/nivo-zoom.css" type="text/css" media="screen" /> <script src="http://kbeessource.ucoz.ru/slider/nivozoom/jquery.nivo.zoom.pack.js" type="text/javascript"></script> <script type="text/javascript"> $(window).load(function() { $('body').nivoZoom(); }); </script> </head> <table border="0" cellpadding="0" cellspacing="0" width="100%" class="eBlock"> <tbody> <tr> <td style="padding:2px;"> <div class="eTitle" style="h1 {text-shadow: 0px 0px 4px #69c2db; }"> <a href="$ENTRY_URL$">$TITLE$</a> </div> <fieldset> <table> <tr> <div> <div class="eMessage" style="text-align:left;clear:both;padding-top:0px;padding-bottom:0px;"> <?if($IMG_URL1$)?> <?if($IMG_SMALL_URL1$)?> <a href="$IMG_URL1$" class="nivoZoom"> <img width="286" src="$IMG_SMALL_URL1$" alt="" border="0" align="left" vspace="0" hspace="0" /> <div class="nivoCaption">$MESSAGE$ </div> <?else?> <a href="$IMG_URL1$" class="nivoZoom"> <img width="286" border="0" align="left" vspace="0" hspace="0" src="$IMG_URL1$" alt="" /> <div class="nivoCaption">$MESSAGE$ </div> <?endif?> <?else?> <table> <tr> <a href="http://kbeessource.ucoz.ru/images/20875802.png" class="nivoZoom"> <img width="200" border="0" align="left" vspace="2" hspace="5" src="http://kbeessource.ucoz.ru/images/20875802.png" alt="" /> <div class="nivoCaption">Нет изображения <br>$MESSAGE$ <?endif?> </div> <td width=500> <strong> <?if($MESSAGE$)?> <font size="2" face="Cursive" color="#c4c4c4">$MESSAGE$ </font> <?else?> <font size="2" face="Roman" color="#9f9f9f"><i>нет описания...</i> </font> <?endif?></strong> </div> </td> </a></a></a> </div> </tr> </table> </fieldset> <div class="eDetails" style="text-align: right;clear: both; "> | <?if($CATEGORY_NAME$)?> <img src="http://kbeessource.ucoz.ru/menu/folder.png" align="top"> <font size="2" face="Arial Black"> <a title="Категория" href="$CATEGORY_URL$">$CATEGORY_NAME$</a> </font> | <?endif?> <img src="http://kbeessource.ucoz.ru/menu/lens.png" align="absmiddle">Просмотров <a title="Просмотров" href="$ENTRY_URL$">$READS$</a> | <img src="http://kbeessource.ucoz.ru/menu/download.png" align="absmiddle">Загрузок <a title="Загрузок" href="$ENTRY_URL$">$LOADS$</a> | <img src="http://kbeessource.ucoz.ru/menu/comment.png" align="absmiddle">Комментариев <a title="Комментариев" href="$COMMENTS_URL$">$COMMENTS_NUM$</a> | <img src="http://kbeessource.ucoz.ru/menu/user.png" align="absmiddle">Добавил <?if($USERNAME$)?> <a title="Добавил" href="$PROFILE_URL$"> <b>$USERNAME$</b></a> <?endif?> <?if($MODER_PANEL$)?> $MODER_PANEL$ <?endif?> </div> </tr> </td> </tbody> </table> <br>
Скриншот
открыть|закрыть
Хочу сделать так, чтобы текст был не снизу под изображением, а справа. Когда загружается страница, он сначала идёт справа, затем резко вниз идёт, открываю этот код в визуальном редакторе, там он выглядит нормально.
Я не спец по кодам, так что хелп ми!
Поделиться7328.07.11 02:09
- Бестелесный дух прошлого
- Уважение: +351
У меня есть таблица. Таблица стандартная:
<table><tr><td><align=right><size=9><b>Вас приветствует БЛАБЛАБЛАБЛА. </b><br>
БЛАБЛАБЛАБЛАБЛАБЛАБЛАБЛАБЛАБЛАБЛАБЛАБЛАБЛАБЛАБЛАБЛАБЛАБЛАБЛАБЛАБЛАБЛАБЛАБЛАБЛАБЛАБЛАБЛАБЛАБЛАБЛАБЛАБЛАБЛАБЛАБЛАБЛАБЛАБЛАБЛАБЛАБЛАБЛАБЛАБЛАБЛАБЛАБЛАБЛАБЛАБЛАБЛАБЛАБЛАБЛАБЛАБЛАБЛАБЛАБЛАБЛАБЛАБЛАБЛАБЛАБЛАБЛАБЛАБЛАБЛАБЛАБЛАБЛАБЛАБЛАБЛАБЛАБЛАБЛА </size></align>
</td><td><align=left><size=9><b>А вы знали, что</b>: <br>
БЛАБЛАБЛАБЛАБЛАБЛАБЛАБЛАБЛАБЛАБЛАБЛАБЛАБЛАБЛАБЛАБЛАБЛАБЛАБЛАБЛАБЛАБЛАБЛА </size></align></td></tr></table>
Вопросы:
1. Можно ли изменить фон этой таблицы? К примеру прикрепить в центр, снизу каждого из столбцов, оформительную рюшечку?
2. Как отрегулировать ширину каждого из столбцов?
Поделиться7403.08.11 10:37
Здравствуйте, хотелось бы узнать, как сделать переключающиеся вкладки в таблице? Как тут
Поделиться7503.08.11 11:14
- Проверенный специалист
- Уважение: +953
Поделиться7617.08.11 15:30
- Бестелесный дух прошлого
- Уважение: +2
Zombine
Посмотри вот по этой ссылке: Учебник HTML
Думаю ты именно здесь найдёшь ответ на свой вопрос)
Поделиться7717.08.11 15:33
- Бестелесный дух прошлого
- Уважение: +2
Пернатый
Варианты ответов для вас
Нашёл вот тут кое-какие объяснения. Возможно пригодится.
Поделиться7818.08.11 17:52
- Бестелесный дух прошлого
- Уважение: +647
Нужно к первому окошку прокрутку)
Код:
<style>
#menu span {
padding: 7px 15px 7px;
margin-right: 50px;
margin: 10px 0;
width: 300px;
text-decoration: none;
}
#menu .tabactive {
color: #36232D;
background: #E4D7C6;
}
#submenu {
padding: 5px;
height: 200px;
text-align: center;
font-size: 12px;
width: 720px;
}
.submenutext {
display: none;
height: 60px;
}
</style>
<script type="text/javascript">
$(document).ready(function() {
$("td.#MenuTxT div.submenutext").hide();
<!--$(".tabs span:first").addClass("active").show(); -->
$("td.#MenuTxT div.submenutext:first").show();
$("div.#menu span").click(function() {
$("div.#menu span").removeClass("tabactive");
$(this).addClass("tabactive");
$("td.#MenuTxT div.submenutext").hide();
var activeDiv = $(this).attr("alt");
$("div."+activeDiv).fadeIn();
return false; });
});
</script>
<center><table style="width: 815px;">
<tbody>
<tr>
<td>
<div id="menu"> <b>
<span alt=#sm1 "style="cursor: pointer;">События</span>
<span alt=#sm2 "style="cursor: pointer;">Время и Дата</span>
<span alt=#sm3 "style="cursor: pointer;">Погода</span>
<span alt=#sm4 "style="cursor: pointer;">Навигация</span>
<span alt=#sm5 "style="cursor: pointer;">Admins</span>
</b>
</div>
</td>
</tr>
<tr>
<td id="MenuTxT" align="center" valign="top">
<div id="submenu" align="center">
<div id="sm1" class="submenutext" style="display:block;">
<br/><br/>
<span style="font-family:Verdana; font-size:8pt">Добро пожаловать на форумную игру ***</span>
</div>
<div id="sm2" class="submenutext"><br /><br />
<span style="font-family:Verdana; font-size:8pt">В настоящий момент в игру необходимы ***</span>
</div>
<div id="sm3" class="submenutext"><br /><br />
<span style="font-family:Verdana; font-size:8pt">3 сентября 2011 года. ***</span>
</div>
<div id="sm4" class="submenutext"><br /><br />
<span style="font-family:Verdana; font-size:8pt">Многие говорят, что ***</span>
</div>
<div id="sm5" class="submenutext"><br /><br />
<span style="font-family:Verdana; font-size:8pt">***</span>
</div>
</div>
</td>
</tr>
</tbody>
</table></center>Поделиться7918.08.11 18:27
- Проверенный специалист
- Уважение: +953
Шериан
У тебя табличка очень низенькая в высоту, потому что когда я поставила в высоте прокрутки 100% получилось в высоту меньше 100px. Может, тебе так надо, но это я так, просто для справки.
Код:
<style>
#menu span {
padding: 7px 15px 7px;
margin-right: 50px;
margin: 10px 0;
width: 300px;
text-decoration: none;
}
#menu .tabactive {
color: #36232D;
background: #E4D7C6;
}
#submenu {
padding: 5px;
height: 200px;
text-align: center;
font-size: 12px;
width: 720px;
}
.submenutext {
display: none;
height: 60px;
}
</style>
<script type="text/javascript">
$(document).ready(function() {
$("td.#MenuTxT div.submenutext").hide();
<!--$(".tabs span:first").addClass("active").show(); -->
$("td.#MenuTxT div.submenutext:first").show();
$("div.#menu span").click(function() {
$("div.#menu span").removeClass("tabactive");
$(this).addClass("tabactive");
$("td.#MenuTxT div.submenutext").hide();
var activeDiv = $(this).attr("alt");
$("div."+activeDiv).fadeIn();
return false; });
});
</script>
<center><table style="width: 815px;">
<tbody>
<tr>
<td>
<div id="menu"> <b>
<span alt=#sm1 "style="cursor: pointer;">События</span>
<span alt=#sm2 "style="cursor: pointer;">Время и Дата</span>
<span alt=#sm3 "style="cursor: pointer;">Погода</span>
<span alt=#sm4 "style="cursor: pointer;">Навигация</span>
<span alt=#sm5 "style="cursor: pointer;">Admins</span>
</b>
</div>
</td>
</tr>
<tr>
<td id="MenuTxT" align="center" valign="top">
<div id="submenu" align="center">
<div id="sm1" class="submenutext" style="display:block;">
<br/><br/>
<div style="width: 100%; height: 100%; overflow-y: scroll;"><span style="font-family:Verdana; font-size:8pt">Добро пожаловать на форумную игру ***</span></div>
</div>
<div id="sm2" class="submenutext"><br /><br />
<span style="font-family:Verdana; font-size:8pt">В настоящий момент в игру необходимы ***</span>
</div>
<div id="sm3" class="submenutext"><br /><br />
<span style="font-family:Verdana; font-size:8pt">3 сентября 2011 года. ***</span>
</div>
<div id="sm4" class="submenutext"><br /><br />
<span style="font-family:Verdana; font-size:8pt">Многие говорят, что ***</span>
</div>
<div id="sm5" class="submenutext"><br /><br />
<span style="font-family:Verdana; font-size:8pt">***</span>
</div>
</div>
</td>
</tr>
</tbody>
</table></center><div style="width: 100%; height: 100%; overflow-y: scroll;"> - тут параметры.
Красное - ширина, синее - высота, розовое - ось прокрутки. y - вертикальная, x - горизонтальная.
Отредактировано faiko (18.08.11 18:28)
Поделиться8018.08.11 18:39
- Бестелесный дух прошлого
- Уважение: +647
faiko, кхм
http://testovikforumjet.mybb.ru/
