Добро пожаловать, Гость. Пожалуйста, выберите Вход или Регистрация
Привет.лв Главная Справка Поиск Вход Регистрация
Страниц: 1
Печать Bookmark and Share
Удалить этот блок рекламы?
Удали рекламу
Конкурс на помощь (Прочитано 5520 раз)
Serjoga
Никем не отмечен
*
Вне Форума

Я люблю
www.privet.lv

Сообщений: 3

Конкурс на помощь
26.02.2010 :: 14:12:13
 
Доброго всем дня.
Хочу объявить конкурс на не сложное задание.
Есть у меня сайтик не большой. Да вот с CSS я не дружу.
А в HTML ооочень тяжело делать изменения.

Собственно вот ссылка на страницу, можно ли как-то упростить её содержимое?!
P.S. не обращайте на недороботки.
И тут ещё одна проблема. На разных браузерах картинки по разному размещаются в поле. На Opera - они выше, на Explorer и FireFox по центру. Можно сказать это тоже волнует меня.

Просмотр медиа-файлов и переход по ссылкам доступен только для Участников Форума!  Вы нуждаетесь в Вход или Регистрация!!


Извините за напряг.
Сергей.
Наверх
 
 
  IP записан
Ramzies
Администратор
*****
Вне Форума

Все что случается
имеет причину.

Сообщений: 2632
Даугавпилс, Валмиера.
Пол: male
Re: Конкурс на помощь
Ответ #1 - 26.02.2010 :: 22:40:13
 
CSS разметку как правило хранят в css файлах. А у вас он в теле html документа. Что действительно в будущем если у вас будет с десяток страниц затруднит их редактирования.
Создайте в каждом html документе в header такую строчку:
Код:
<link rel="stylesheet" href="путь_к_файлу_.css" type="text/css"> 


И весь свой css код перенесите туда, только без тэгов Код:
<style type=text/css>
 и </style> 




Что касается самого html кода:
Код:
<td height="320" width="620">
<img hspace="8" align="left" src="/Sapphire276.jpg"/>
<font size="4" face="Myriad Pro" color="white">
</font><p><font size="4" face="Myriad Pro" color="white">100% Природный сапфир.</font></p><div style=""/>
<p><font size="4" face="Myriad Pro" color="white">Вес - 2.76 Ct.</font></p><div style=""/>
<p><font size="4" face="Myriad Pro" color="white">Размер - 8.6 x 6.6 x 5.4 mm.</font></p><div style="margin-top: -12pt;"/>
<p><font size="4" face="Myriad Pro" color="white">Огранка - овал.</font></p><div style="margin-top: -12pt;"/>
<p><font size="4" face="Myriad Pro" color="white">Цвет - сине-голубой.</font></p><div style="margin-top: -12pt;"/>
<p><font size="4" face="Myriad Pro" color="white">Чистота - IF-VVS.</font></p><div style="margin-top: -12pt;"/>
<p><font size="4" face="Myriad Pro" color="white">Родина - Шри-Ланка, Цейлон.</font></p><div style="margin-top: -12pt;"/>
<p><font size="4" face="Myriad Pro" color="white">Гретый.</font></p><div style="margin-top: -12pt;"/>
<font size="4" face="Myriad Pro" color="white"/>
<br/><br/><br/><br/>
<font size="5" face="arial" color="#eedd82">
<div align="center">270.00 Ls.</div>
</font>
</td> 




Я бы сделал так:
Код:
<td height="320" width="620">
<img hspace="8" align="left" src="/Sapphire276.jpg"/>
<p>100% Природный сапфир.</p>
<p>Вес - 2.76 Ct.</p>
<p>Размер - 8.6 x 6.6 x 5.4 mm.</p>
<p>Огранка - овал.</p>
<p>Цвет - сине-голубой.</p>
<p>Чистота - IF-VVS.</p>
<p>Родина - Шри-Ланка, Цейлон.</p>>
<p>Гретый.</p>
<div>270.00 Ls.</div>
</td> 



И в css добавил:
Код:
td p {
padding: 5px 0; /* 5 - Таким образом мы выставляет отступы между строчек с верху и с низу. 0 - отступы с лева и право.*/
color:#fff; /* цвет текста */
font-size:12px; /* размер */
}

td div {
margin-top:20px; /* отступ с верху */
color:#eedd82; /* цвет цены */
text-align:center; /* ставим цену по центру */
font-family:Arial,sans-serif; /* Шрифт */
} 



С остальным думаю разберетесь сами.
Будут еще вопросы, пишите. Поможем.
Наверх
 
 

Просмотр медиа-файлов и переход по ссылкам доступен только для Участников Форума!  Вы нуждаетесь в Вход или Регистрация!!
Научись говорить, что ты _х_о_ч_е_ш_ь, вместо точго, чего ты _н_е_ _х_о_ч_е_ш_ь...
WWW Ramzies renat2985   IP записан
Serjoga
Никем не отмечен
*
Вне Форума

Я люблю
www.privet.lv

Сообщений: 3

Re: Конкурс на помощь
Ответ #2 - 27.02.2010 :: 20:54:11
 
Спасибо. Буду пытаться. Если что, сообщу что получилось.
Наверх
 
 
  IP записан
Страниц: 1
Печать Bookmark and Share
www.privet.lv

Privet.lv/forum » Powered by YaBB 2.2.3 (fix)!
YaBB © 2000-2012. Все права защищены.
Valid RSS Valid XHTML Valid CSS Powered by Perl Source Forge