Автор Тема: Обсуждение Web-кодинга и всего что с этим связанно  (Прочитано 33380 раз)

0 Пользователей и 1 Гость просматривают эту тему.

Оффлайн CreatoR [?]

  • Администратор
  • *
  • Сообщений: 7806
  • Репутация: 2279
  • Пол: Мужской
  • AutoIt is simple, subtle, elegant
    • CreatoR's Lab
    • Награды
  • Версия AutoIt: 3.3.10.2
В этой теме будем обсуждать вопросы касающиеся веб-технологий (желательно в заимодействий с AutoIt-кодингом) и всего что связанно с данной темой (html, css, js, php).
По мере появления вопросов буду сюда писать, если и у вас есть подобные вопросы, пишите, будем верстать как сможем :read_this:.

P.S
Если обсуждение будет активное, возможно отведём для этого новый раздел.

 :beer:
« Последнее редактирование: Февраль 06, 2011, 23:38:02 от CreatoR »


Правила, Поиск, Супер тема


AutoIt is simple, subtle, elegant.


«Не оказываю тех. поддержку через ПМ/ICQ, и по электронной почте - для этого есть форум. (C)»
«Законы Мэрфи неоспоримы!»


Мои работы

Русское сообщество AutoIt

Обсуждение Web-кодинга и всего что с этим связанно
« Отправлен: Апрель 05, 2010, 17:25:09 »

Оффлайн Garrett [?]

  • Глобальный модератор
  • *
  • Сообщений: 3865
  • Репутация: 955
  • Пол: Мужской
    • Награды
  • Версия AutoIt: 3.3.14.0
Ну вот! Как говорил ослик Иа: "Мой любимый цвет…"  :laugh:
html, css, js, php - близкая мне тема!  ;D
 :beer:

Скорблю и помню.




Оффлайн CreatoR [?]

  • Администратор
  • *
  • Сообщений: 7806

  • Автор темы
  • Репутация: 2279
  • Пол: Мужской
  • AutoIt is simple, subtle, elegant
    • CreatoR's Lab
    • Награды
  • Версия AutoIt: 3.3.10.2
Вопрос первый (по html+стили):

Возможно ли указать приоритет тегам, чтобы теги с определёнными стилями (точнее классами) имели приоритет отображения?

Например, имеем такой код:
Код: (xml) [Выделить]
  1. <font style="color:#FF0000;"><a href="http://autoit-script.ru" style="font-weight: bold; color:blue;">Click Me!</a></font>

тут в первую очередь отображается стиль заданный в элементе <a>, а мне нужно чтобы стиль брался из <font>, который снаружи. Т.е нужно проигнорировать стиль тега <a> и/или поставить приоритет на тег <font>.

Знаю что можно поменять теги местами, но мне нужно узнать как это сделать не меня их местами.


Добавлено: Апрель 05, 2010, 20:12:12
Вопрос второй (по html+стили):

В IE (7), почему то при копирований текста который обрамлён тегом <span>, добавляется пробел на конце каждой строки.
Как обойти данную проблему?
« Последнее редактирование: Апрель 05, 2010, 20:12:12 от CreatoR, Причина: Объединение сообщений »

Оффлайн El Panda [?]

  • Глобальный модератор
  • *
  • Сообщений: 102
  • Репутация: 59
  • Пол: Мужской
    • Награды
CreatoR  [?]
Цитировать
Вопрос первый (по html+стили):

Селектор по классу всегда приорететнее селектор по тэгу.
Еще больший приоритет у селектора по идентификатору.
Если существуют два одинаковых селектора, то приоритет будет иметь последний.

Цитировать
Специфичность вложенных селекторов требует некоторых расчетов. Все id селекторы (#something) приравниваются к 100, селекторы класса (.something) равны 10, а каждый HTML элемент равен 1.
p — имеет специфичность равную 1 (один HTML элемент);
div p — имеет специфичность равную 2 (два HTML элемента);
.tree — имеет специфичность равную 10 (один селектор класса);
div p.tree — имеет специфичность равную 12 (два HTML элемента и один селектор класса);
#baobab — имеет специфичность равную 100 (один id селектор);
body #content .alternative p — имеет специфичность равную 112 (два HTML элемента, один id селектор и один селектор класса).

Наибольший приоритет имеют инлайновые стили (атрибут style) и приравниваются к 1000.
Партнерская программа для разработчиков ботов. Заработай на продаже своих программ!

Русское сообщество AutoIt

Re: Обсуждение веб-кодинга и всего что с этим связанно
« Ответ #3 Отправлен: Апрель 05, 2010, 20:44:12 »

Оффлайн Garrett [?]

  • Глобальный модератор
  • *
  • Сообщений: 3865
  • Репутация: 955
  • Пол: Мужской
    • Награды
  • Версия AutoIt: 3.3.14.0
1. <font></font> Это устаревший тег, его не рекомендуется использовать, хотя все браузеры его понимают.
2. Этот тег распространяется только на текст, заключённый в него, но не распространяется на теги, коим является тег <а>

Можно, в файл, между тегами <head></head> поставить стиль :
<style>
a{color:#FF0000 !important;}
</style>

Оффлайн CreatoR [?]

  • Администратор
  • *
  • Сообщений: 7806

  • Автор темы
  • Репутация: 2279
  • Пол: Мужской
  • AutoIt is simple, subtle, elegant
    • CreatoR's Lab
    • Награды
  • Версия AutoIt: 3.3.10.2
El Panda  [?]
Цитировать
Селектор по классу всегда приорететнее селектор по тэгу
Я это уже заметил, спасибо :) - Но как мне решить мою проблему, желательно на примере.

Garrett  [?]
Цитировать
<font></font> Это устаревший тег
Это всего лишь пример, не в этом же проблема (я в реальности использую span).

Цитировать
Можно, в файл, между тегами <head></head> поставить стиль :
Но это глобально ко всему коду, а мне нужно для конкретных случаев.



Ещё вопрос: Возможно ли задать длину табов в определённом элементе, например в pre?

Оффлайн Garrett [?]

  • Глобальный модератор
  • *
  • Сообщений: 3865
  • Репутация: 955
  • Пол: Мужской
    • Награды
  • Версия AutoIt: 3.3.14.0
CreatoR  [?]
Цитировать
Но это глобально ко всему коду, а мне нужно для конкретных случаев.

Если документ формируется вами, на стадии наполнения, то лучше сразу позаботится о CSS и определить селекторы. Если же вы хотите сделать изменения в готовом документе, то лучше его прогнать через скрипт на Autoit`е, используя IE.au3, и заменить нужные вам стили.

Можно ещё такой вариант, отдельно для каждой ссылки:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta content="text/html; charset=utf-8" http-equiv="content-type">
<title>Title</title>
<style>
#link_2{color:green !important;}
#link_3{color:gray !important;}
</style>
</head>
<body>
<pre>
 <span style="color:#FF0000;">Link [Blue]  - <a id="link_1" href="http://autoit-script.ru" style="font-weight: bold; color:blue;">Click Me!</a></span>
 <span style="color:#FF0000;">Link [Green] - <a id="link_2" href="http://autoit-script.ru" style="font-weight: bold; color:blue;">Click Me!</a></span>
 <span style="color:#FF0000;">Link [Gray]  - <a id="link_3" href="http://autoit-script.ru" style="font-weight: bold; color:blue;">Click Me!</a></span>
</pre>
</body>
</html>
« Последнее редактирование: Апрель 06, 2010, 00:53:56 от Garrett »

Оффлайн CreatoR [?]

  • Администратор
  • *
  • Сообщений: 7806

  • Автор темы
  • Репутация: 2279
  • Пол: Мужской
  • AutoIt is simple, subtle, elegant
    • CreatoR's Lab
    • Награды
  • Версия AutoIt: 3.3.10.2
Garrett
!important;
Оно не работает на тегах которые расположенны снаружи?

Код: (xml) [Выделить]
  1. <head>
  2. <style type="text/css">
  3. .S1
  4. {
  5.     font-style: italic !important;
  6.     color: #A00FF0 !important;
  7. }
  8.  
  9. #S1
  10. {
  11.     font-style: italic;
  12.     color: #A00FF0 !important;
  13. }
  14.  
  15. .S2
  16. {
  17.     font-weight: bold;
  18.     color: #FF0000;
  19. }
  20. </style></head>
  21.  
  22. <span id="S1">#AutoIt3Wrapper_Au3Check_Parameters<span class="S2"> = yes</span></span>

класс "S1" должен иметь наивысшый приоритет, чтобы цвет и шрифт для всего что находится между наружными тегами span заменяли остальные классы.

Русское сообщество AutoIt

Re: Обсуждение веб-кодинга и всего что с этим связанно
« Ответ #7 Отправлен: Апрель 10, 2010, 17:46:11 »

Оффлайн Garrett [?]

  • Глобальный модератор
  • *
  • Сообщений: 3865
  • Репутация: 955
  • Пол: Мужской
    • Награды
  • Версия AutoIt: 3.3.14.0
Вот что у меня показывает:
---
#AutoIt3Wrapper_Au3Check_Parameters = yes
---
это так и должно быть! Здесь всё правильно работает!
Какая цель стоит у вас?

Оффлайн CreatoR [?]

  • Администратор
  • *
  • Сообщений: 7806

  • Автор темы
  • Репутация: 2279
  • Пол: Мужской
  • AutoIt is simple, subtle, elegant
    • CreatoR's Lab
    • Награды
  • Версия AutoIt: 3.3.10.2
Garrett [?]
Цитировать
Какая цель стоит у вас?
“класс "S1" должен иметь наивысшый приоритет, чтобы цвет и шрифт для всего что находится между наружными тегами span заменяли остальные классы”.

Т.е должно выглядеть так:

#AutoIt3Wrapper_Au3Check_Parameters = yes

расстановка тегов должна оставаться текущей.

Оффлайн Garrett [?]

  • Глобальный модератор
  • *
  • Сообщений: 3865
  • Репутация: 955
  • Пол: Мужской
    • Награды
  • Версия AutoIt: 3.3.14.0
CreatoR  [?]
Цитировать
чтобы цвет и шрифт для всего что находится между наружными тегами span заменяли остальные классы.
!important - он переопределяет стиль автора на стиль пользователя, для указанного tedclass`а или id!

!important.S1{
    font-style: italic !important;
    color: #A00FF0 !important;
}
#S1, .S2{ - переопределяем стиль .S2
    font-style: italic;
    color: #A00FF0 !important;
}
.S2{
    font-weight: bold; - остаётся прежнем
    color: #FF0000;
}
Было у вас:
#AutoIt3Wrapper_Au3Check_Parameters = yes
Стало:
#AutoIt3Wrapper_Au3Check_Parameters = yes


Добавлено: Апрель 10, 2010, 19:00:54
!important/* определяем глобальный стиль для всех SPAN */
span{
   font-style: italic;
    color: #000;
}
/* определяем стиль для id="S1" */
#S1{
    color: #A00FF0;
}
/* определяем стиль для class="S2" */
.S2{
    font-weight: bold;
    color: #FF0000;
}
/* переопределяем стиль для class="S2" */
.S2{
   font-weight: normal !important;
    color: #A00FF0 !important;
}
« Последнее редактирование: Апрель 10, 2010, 19:01:45 от Garrett, Причина: Объединение сообщений »

Оффлайн CreatoR [?]

  • Администратор
  • *
  • Сообщений: 7806

  • Автор темы
  • Репутация: 2279
  • Пол: Мужской
  • AutoIt is simple, subtle, elegant
    • CreatoR's Lab
    • Награды
  • Версия AutoIt: 3.3.10.2
Так не годится :(, мне стиль изменить нужно только для этой конкретной строчки, дальге если нет внешнего стиля S1 то должно быть красным:

<span class="S1">#AutoIt3Wrapper_Au3Check_Parameters<span class="S2"> = yes</span></span>
<br>
<span id="S2">yes</span>
последний span должен подсвечивать красным.

Оффлайн Garrett [?]

  • Глобальный модератор
  • *
  • Сообщений: 3865
  • Репутация: 955
  • Пол: Мужской
    • Награды
  • Версия AutoIt: 3.3.14.0
Так у вас же два разных селектора id="S2" и class="S2"! Задайте им разный стиль. Или не задавайте стиль для class="S2" и тогда он примет стиль class="S1"
P.S. Можно весь HTML приатачить?


Добавлено: Апрель 10, 2010, 20:08:52
Так не годится :(, мне стиль изменить нужно только для этой конкретной строчки, дальге если нет внешнего стиля S1 то должно быть красным:

<span class="S1">#AutoIt3Wrapper_Au3Check_Parameters<span class="S2"> = yes</span></span>
<br>
<span id="S2">yes</span>
последний span должен подсвечивать красным.
Попробуйте так:/* определяем стиль для id="S1" и тегу <span> внутри селектора id="S1" */
.S1, .S1 span {
    font-style: italic;
    font-weight:normal;   
    color: #A00FF0;
}
/* определяем стиль для class="S2" */
.S2 {
    font-weight: bold;
    color: #FF0000;
}
/* определяем стиль для id="S2" */
#S2 {
    font-weight: bold;
    color: #FF0000;
}
« Последнее редактирование: Апрель 10, 2010, 20:08:52 от Garrett, Причина: Объединение сообщений »

Оффлайн CreatoR [?]

  • Администратор
  • *
  • Сообщений: 7806

  • Автор темы
  • Репутация: 2279
  • Пол: Мужской
  • AutoIt is simple, subtle, elegant
    • CreatoR's Lab
    • Награды
  • Версия AutoIt: 3.3.10.2
Garrett  [?]
Цитировать
Попробуйте так
Супер, то что и требовалось:

Код: (xml) [Выделить]
  1. <head>
  2. <style type="text/css">
  3.  
  4. /* определяем стиль для class="S1" и тегу <span> внутри селектора class="S1" */
  5. .S1, .S1 span {
  6.     font-style: italic;
  7.     font-weight:normal;  
  8.     color: #A00FF0;
  9. }
  10.  
  11. .S2 {
  12.     font-weight: bold;
  13.     color: #FF0000;
  14. }
  15.  
  16. </style></head>
  17.  
  18. <span class="S1">#AutoIt3Wrapper_Au3Check_Parameters<span class="S2"> = yes</span></span>
  19. <br>
  20. <span class="S2">yes</span>

P.S
Кстати для css-кода можно подсвечивать так:

[code=css][/code]

Вот:
Код: (css) [Выделить]
  1. /* определяем стиль для class="S1" и тегу <span> внутри селектора class="S1" */
  2. .S1, .S1 span {
  3.     font-style: italic;
  4.     font-weight:normal;  
  5.     color: #A00FF0;
  6. }
  7.  
  8. .S2 {
  9.     font-weight: bold;
  10.     color: #FF0000;
  11. }

Оффлайн Kaster [?]

  • Бритва, Бритва Оккама
  • Глобальный модератор
  • *
  • Сообщений: 4020
  • Репутация: 622
  • Пол: Мужской
  • Мой Аватар, он лучший самый
    • Награды
  • Версия AutoIt: 3.3.14.0
OffTopicпочему-то блоки кодов в фаерфоксе выглядят не так, как в том же самом IE :(

Русское сообщество AutoIt

Re: Обсуждение веб-кодинга и всего что с этим связанно
« Ответ #14 Отправлен: Апрель 10, 2010, 23:49:25 »

 

Похожие темы

  Тема / Автор Ответов Последний ответ
6 Ответов
5134 Просмотров
Последний ответ Сентябрь 27, 2009, 17:50:31
от FiReDoGGi
29 Ответов
12358 Просмотров
Последний ответ Апрель 16, 2016, 01:21:30
от Alofa
14 Ответов
5849 Просмотров
Последний ответ Ноябрь 23, 2011, 16:04:56
от AZJIO
6 Ответов
3940 Просмотров
Последний ответ Декабрь 25, 2011, 08:27:04
от Viktor1703
2 Ответов
2554 Просмотров
Последний ответ Январь 28, 2012, 22:40:49
от madmasles
2 Ответов
2415 Просмотров
Последний ответ Апрель 07, 2012, 23:22:04
от WSWR
2 Ответов
2361 Просмотров
Последний ответ Сентябрь 05, 2012, 18:32:29
от SurikenTSD
4 Ответов
2560 Просмотров
Последний ответ Январь 09, 2014, 06:00:47
от madmasles
5 Ответов
2272 Просмотров
Последний ответ Апрель 03, 2014, 14:58:54
от C2H5OH
0 Ответов
402 Просмотров
Последний ответ Февраль 24, 2016, 09:44:00
от Yashied