Чайник ищет помощи.

Aganaspher

вот проблема

Код:

<table width="440" border="0" cellpadding="0" cellspacing="0"  style="opacity:0.5;filter: alpha(opacity=50); -moz-opacity: 0.5;" background="../border_back.gif">
<tr>
<td align="left" valign="bottom" scope="colgroup" style="opacity:1;filter: alpha(opacity=100); -moz-opacity: 1;">TITLE</td>
</tr>
</table>

Почему все прозрачное? хотел полупрозрачный фон и непрозрачное заполнение текстом...а получилось все полупрозрачное!
Как сделать как хочу?!

motoslam

Можно попробовать присвоить тексту стиль... Не знаю точно, никогда такими вещами не занимался... :mrgreen:

Aganaspher

motoslam писал(а):

Можно попробовать присвоить тексту стиль... Не знаю точно, никогда такими вещами не занимался... :mrgreen:

Код:

<table width="440" border="0" cellpadding="0" cellspacing="0"  style="opacity:0.5;filter: alpha(opacity=50); -moz-opacity: 0.5;" background="../border_back.gif">
<tr>
<td align="left" valign="bottom" scope="colgroup"><font style="opacity:1;filter: alpha(opacity=100); -moz-opacity: 1.0;">TITLE</font></td>
</tr>
</table>

проблема не решена :cry:

motoslam

А с помощью дизайна этого эффекта никак не добиться? Или, например, во внешнем файле сделать div-ку или стиль для заголовка h(1-7)?

foxiS

Помоему проще сделать вот этот файл "border_back.gif" сразу прозрачным, тобишь через фотошоп или другую программу

Hy64uK

Привет,веб строители=)
Я к вам с НЕ очень важной проблемой,но всё-равно....
У меня есть страница которую я сам написал с уроков...
Вкладки с помощью языка html,jquery и css.
Теперь не могу никак во вкладки поместить текст,помогите=)
Вот код страницы и прилагающих...
1.код html-страницы

Код:

<html>
<head>
<title>Название страницы</title>
<link rel="stylesheet" type="text/css" href="style.css">
<script type="text/javascript" src="jquery-1.2.6.js"></script>
<script type="text/javascript" src="script.js"></script>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
</head>
<body>
<div id="vkladki">
<div class="vkl" id="vkladka1" onClick="chang('#vkladka1');">Вкладка1</div>
<div class="vkl" id="vkladka2" onClick="chang('#vkladka2');">Вкладка2</div>
<div class="vkl" id="vkladka3" onClick="chang('#vkladka3');">Вкладка3</div>
<div class="vkl" id="vkladka4" onClick="chang('#vkladka4');">вкладка4</div>
<div class="vkl" id="vkladka5" onClick="chang('#vkladka5');">вкладка5</div>
<div class="vkl" id="vkladka6" onClick="chang('#vkladka6');">вкладка6</div>
<div class="vkl" id="vkladka7" onClick="chang('#vkladka7');">вкладка7/div>
</div>
<div style="clear: both"></div>
<div id="content"></div>
<div style="clear: both"></div>
</body>
</html>

2.Код css
Хотя зачем=)?
3.код javascript

Код:

function chang(s){
  $('.selected').removeClass('selected');
  $(s).addClass('selected');
}

timoxa

Aganaspher писал(а):

вот проблема

Код:

<table width="440" border="0" cellpadding="0" cellspacing="0"  style="opacity:0.5;filter: alpha(opacity=50); -moz-opacity: 0.5;" background="../border_back.gif">
<tr>
<td align="left" valign="bottom" scope="colgroup" style="opacity:1;filter: alpha(opacity=100); -moz-opacity: 1;">TITLE</td>
</tr>
</table>

Почему все прозрачное? хотел полупрозрачный фон и непрозрачное заполнение текстом...а получилось все полупрозрачное!
Как сделать как хочу?!

Потому что родительский элемент полупрозрачный, поэтому и дочерний становится автоматически полупрозрачным тоже...
Обойти можно попробовать через position:absolute, но в этом случае вряд ли он будет выгодным. Второй вариант использовать png картинки, но проблемы возникнут в IE6 и тогда нужно будет пользовться всякими штуками плагинами jquery которые помогут понять IE данные картинкиююю

tihonov19art

foxiS писал(а):

Помоему проще сделать вот этот файл "border_back.gif" сразу прозрачным, тобишь через фотошоп или другую программу

+1

Форум веб-мастеров

Чайник ищет помощи.

Кто сейчас на конференции