Форум Сайтостроение Веб-строительство

2 CSS стиля ссылок на 1 странице

12
[Удален]
1230

Помогите решить ситуацию:

Есть страница, которая уже сверстана и работает. В ней применен стиль ссылок (a:). На некоторых разделах будет размещатся письма, которые приходят на почтовый ящик. В письмах также применен стиль ссылок (a:).

Из этого получается, что при отображении сходятся стили и пропадает правильное отображение либо ссылок из самого сайта, либо из письма.

Ломаем голову уже долго и незнаем что с этим сделать. Возможно можно как-нибудь либо подключить другой файл стилей каждому из писем?

ParserYa
На сайте с 04.10.2010
Offline
29
ParserYa
#1

Письмо находится в определенном блоке/таблице. Присвойте этому блоку class, например, <div class="letter">Содержимое</div>. В стилях укажите, что если ссылка вложена в блок .letter, то ее обрабатывать одним способом, если не вложена, другим:


a {color:#00ff00}
.letter a{color:#ff00ff}
[Удален]
#2

Я уже над этим думал, но здесь другая проблема - в разных письмах - разные цвета и стили. Тоесть получается, что 1 раз в общем CSS не прописать.

Например в 1 письме ссылка будет

a {color:#00ff00}

В другом письме:

a {color:#ffffff}

Поэтому так не получится. + там еще есть и другие стили, которые впринципе тоже нужно было бы включить.

Думал как вариант:

записывать стили из письма в отдельный файл, а для блока указать другой файл CSS. Но не вкурсе возможно ли такое реализовать?

Яндекс позволил управлять дизайном Новые возможности настройки внешнего В аукционе дизайнов РСЯ
Subudayj
На сайте с 24.06.2008
Offline
67
Subudayj
#3

У вас, получается, для каждого письма будет свой файл с CSS?

Quo vadis?
[Удален]
#4
Subudayj:
У вас, получается, для каждого письма будет свой файл с CSS?

Фактически получается да. Вот в этом и проблема...

kimberlit
На сайте с 13.03.2007
Offline
370
kimberlit
#5
maxym_tkach:
Фактически получается да. Вот в этом и проблема...

Это бред. Работайте с классами в одном файле.

Любому блоку присвойте свои свойства ссылок.

[Удален]
#6
kimberlit:
Это бред. Работайте с классами в одном файле.
Любому блоку присвойте свои свойства ссылок.

не получится так, из-за того, что данные нужно динамически записывать - каждое письмо имеет свои стили.

Даже если динамически записывать в 1 файл классы для каждого письма, то файл потом разрастеться до неимоверных размеров, так как писем - тысячи.

Мобильная Почта Mail.Ru реализовала В Яндекс.Почте появилась возможность Яндекс.Почта увеличилась до 10
kimberlit
На сайте с 13.03.2007
Offline
370
kimberlit
#7

А зачем каждому письму свой отдельный стиль? Нельзя систему какую-нибудь определить или ограничиться десятком стилей?

ParserYa
На сайте с 04.10.2010
Offline
29
ParserYa
#8

В начале каждого письма вставляйте теги <style type="text/css"></style> и между ними пишите стили для письма. Будьте внимательны с наследованием и переопределением уже используемых классов.

Subudayj
На сайте с 24.06.2008
Offline
67
Subudayj
#9

Если уж очень хочется свой стиль для каждого письма, то можно iframe использовать для подключения писем к основной странице.

Но я бы так делать не стал, а постарался бы привести css писем к единому знаменателю.

В Конструкторе Яндекс.Карт появилась Новые возможности настройки внешнего Яндекс представил возможность сделать
[Удален]
#10
kimberlit:
А зачем каждому письму свой отдельный стиль? Нельзя систему какую-нибудь определить или ограничиться десятком стилей?

Неполучится - разные шлют по разному. Приведу пример

Письмо № 1: 

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

<html><head><title></title>

<META http-equiv=Content-Type content="text/html; charset=windows-1251">

<meta http-equiv="Content-Style-Type" content="text/css">

<style type="text/css"><!--

body {

  margin: 5px 5px 5px 5px;

  background-color: #ffffff;

  background-image: url("cid:240E8FE6.01CBD4C4.1307CEDA.34A7F647_csseditor");

  background-repeat: repeat;

  background-attachment: fixed;

}

/* ========== Text Styles ========== */

hr { color: #000000}

body, table /* Normal text */

{

 font-size: 9pt;

 font-family: 'Courier New';

 font-style: normal;

 font-weight: normal;

 color: #000000;

 text-decoration: none;

}

span.rvts1 /* Heading */

{

 font-size: 10pt;

 font-family: 'Arial';

 font-weight: bold;

 color: #0000ff;

}

span.rvts2 /* Subheading */

{

 font-size: 10pt;

 font-family: 'Arial';

 font-weight: bold;

 color: #000080;

}

span.rvts3 /* Keywords */

{

 font-size: 10pt;

 font-family: 'Arial';

 font-style: italic;

 color: #800000;

}

a.rvts4, span.rvts4 /* Jump 1 */

{

 font-size: 10pt;

 font-family: 'Arial';

 color: #008000;

 text-decoration: underline;

}

a.rvts5, span.rvts5 /* Jump 2 */

{

 font-size: 10pt;

 font-family: 'Arial';

 color: #008000;

 text-decoration: underline;

}

span.rvts6

{

 font-size: 15pt;

 font-family: 'arial';

 font-weight: bold;

 color: #ff0000;

 vertical-align: super;

}

span.rvts7

{

 font-size: 15pt;

 font-family: 'arial';

 font-weight: bold;

 color: #000080;

 vertical-align: super;

}

span.rvts8

{

 font-size: 14pt;

 font-family: 'arial';

 font-weight: bold;

 color: #000080;

 vertical-align: super;

}

a.rvts9, span.rvts9

{

 font-size: 15pt;

 font-family: 'arial';

 font-weight: bold;

 color: #0000ff;

 vertical-align: super;

 text-decoration: underline;

}

span.rvts10

{

 font-size: 15pt;

 font-family: 'arial';

 font-weight: bold;

 vertical-align: super;

}

/* ========== Para Styles ========== */

p,ul,ol /* Paragraph Style */

{

 text-align: left;

 text-indent: 0px;

 padding: 0px 0px 0px 0px;

 margin: 0px 0px 0px 0px;

}

.rvps1 /* Centered */

{

 text-align: center;

}

--></style>

</head>

Письмо № 2: 

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">

<HTML xmlns:st1 = "urn:schemas-microsoft-com:office:smarttags" xmlns:o = 

"urn:schemas-microsoft-com:office:office"><HEAD><TITLE>TEZ TOUR Рассылка</TITLE><BASE 

href="file://Z:\WWW\!_ЕГИПЕТ (2007-08) из КИЕВА\SSH\СПО 161 SSH\">

<META content=text/html;charset=windows-1251 http-equiv=Content-Type>

<STYLE>.shapka {

	FONT-STYLE: normal; FONT-FAMILY: Verdana, Geneva, Arial, Helvetica, sans-serif; COLOR: white; FONT-SIZE: 10px; FONT-WEIGHT: normal

}

.text {

	TEXT-ALIGN: center; FONT-STYLE: normal; FONT-FAMILY: Verdana, Geneva, Arial, Helvetica, sans-serif; COLOR: white; FONT-SIZE: 14px; FONT-WEIGHT: normal

}

.spo {

	TEXT-ALIGN: center; FONT-STYLE: normal; FONT-FAMILY: Verdana, Geneva, Arial, Helvetica, sans-serif; COLOR: white; FONT-SIZE: 15px; FONT-WEIGHT: bolder

}

.spo2 {

	TEXT-ALIGN: left; FONT-STYLE: normal; FONT-FAMILY: Verdana, Geneva, Arial, Helvetica, sans-serif; COLOR: white; FONT-SIZE: 15px; FONT-WEIGHT: bolder

}

.kr {

	TEXT-ALIGN: center; FONT-STYLE: normal; FONT-FAMILY: Verdana, Geneva, Arial, Helvetica, sans-serif; COLOR: red; FONT-SIZE: 45px; FONT-WEIGHT: bolder

}

.kr2 {

	TEXT-ALIGN: center; FONT-STYLE: normal; FONT-FAMILY: Verdana, Geneva, Arial, Helvetica, sans-serif; COLOR: red; FONT-SIZE: 50px; FONT-WEIGHT: bolder

}

.wt {

	TEXT-ALIGN: center; FONT-STYLE: normal; FONT-FAMILY: Verdana, Geneva, Arial, Helvetica, sans-serif; COLOR: white; FONT-SIZE: 25px; FONT-WEIGHT: bolder

}

.wt2 {

	TEXT-ALIGN: center; FONT-STYLE: normal; FONT-FAMILY: Bookman Old Style, Garamond, Verdana, Geneva, Arial, Helvetica, sans-serif; COLOR: white; FONT-SIZE: 70px; FONT-WEIGHT: bolder

}

.wt1 {

	TEXT-ALIGN: center; FONT-STYLE: normal; FONT-FAMILY: Bookman Old Style, Garamond, Verdana, Geneva, Arial, Helvetica, sans-serif; COLOR: yellow; FONT-SIZE: 65px; FONT-WEIGHT: bolder

}

.wt3 {

	TEXT-ALIGN: center; FONT-STYLE: italic; FONT-FAMILY: Verdana, Geneva, Arial, Helvetica, sans-serif; COLOR: white; FONT-SIZE: 65px; FONT-WEIGHT: bolder

}

.yellow {

	TEXT-ALIGN: center; FONT-STYLE: normal; FONT-FAMILY: Bookman Old Style, Verdana, Tahoma, Geneva, Arial, Helvetica, sans-serif; COLOR: yellow; FONT-SIZE: 50px; FONT-WEIGHT: bolder

}

.www {

	FONT-STYLE: normal; FONT-FAMILY: Verdana, Geneva, Arial, Helvetica, sans-serif; COLOR: white; FONT-SIZE: 20px; FONT-WEIGHT: bolder

}

A:link {

	FONT-STYLE: normal; FONT-FAMILY: Verdana, Geneva, Arial, Helvetica, sans-serif; COLOR: white; FONT-SIZE: 10px; FONT-WEIGHT: bolder; TEXT-DECORATION: none

}

A:visited {

	FONT-STYLE: normal; FONT-FAMILY: Verdana, Geneva, Arial, Helvetica, sans-serif; COLOR: white; FONT-SIZE: 10px; FONT-WEIGHT: bolder; TEXT-DECORATION: none

}

A:hover {

	FONT-STYLE: normal; FONT-FAMILY: Verdana, Geneva, Arial, Helvetica, sans-serif; COLOR: white; FONT-SIZE: 10px; FONT-WEIGHT: bolder; TEXT-DECORATION: none

}

.uvag {

	TEXT-ALIGN: center; FONT-FAMILY: Verdana, Geneva, Arial, Helvetica, sans-serif; COLOR: yellow; FONT-SIZE: 20px

}

</STYLE>



<META name=GENERATOR content="MSHTML 8.00.6001.19019"></HEAD>

Письмо № 3: 

<html>

<head>

<title>Египет :: Хургада :: SPO 003 (7 мая 2011)</title>

<meta http-equiv="Content-Type" content="text/html; charset=UFT-8">

<style type="text/css">

<!--

table, body {  font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; font-size: 10pt}

-->

</style>

</head>

И так далее...

ParserYa:
В начале каждого письма вставляйте теги <style type="text/css"></style> и между ними пишите стили для письма. Будьте внимательны с наследованием и переопределением уже используемых классов.

Тоесть Вы предлогаете делать так:

1). Брать стили из письма, применять к ним класс (например letter).

2). В начале блока прописывать <style type="text/css"></style> и туда писать стили уже с примененным классом?

Как вариант, возможно впринципе...

В Google AdSense добавилась Яндекс меняет дизайн горизонтальных В аукционе дизайнов РСЯ
12

Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий