X   Сообщение сайта
(Сообщение закроется через 3 секунды)



 

Здравствуйте, гость ( Вход | Регистрация )

Открыть тему
Тема закрыта
> Требуется совет/подсказка от CSS-гуру
profican
profican
Topic Starter сообщение 1.2.2012, 22:18; Ответить: profican
Сообщение #1


Старожил
******

Группа: Active User
Сообщений: 1242
Регистрация: 30.6.2010
Поблагодарили: 294 раза
Репутация:   36  


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

Буду безмерно благодарен за подсказку.

WP-блог использует в теме приаттаченный в спойлере CSS-файл:

Развернуть/Свернуть

* {
margin: 0;
padding: 0;
}

html {
font-size: 100%;
height: 101%;
}
body {
font-size: 11px;
font-family: sans-serif, 'Lucida Grande', Verdana, Helvetica, Arial;
color: #00;
background-color: #FFFFFF;
/*font-size: 62.5%; This sets the default font size to be equivalent to 10px */
margin: 0;
padding: 12px 0;
width: 960px; margin-left:auto; margin-right:auto;
}


h1 {
/* Forum name */
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
margin-right: 200px;
color: #FFFFFF;
margin-top: 15px;
font-weight: bold;
font-size: 2em;
}

h2 {
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
font-weight: normal;
color: #3f3f3f;
font-size: 2em;
margin: 0.8em 0 0.2em 0;
}

h2.solo {
margin-bottom: 1em;
}

h3 {
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
text-transform: uppercase;
border-bottom: 1px solid #CCCCCC;
margin-bottom: 3px;
padding-bottom: 2px;
font-size: 1.05em;
color: #115098;
margin-top: 20px;
}

h3.plus {
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
margin-bottom: 3px;
padding-bottom: 2px;
font-size: 1.05em;
color: #115098;
margin-top: 20px;
}

h4 {
font-family: "Trebuchet MS", Verdana, Helvetica, Arial, Sans-serif;
font-size: 1.3em;
}

p {
line-height: 1.3em;
font-size: 1.1em;
margin-bottom: 1.5em;
}

#page-footer {
clear: both;
}

#page-footer h3 {
margin-top: 20px;
}

.copyright {
text-align: center;
color: #555555;
padding: 5px;
}
.bg1 {
background-color: #f3f7fa;
}
.bg2 {
background-color: #e9f0f5;
}
.bg3 {
background-color: #cadceb;
}

#content .postmetadata {
text-align: center;
}
.small {
font-size: 0.9em !important;
}
#sidebar h2 {
font-family: 'Lucida Grande', Verdana, Sans-Serif;
font-size: 1.3em;
margin: 5px 0 0;
padding: 0;
}
#sidebar h2,
cite {
text-decoration: none;
}
.entry p a:visited {
color: #105289;
}
.entry p a:hover {
color: #bc2a4d;
}
.commentlist li,
#commentform input,
#commentform textarea {
font: 1em 'Lucida Grande', Verdana, Arial, Sans-Serif;
}
.commentlist li {
font-weight: bold;
list-style: none outside none;
margin: 15px 0 3px;
padding: 5px 10px 3px;
}
.commentlist cite,
.commentlist cite a {
font-weight: bold;
font-style: normal;
font-size: 1.1em;
}
.commentlist p {
font-weight: normal;
line-height: 1.5em;
text-transform: none;
margin: 10px 5px 10px 0;
}
#commentform p {
font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
margin: 5px 0;
}
.commentmetadata {
font-weight: normal;
display: block;
margin: 0;
}
#sidebar {
font: 1em 'Lucida Grande', Verdana, Arial, Sans-Serif;
float: right;
width: 30%;
padding: 0 0 10px;
}
small,
#sidebar ul ul li,
#sidebar ul ol li,
.nocomments,
.postmetadata,
blockquote,
strike {
color: #555;
}
code {
font: 1.1em 'Courier New', Courier, Fixed;
}
acronym,
abbr,
span.caps {
font-size: 1em;
letter-spacing: .08em;
cursor: help;
}
a {
color: #105289;
text-decoration: none;
}
a:hover {
color: #bc2a4d;
text-decoration: underline;
}
h2 a:hover,
h3 a:hover {
color: #bc2a4d;
text-decoration: none;
}

#wrap {
padding: 0 20px;
min-width: 650px;
}

#logo {
float: left;
width: auto;
padding: 10px 13px 0 10px;
}

a#logo:hover {
text-decoration: none;
}

#content1 {
float: left;
width: 69%;
}
#full {
float: left;
width: 100%;
}
#footer {
text-align: center;
}
.post {
text-align: justify;
}
.post hr {
display: block;
}
.contentbody {
margin-bottom: 4px;
height: 1%;
padding: 0 5px;
min-height: 3em;
overflow: hidden;
line-height: 1.4em;
font-family: "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, Arial, sans-serif;
font-size: 1em;
color: #333333;
}
.entry {
margin-top: 1em;
}
.postmetadata {
clear: left;
}
h2.pagetitle {
margin-top: 10px;
text-align: center;
}
h3.comments {
margin: 40px auto 20px;
padding: 0;
}
p img {
max-width: 100%;
padding: 0;
}
.entry p img {
max-width: 100%;
padding: 10px;
}
img.centered {
display: block;
margin-left: auto;
margin-right: auto;
}
img.alignright {
display: inline;
margin: 0 0 2px 7px;
padding: 4px;
}
img.alignleft {
display: inline;
margin: 0 7px 2px 0;
padding: 4px;
}
.alignright {
float: right;
}
.alignleft {
float: left;
}


/* Begin Lists */

html>body .post ul, #sidebar ul {
margin-left: 0px;
padding: 0 0 0 30px;
list-style: none;
padding-left: 10px;
text-indent: -10px;
}

html>body .post li {
margin: 7px 0 8px 10px;
}

.post ul li:before, #sidebar ul ul li:before {
content: "\00BB \0020";
}

.post ol, #sidebar ol {
padding: 0 0 0 35px;
margin: 0;
}

.post ol li, #sidebar ol li {
margin: 0;
padding: 0;
}



#searchform {
text-align: center;
margin: 10px auto;
padding: 5px 3px;
}
#sidebar #searchform #s {
width: 108px;
padding: 2px;
}
#sidebar #searchsubmit {
padding: 1px;
}
.entry form {
text-align: center;
}
select {
width: 130px;
}
#commentform input {
width: 170px;
margin: 5px 5px 1px 0;
padding: 3px;
}
#commentform textarea {
width: 95%;
padding: 3px;
}
#commentform #submit {
float: right;
margin: 0;
}
.commentlist {
text-align: justify;
margin: 0;
padding: 0;
}
.nocomments {
text-align: center;
margin: 0;
padding: 0;
}
#search-box {
color: #FFFFFF;
position: relative;
margin-top: 30px;
margin-right: 5px;
display: block;
float: right;
text-align: right;
white-space: nowrap; /* For Opera */
}

#search-box #searchform #s {
width: 108px;
padding: 1px;
}
#sidebar form {
margin: 0;
}

acronym,
abbr {
border-bottom: 1px dashed #999;
}
blockquote {
background: #ebebeb none 6px 8px no-repeat;
border: 1px solid #dbdbdb;
font-size: 0.95em;
margin: 0.5em 1px 0 25px;
overflow: hidden;
padding: 5px;
}

blockquote blockquote {
background-color: #bababa;
font-size: 1em;
margin: 0.5em 1px 0 15px;
}

blockquote blockquote blockquote {
background-color: #e4e4e4;
}

blockquote cite {
font-style: normal;
font-weight: bold;
margin-left: 20px;
display: block;
font-size: 0.9em;
}

blockquote cite cite {
font-size: 1em;
}

blockquote.uncited {
padding-top: 25px;
}

blockquote {
background-color: #EBEADD;
background-image: url("./images/quote.gif");
border-color:#DBDBCE;
}


blockquote blockquote {
background-color:#EFEED9;
}

blockquote blockquote blockquote {
background-color: #EBEADD;
}

.center {
text-align: center;
}
hr {
display: none;
}
a img {
border: none;
}
.navigation {
display: block;
text-align: center;
margin-top: 10px;
margin-bottom: 30px;
}
.contentbody:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
.clear {
display: block;
clear: both;
line-height: 5px;
background: transparent;
}

span.corners-top, span.corners-bottom, span.corners-top span, span.corners-bottom span {
font-size: 1px;
line-height: 1px;
display: block;
height: 5px;
background-repeat: no-repeat;
}

span.corners-top {
background-image: none;
background-position: 0 0;
margin: 0 -5px;
}

span.corners-top span {
background-image: none;
background-position: 100% 0;
}

span.corners-bottom {
background-image: none;
background-position: 0 100%;
margin: 0 -5px;
clear: both;
}

span.corners-bottom span {
background-image: none;
background-position: 100% 100%;
}


span.corners-top {
background-image: url("./images/corners_left.png");
}

span.corners-top span {
background-image: url("./images/corners_right.png");
}

span.corners-bottom {
background-image: url("./images/corners_left.png");
}

span.corners-bottom span {
background-image: url("./images/corners_right.png");
}

* html span.corners-top, * html span.corners-bottom { background-image: url("./theme/images/corners_left.gif"); }
* html span.corners-top span, * html span.corners-bottom span { background-image: url("./images/corners_right.gif"); }



.commentlist ul {
margin-left: 20px;
}
.commentlist li,
.commentlist ul li {
list-style: none;
}
.commentlist li.comment div.comment-body {
clear: both;
margin-bottom: 10px;
overflow: hidden;
padding: 0 5px;
}
div.comment-meta {
float: right;
}
div.comment-body p {
clear: both;
}
div.comment-body div.reply {
clear: both;
font-size: 90%;
}
#respond {
margin-bottom: 10px;
overflow: hidden;
padding: 0;
}
#respond h3 {
float: left;
}
#respond form {
clear: both;
}
#respond p {
width: 98%;
}
#respond label {
clear: both;
}
#commentform {
clear: both;
}
#commentform input#author,
#commentform input#email,
#commentform input#url {
width: 40%;
display: block;
}
#commentform input#submit {
margin-top: 7px;
}
.navbar {
padding: 0 10px;
background-color: #cadceb;
}
ul.navlinks {
padding-bottom: 1px;
margin-bottom: 1px;
font-weight: bold;
}

ul.linklist {
display: block;
margin: 0;
}

ul.linklist li {
display: block;
list-style-type: none;
float: left;
width: auto;
margin-right: 5px;
font-size: 1.1em;
line-height: 2.2em;
}
/* Site description and logo */
#site-description {
float: left;
width: 70%;
}

#site-description h1 {
margin-right: 0;
}

.headerbar {
background: #ebebeb none repeat-x 0 0;
color: #FFFFFF;
margin-bottom: 4px;
padding: 0 5px;
background-color: #12A3EB;
background-image: url("./images/bg_header.gif");
color: #FFFFFF;
}


li.comment-author-admin > div.comment-body,
li.bypostauthor > div.comment-body {
background: none repeat scroll 0 0 #F5F5F5;
}
li.comment-author-admin div.admin-comment {
background: none repeat scroll 0 0 #F5F5F5;
}

.sticky {}
.gallery-caption {}
.aligncenter{text-align:center}

.panel {
margin-bottom: 4px;
padding: 0 10px;
color: #3f3f3f;
}
.panelcomment {
margin-bottom: 4px;
padding: 0 10px;
}


.post span.corners-top, .post span.corners-bottom, .panel span.corners-top, .panelcomment span.corners-bottom, .panelcomment span.corners-top, .panel span.corners-bottom, .navbar span.corners-top, .navbar span.corners-bottom {
margin: 0 -10px;
}


#wp-calendar #prev a, #wp-calendar #next a {
font-size: 9pt;
}

#wp-calendar a {
text-decoration: none;
}

#wp-calendar caption {
font: bold 1.3em 'Lucida Grande', Verdana, Arial, Sans-Serif;
text-align: center;
color: #105289;
}

#wp-calendar th {
font-style: normal;
text-transform: capitalize;
}


/* Begin Calendar */
#wp-calendar {
empty-cells: show;
margin: 10px auto 0;
width: 155px;
}

#wp-calendar #next a {
padding-right: 10px;
text-align: right;
}

#wp-calendar #prev a {
padding-left: 10px;
text-align: left;
}

#wp-calendar a {
display: block;
}

#wp-calendar caption {
text-align: center;
width: 100%;
}

#wp-calendar td {
padding: 3px 0;
text-align: center;
}
/* End Calendar */

.post p:after {
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}
.post p {display:inline-block;}
/* Hide from IE Mac \*/
.post p {display:block;}
/* End hide from IE Mac */

/* =WordPress Core
-------------------------------------------------------------- */
.alignnone {
margin: 5px 20px 20px 0;
}

.aligncenter, div.aligncenter {
display:block;
margin: 5px auto 5px auto;
}

.alignright {
float:right;
margin: 5px 0 20px 20px;
}

.alignleft {
float:left;
margin: 5px 20px 20px 0;
}

.aligncenter {
display: block;
margin: 5px auto 5px auto;
}

a img.alignright {
float:right;
margin: 5px 0 20px 20px;
}

a img.alignnone {
margin: 5px 20px 20px 0;
}

a img.alignleft {
float:left;
margin: 5px 20px 20px 0;
}

a img.aligncenter {
display: block;
margin-left: auto;
margin-right: auto
}

.wp-caption {
background: #fff;
border: 1px solid #f0f0f0;
max-width: 96%; /* Image does not overflow the content area */
padding: 5px 3px 10px;
text-align: center;
}

.wp-caption.alignnone {
margin: 5px 20px 20px 0;
}

.wp-caption.alignleft {
margin: 5px 20px 20px 0;
}

.wp-caption.alignright {
margin: 5px 0 20px 20px;
}

.wp-caption img {
border: 0 none;
height: auto;
margin:0;
max-width: 98.5%;
padding:0;
width: auto;
}

.wp-caption p.wp-caption-text {
font-size:11px;
line-height:17px;
margin:0;
padding:0 4px 5px;
}


Какая часть кода ответственна за следующее пьяное безобразие?

Развернуть/Свернуть


Текст, который помещается внутрь таблицы, автоматически уменьшается в размере (выделено красным). Hе намного, как можно видеть, но все равно заметно. angry.gif

Заранее благодарен за ответы!


--------------------
0
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
hybrid
hybrid
сообщение 1.2.2012, 22:25; Ответить: hybrid
Сообщение #2


Завсегдатай
*****

Группа: Active User
Сообщений: 649
Регистрация: 29.6.2010
Поблагодарили: 127 раз
Репутация:   23  


profican, это можно и без гуру узнать. Если есть опера щелкните на нужное место пкм и там будет "проинспектировать элемент". Откроется панелька в которой сбоку будет указан используемый стиль.


Поблагодарили: (1)
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
profican
profican
Topic Starter сообщение 1.2.2012, 22:30; Ответить: profican
Сообщение #3


Старожил
******

Группа: Active User
Сообщений: 1242
Регистрация: 30.6.2010
Поблагодарили: 294 раза
Репутация:   36  


Как и следовало ожидать, дело в мелочи оказалось - параграф, <p></p>.
f_4866c2c501a2c.gif facepalm.gif

Сообщение отредактировал profican - 1.2.2012, 22:39


--------------------
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
lostprophet
lostprophet
сообщение 2.2.2012, 1:03; Ответить: lostprophet
Сообщение #4


Топовый постер
*******

Группа: Super Moderator
Сообщений: 2565
Регистрация: 18.11.2008
Из: Ростов-на-Дону
Поблагодарили: 3172 раза
Репутация:   292  


Ну тогда просто закрою, да?))


--------------------
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Открыть тему
Тема закрыта
1 чел. читают эту тему (гостей: 1, скрытых пользователей: 0)
Пользователей: 0


Свернуть

> Похожие темы

  Тема Ответов Автор Просмотров Последний ответ
Открытая тема (нет новых ответов) Требуется копирайтер для долгосрочного сотрудничества
Нужен хороший повествователь
4 PostBrigada 544 Сегодня, 1:26
автор: PostBrigada
Открытая тема (нет новых ответов) Совет по продвижению информационных услуг
8 Theofit 1185 Вчера, 13:19
автор: Smspva
Открытая тема (нет новых ответов) Требуется пригласить участников в группу
7 riut81 957 12.12.2017, 17:53
автор: VilD
Открытая тема (нет новых ответов) Требуется рерайтер на английском
2 Alex-777 360 11.12.2017, 19:31
автор: Needlz
Открытая тема (нет новых ответов) Проги для редактирования style.css
14 minutkin 1045 11.12.2017, 16:01
автор: Nell


 



RSS Текстовая версия Сейчас: 15.12.2017, 6:42
Дизайн