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

CSS красивое оформление блока

12
Pasha199
На сайте с 17.02.2009
Offline
167
Pasha199
#11

Geers, спасибо большое за блок :) Если не сложно помогите сверстать 1 блок новостей. Тоже самое как и тот делали только строки должны быть нормальные, а в этом блоке очень большое расстояние между блоками.

Рамка для блока такая как делали в блоке "Услуги студии"

Спасибо большое :)

jpg 111.jpg
Опустить блок на сайте CSS блоки Помогите с HTML, проблема
Geers
На сайте с 12.04.2011
Offline
487
Geers
#12

Можно в css заменить код на этот:

#menu a {
	color: #0295b6;
   font-size: 12px;
   text-decoration: none;
   border-bottom: 1px dotted;
   font-weight: bold;
}
#menu a:hover {
	color: #ff8400;
	font-size: 12px;
   font-weight: bold;
}

И получится что-то типа такого:

:)

---------- Добавлено 28.04.2012 в 03:04 ----------

Держи: http://cl112400.tmweb.ru/

HTML

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link href="css/style.css" rel="stylesheet" type="text/css" />
<title>Пацоны ваще ребята :)</title>
</head>
<body>
<div id="menu"><div id="container">Новости студии</div>
  <div class="date">28 февраля</div>
  <a href="/">Первая новость</a><br />
  <div class="date">28 февраля</div>
  <a href="/">Вторая новость</a><br />
  <div class="date">28 февраля</div>
  <a href="/">Третья новость</a><br />
  <div class="date">28 февраля</div>
  <a href="/">Четвертая новость</a><br />
  <div class="all"><a href="/">Все новости</a></div><br />
  </div>
</body>
</html>

CSS

html,body {
  margin:0;
  padding:0;
  width:100%;
  height:100%;
  background-color: #edfaff;
}
#container{
	color: #00000;
	font-family: Tahoma;
	font-weight: normal;
	font-size: 18px;
	 padding-bottom: 20px;
	 margin-top: -50px;
	 margin-left: -10px;
	 text-shadow:0 1px 0px #fff;
}
.date{
	font-family: Tahoma;
	font-weight: normal;
	font-size: 11px;
	margin-bottom: -10px;
	color: maroon;
}
#menu .all{
	float: right;
	margin-top: 6px;
}

#menu .all a{
 color: #ff8400;
 font-size: 13px;
}
#menu .all a:hover{
 color: #0295b6;
 font-size: 13px;
 border-bottom: 0 dotted;
}
#menu {
	background-color: #FFFFFF;
	margin: 50px;
	padding: 15px;
	font-family: Tahoma;
   font-size: 18px;
   width: 150px;
   border-radius: 6px;
   -moz-border-radius: 6px;
   box-shadow: 0 3px 10px #e1e5e8, 0 0 10px #F6F5F5 inset;
   line-height:25px;
}
#menu a {
	color: #0295b6;
   font-size: 12px;
   text-decoration: none;
   border-bottom: 1px dotted;
   font-weight: bold;
}
#menu a:hover {
	color: #ff8400;
	font-size: 12px;
   font-weight: bold;
}

Ayavryk
На сайте с 11.10.2003
Offline
209
Ayavryk
#13

http://css.maxdesign.com.au/listamatic/index.htm

Тынгыр, мынгыр, комсомол (http://erum.ru). Ехари, ехари, (жалобно) аяврик. /народная тунгусская песня/
Saitoff
На сайте с 27.05.2011
Offline
71
Saitoff
#14
Pasha199:
Geers, в том то и дело что думаю отделять название блока от ссылок или нет)) думаю как лучше будет) отделять или нет)

Может просто дизайн сайта показать? Тогда вам подскажут.

Geers
На сайте с 12.04.2011
Offline
487
Geers
#15

ТС, скажу вам по секрету, css можно выучить полностью за месяц. ;)

Pasha199
На сайте с 17.02.2009
Offline
167
Pasha199
#16

Geers, спасибо большое :)

[Удален]
#17

ТС, вы дизайн веб-студии оформляете?🤪

Geers
На сайте с 12.04.2011
Offline
487
Geers
#18
Pasha199:
Тоже самое как и тот делали только строки должны быть нормальные, а в этом блоке очень большое расстояние между блоками.

За межстрочное расстояние отвечает:

line-height:25px;
12

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