Форум АНТИЧАТ - [HTML, Css] - Задай вопрос, получи ответ

Страница 1 из 38

Показывать 40 сообщений этой темы на одной странице

Форум АНТИЧАТ (https://forum.antichat.xyz/index.php)

- PHP, PERL, MySQL, JavaScript (https://forum.antichat.xyz/forumdisplay.php?f=37)

- - [HTML, Css] - Задай вопрос, получи ответ (https://forum.antichat.xyz/showthread.php?t=43254)

Isis	28.06.2007 01:10

[HTML, Css] - Задай вопрос, получи ответ

В этой теме задаём вопросы по HTML (разметка гипертекста) и CSS (каскадные таблицы стилей)

Isis	28.06.2007 01:14

Можно ли сделать <textarea> невидимым?
Пробовал type="hidden" - не хочет :)

_Great_

28.06.2007 01:15

не type=hidden, а попробуй style="visibility:hidden" или как там

GreenBear

28.06.2007 01:18

style='display:none'

Great: Во, я это имел в виду.. забыл этот стиль

blaga

28.06.2007 03:47

Таблицы входят в стандарт XHTML'a?? Или только Div'ы?

hhover

28.06.2007 04:31

Нигде не слышал, чтобы стандарты запрещали использование таблиц. Дивы и таблицы соперничают между собой только как способы верстки документов, и для Xhtml естественно логичнее использовать блочную верстку, но тем не менее таблицы никто не запрещал, просто с дивами все стандарты соблюсти проще. А таблицы использовать по их прямому назначению, или там, где дивы никак не справляются со своей задачей.

PEPSICOLA

02.07.2007 06:58

Help! :) Задаца - что бы фон таблицы (которая в дальнейшем в зависимости от наполнения будет менять свою высоту) должна иметь background - gradient. Как это сделать с использованием css? Помогите пожалуйста! :)

Полоска с картинкой не выход, т.к. фиг знает до какой длины она будет открываться вниз.

n1†R0x

02.07.2007 11:07

Я Геме задавал подобный вопрос, когда клепал сайт для одной фирмы
Вот как он ответил:

Цитата:

31.05.2007 15:26:03, Гема
знаю это появилось недавно .. в ие только пашет

...

31.05.2007 15:29:32, Гема
<TD VALIGN=TOP BGCOLOR=#F4F3EE STYLE="FILTER: progid: DXImageTransform.Microsoft.Gradient(gradientType=0 ,startColorStr=#FCFBFE,endColorStr=#F4F3EE); padding: 8px 8px;">

Helios

04.07.2007 19:53

2PEPSICOLA

как вариант сделать следующее:

Код:



.my_gradient

{

     background: #fff url(images/gradientbg.gif) repeat-x;

}

Где #fff - конечный цвет градиента (который снизу),
gradientbg.gif - вертикальная полоска с градиентом.

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

При этом, делая полоску с фоном шириной пикселей в 5, ты можешь сделать ее достаточно высокой, чтобы растяжения, польше чем высота фона не происходило, при этом картинка будет весить порядка 2кБ.

Выходить из положения, задавая фиксированную высоту (height: 300px) не правильно, т.к. в той же Опере при переполнении колонка останется того размера, который ты задал, а текст с нее вылезет.

XHTTP

09.07.2007 08:23

Немогу заставить div фиксироваться в IE. жареный лис, мазила и опера нормально отображают, а IE поритит вид :mad:

Helios

09.07.2007 12:21

Добавь вверху страницы

PHP код:


		
			
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML Basic 1.0//EN" "http://www.w3.org/TR/xhtml-basic/xhtml-basic10.dtd">

Код:

position: fixed;

top: ..px;

left: ..px;

.. - замени нужными значениями

rm24	09.07.2007 19:14

позиционирование

При использовании абсолютного позиционирования в играх одно изображение наслаивается на другое. Т.е. персонаж игры может пройти сквозь стену(другую картинку). Без абсолютного позиционирования как я понял, не обайтись. Как же решать данную проблему?

Ni0x	09.07.2007 22:01

rm24, ну так сделай "абсолютное позиционирование", проблема в том что не знаешь как? или сделай отдельные картинки, которые бы устраивали.

Helios

10.07.2007 01:12

2rm24

Просчитывай это тем, чем двигаешь персонажа (JavaScript, php, etc.).

А если ты надеешься, что браузер будет тебе кричать "Стоять! Стенка!", то это не сюда)

XHTTP

10.07.2007 02:12

IE 7 нормально отображает div? Фиксация не получилась...

rm24	10.07.2007 17:57

◄Berkut

http://www.w3.org/TR/CSS21/visuren.html#absolute-positioning

Helios

Я подумал что может быть есть свойство не позволяющее наслаеватся слоям на картинки.

GreenBear

19.07.2007 20:52

вот фигня тут выходит.
в ИЕ выглядит так как надо:
http://ra.foto.radikal.ru/0707/bf/9c854fd4bd82.jpg

но в ФФ и опере выглядит не так как надо,
http://ra.foto.radikal.ru/0707/16/fd3691d214bc.jpg

код

Код HTML:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

<html>

<head>

  <title>...</title>

  <style type='text/css'>

  .logo{

          background-color: black;

          widht: 100%;

          height: 100px;

  }

  .menuline{

          background-color: #235529;

          color: white;

          width: 100%;

          height: 20px;

          margin: -2px 0px 0px 0px;

  }

  img{

          border:0;

  }



  </style>

</head>



<body>



        <div class="logo">

                <a href="index.php"><img src="img/logo_start.gif" width="350" height="100" alt="Logo: Start" /></a>

        </div>

        <div class="menuline">



        </div>



</body>



</html>

как сделать чтобы было в ФФ нормально?

GreenBear

19.07.2007 21:07

мне и надо, чтобы нижний наехал на верхний.

Helios

19.07.2007 23:31

во-первых: не widht, а width.

Во вторых: имхо легче сделать так:

PHP код:


		
			
<style>



a img { border: none 0px; }



.menuline {

  height: 100px;

  vertical-align: bottom;

  background-color: #235529;

  margin: 0px 0px 0px 0px;

  color: #fff;

  position: absolute;

  bottom: 0px;

  white-space: nowrap;

}



.logo

{

  float: left;

}

</style>



<div style="height: 300px;">

 <div class="logo">

  <a href="#"><img src="logo_start.gif" ... /></a>

 </div>

 <div class="menuline">

  ..::menu::..

 </div>

</div>

Параметром width в CSS играться не стоит, т.к. в Standarts mode (а xhtml 1.0 strict к относится к нему) он носит не рекомендательный, а строгий характер(как написано, так и будет при любых обстоятельствах), и задает значение в процентах от высоты(!) экрана.

div по умолчанию заполняет всю доступную ему ширину, поэтому параметр width в данном случае ему не нужен и подавно.

white-space: nowrap не даст твоему меню расползаться на две и больше строк.

З.Ы. Ногами, если не правильно понял, что ты хотел, не пинать.

Helios

19.07.2007 23:39

посмотри на код - один див в другом. "Наезд" имхо очевиден

ЗЫ: а нолевой margin для кроссбраузерости: див занимает столько места, сколько может занять

GreenBear

20.07.2007 00:27

Цитата:

во-первых: не widht, а width.

я их убрал по совету ксс валидатора. да и опечатка только из-за того, что редактор не подсвечивает ксс.

Цитата:

div по умолчанию заполняет всю доступную ему ширину, поэтому параметр width в данном случае ему не нужен и подавно.

ок.

а на счет того, что мне и надо чтобы заезжало чуть чуть вверх. в ИЕ заезжает. в опере и ФФ нет.. почему не знаю.

Helios

20.07.2007 00:37

Так сделай просто с фоновым рисунком, как invlose предлагал - будет везде одинаково

b3	21.07.2007 21:11

А чем вы правите селекторы стилей ? И как добавить селектор к странице :) ? Я правил FrontPag'ером сниффер Каника вот что вышло -
http://www.b333.fu2reteam.org/personal/log.php , но сам добавить не могу стили к существующей странице, кто подскажет плюсадин:)

Helios

21.07.2007 22:28

Руцями мы их правим в блокноте.

D Mak

22.07.2007 09:58

Цитата:

селекторы стилей

это ксс шоли?
если да, то прилинковать можна

Код HTML:

<link href="name.css" rel="stylesheet" type="text/css" />

Цитата:

Я правил FrontPag'ером

ыгыгы, ты им еще пользуешься??

Helios

22.07.2007 16:27

Классика - это HTML Kit, но никак не FrontPage.

PS. И где ты видел селекторы в двести строк?

cb93ka

22.07.2007 17:34

dreamweaver юзай =\\
TopStyle для css, вроде интергрируется со многими прогами

invlose

23.07.2007 16:55

...
Харе оффтопить
Создайте тему в болталке=\и заодно выясните что такое все-таки селекторы
....
--->Delete This<---

liosha

29.07.2007 20:23

Вот, допустим у меня на сайте(wap) есть поле ввода, неважно какое и есть кнопка под ним, типа "Готово". Как сделать, чтоб при нажатии "Готово" введенные данные сохранялись где-нибудь, чтоб я их мог потом просмотреть.

blaga

30.07.2007 03:36

liosha, это тебе в PHP надо глядеть.

-=lebed=-

31.07.2007 09:19

сабж: редактор Macromedia Dreamwever версия 8.

Вообщем сделал страницу, проверяю отображение во всех трёх браузерах все одинаково и верно отображается, проверяю на ошибки документ встроенными средствами пишет вот что на код:

Код:

<td background="images/btn.png" class="norepeat"><table width="100%" border="0" cellspacing="0" cellpadding="0">

Цитата:

td" не имеет атрибута: "background" в текущих активных версиях.[HTML 4.0]

DOCTYPE не указан...

Ещё ругается на это:

Код:

<table width="100%" height="100%" border="0" cellpadding="0" cellspacing="0">

Цитата:

Тэг: "table" не имеет атрибута: "height" в текущих активных версиях.[HTML 4.0]

В чём трабл?

Что фон в ячейках таблицы нельзя задавать и высоту таблиц тоже? в рамках HTML 4.0 какой мне DOCTYPE прописать? чтоб валидатор не ругался и правильно всё проверял?

-=lebed=-

31.07.2007 09:37

Цитата:

Сообщение от Inluck

сделай через <style></style> и не парься=\

#стер

w3c.org=\там есть спецификации)

Дык всё и так работает! может просто правильно надо указать DOCTYPE ?

-=lebed=-

31.07.2007 10:35

да лан забил я на эти ошибки - браузеры-то всё верно отображают!

Helios

31.07.2007 14:31

2-=lebed=-

В спецификациях HTML 4.0 и выше аттрибут background тегов table, tr и td не существуе только по одной причине - первоначально он был введен мелкософтом в IE, и остальными браузерами не поддерживался. Поэтому в тот момент в спецификации не вошел. А позже на него, откровенно говоря, забили.

Чесно говоря, не вижу смысла в его использовании, намного проще и удобнее воспользоваться CSS:

Код:

background: #fff url(/path/to/image.gif) repeat;

При этом можно указать не только рисунок, но и его расположение и тип размножения(если нужно).

На счет height скажу одно - аттрибут считается устаревшим начиная с HTML 4.01.

Попробуй doctype html 4.0 или не указывай его вообще.

Подробнее о doctype:
Тип документа: объявлять или не объявлять?

Тип документа: режимы рендеринга

И сами Doctype:
http://www.opera.com/docs/specs/doctype/

Joker-jar

06.08.2007 05:47

Код HTML:

<SELECT NAME="имя"> 

<OPTION VALUE="option_1" selected>текст 1 

<OPTION VALUE="option_2">текст 2 

<OPTION VALUE="option_n">текст n 

</SELECT>

Как сделать, чтоб в этот контролл можно было текст вписывать?

FeraS

06.08.2007 06:27

Joker-jar
Обчным методом нельзя

Извращение:

PHP код:


		
			
<div style="left:10; top: 10; position: absolute;">  

 <table cellpadding="0" cellspacing ="0">

  <tr>

   <td style="vertical-align: top"><input name="veve" style="margin: 0; padding: 0"></td><td style="vertical-align: top"><img src="картинка" onclick="ve.style.display=(ve.style.display==''?'none':'');it=2;">   </td>

  </tr>

 </table>

</div>



<div style="left: 10; top: 31; position: absolute; display: none; width: 170; color: black; font-family: verdana; font-size: 10; border: 1 black solid; background-color: white" id="ve">

 <table style="cursor: hand;" cellsapcing="0" cellpadding="0" width="100%">

  <tr>

   <td onmouseover="this.style.backgroundColor='black'; this.style.color='white'" onmouseout="this.style.backgroundColor='white'; this.style.color='black'" onclick="veve.value='Вариант 1';ve.style.display='none'">Вариант 1</td>

  </tr>

  <tr><td onmouseover="this.style.backgroundColor='black'; this.style.color='white'" onclick="veve.value='Вариант 2'; ve.style.display='none'" onmouseout="this.style.backgroundColor='white'; this.style.color='black'">Вариант 2</td>

 </tr>

</table>



<script>

 var it = 0;

 document.onclick=zz;



 function zz(){

  it--;

  if(it!=1){

   ve.style.display='none';

  }

 }

</script>

Mescalin

05.09.2007 17:05

Чем криптануть iframe? У меня есть пару html крипторов,но каспер ругается,может у кого нибудь есть норм криптор?

temp_late

11.09.2007 13:14

Как зделать что бы одна таблица накладывалась на другу как слоями?

Код HTML:

<table>

<tr><td> - </td><td> - </td></tr>

<tr><td> - </td><td> - </td></tr>

</table>



<table>

<tr><td> 0 </td><td> 0 </td></tr>

<tr><td> 0 </td><td> 0 </td></tr>

</table>

phol1eadeux

11.09.2007 14:53

Цитата:

Сообщение от temp_late

Как зделать что бы одна таблица накладывалась на другу как слоями?

Как два байта переслать. Используя блочную верстку и CSS.

Код HTML:

<html>

<style type="text/css">

 #table {

 position: absolute;

 left: 350px;

 top: 50px;

 width: 120px;

 }

</style>



<body>

<div id="table"><table border=1><tr><td>1</tr></table></div>

<div id="table"><table border=1><tr><td>-</tr></table></div>

</body>

</html>

NOmeR1

14.09.2007 22:19

Цитата:

Сообщение от sys(64)

sys64.110mb.com
как сделать, чтобы при нажатии на гиперссылку, страница открывалась в правом фрейме?

Тогда нужно сделать чтобы и гиперссылка была в ифрейме.

Время: 07:59

Страница 1 из 38

Последняя »

Показывать 40 сообщений этой темы на одной странице