[ Поиск ] - [ Пользователи ] - [ Календарь ]
Полная Версия: Проблема с css
Newsmale
Такая проблема. Форма входа и регистрации на сайте, куда надо вводить логин и пароль полностью сливается с фоном, как поставить рамочку вокруг этой строки ввода

вот сам скрипт
body{text-align:center; padding:0; margin:7px 0 14px 0; font-family:Verdana,Arial,Helvetica,sans-serif; color:#555;  line-height:18px; background-color:#FFF}

a:focus
{outline:0px}
focus
{outline:0px}
h1, h2, h3, h4, h5, h6, p, blockquote, form, label, ul, ol, dl, fieldset, address
{margin:0.5em 0}
ul
{margin:0px; padding:0px; list-style:none}
ul li, ul li
:hover{padding-left:15px}
body ol
{list-style:decimal inside; margin:0; padding:0}
body ol li
{margin:0px; padding:5px 3px; list-style-image:none; background:none}

body
.yjsquare_in ol li{}
/**/
fieldset{padding:.5em}
body a, body a
:hover{cursor:pointer}
a
:link, a:visited{text-decoration:none}
a
:hover{text-decoration:none}
h2,
.componentheading{font-size:1.7em; line-height:1.7em}
h1,
.contentheading{font-size:2.5em; line-height:1.5em}
h3
{font-size:1.3em; line-height:1.3em}
h4
{font-size:1.2em; line-height:1.2em}
h5
{font-size:1.1em; line-height:1.1em}
h6
{font-size:1em; line-height:1em; font-weight:bold}
.small, .mosimage_caption{text-transform:uppercase; font:10px Tahoma,Verdana,"Lucida Sans"}
.clr{clear:both; height:1px}
.input{border:1}
.contentdescription img{padding:5px; margin:15px}
.contentheading,
.contentheading a:link,
.contentheading a:visited{text-align:left; margin:0 0 7px 0; padding:15px 0 25px 10px; font:bold 13px "Times New Roman",Times,serif; text-transform:uppercase}
.contentheading a:hover{text-decoration:underline}
.componentheading{letter-spacing:normal; font-size:18px; margin:0 0px 4px 0px; padding:0px 0 25px 10px; font:bold 15px "Times New Roman",Times,serif}
.contentpaneopen{padding:0 0px; text-align:left}
.contentpane{padding:0 0px 0px 0px !important}
.category{margin-left:0px}
.insidem ul{margin-left:10px}
.contentpaneopen,
.contentpane,
table
.blog{}
.contentpaneopen{border-collapse:separate; border-spacing:3px}
table
.contenttoc{margin:0 0 10px 10px; padding:0; width:30%; float:right}
.toclink{padding:5px; display:block; margin:2px 0}
.article_separator{display:block; height:10px; clear:both}
.inputbox{margin-top:5px}
img a, img
{border:0; padding:0}
.contentdescription img{padding:0 3px}
input
#search_searchword{padding:2px}
table
.searchintro{padding:10px 0; width:100%}
table
.searchintro td{padding:5px!important}

.button, .validate{width:80px; height:19px; padding:0 0 3px 0; border:0; text-transform:lowercase; letter-spacing:0.5px; font-size:10px; font-weight:bold}
.back_button{padding:0 5px}
.readon{display:block; float:left; padding:0 0 0 0px; margin:0px 0 0 0}
.readon span{}
a.pagenav,
.pagenav_prev a,
.pagenav_next a,
.pagenavbar a, .back_button a{height:21px; text-transform:uppercase; font-weight:normal; line-height:21px; padding:0 5px}

table
.pollstableborder td.sectiontableentry0,
table
.pollstableborder td.sectiontableentry1,
table
.pollstableborder td.sectiontableentry2,
table
.pollstableborder tr.sectiontableentry0 td,
table
.pollstableborder tr.sectiontableentry1 td,
table
.pollstableborder tr.sectiontableentry2 td{height:20px; padding-left:5px; text-align:left; padding-right:10px; line-height:18px; margin-bottom:5px; background:none; border:none}
tr
.sectiontableentry0 td, tr.sectiontableentry1 td, tr.sectiontableentry2 td,
td
.sectiontableentry0, td.sectiontableentry1, td.sectiontableentry2{height:20px; padding:0 10px; line-height:29px}
table
.pollstableborder{border:none; padding:0; width:100%; text-align:left}
table
.pollstableborder img{vertical-align:baseline}
table
.pollstableborder td{padding:0 5px !important}
.sectiontableheader{padding:5px; font-weight:bold}

.tool-tip{float:left; background:#ffc; border:1px solid #D4D5AA; padding:5px; max-width:200px; text-align:left}
.tool-title{padding:0; margin:0; font-size:12px; font-weight:bold; margin-top:-15px; padding-top:15px; padding-bottom:5px; text-align:left; background:url(../../system/images/selector-arrow.png) no-repeat}
.tool-text{font-size:11px; margin:0; text-align:left}

input
.system-openid{background:url(http://openid.net/login-bg.gif) no-repeat; background-color:0000ff; background-position:0 50%; color:#000; padding-left:18px}

.system-unpublished{background:#FDFDFD; border-top:1px solid #EAEAEA; border-bottom:1px solid #EAEAEA}

#system-message{margin-bottom:10px; padding:0}
#system-message dt{font-weight:bold}
#system-message dd{margin:0; font-weight:bold; text-indent:30px; background-image:none}
#system-message dd ul{ background-color:#FDFDFD; color:#c02; margin-bottom:10px; list-style:none; padding:10px; border-top:1px solid #EAEAEA; border-bottom:1px solid #EAEAEA}

#system-message dt.message{display:none}
#system-message dd.message{}
#system-message dd.message ul li{background-image:none}

#system-message dt.error{display:none}
#system-message dd.error ul{color:#c00; background-color:#FDFDFD; border-top:1px solid #EAEAEA; border-bottom:1px solid #EAEAEA}
#system-message dd.error ul li{background-image:none}

#system-message dt.notice{display:none}
#system-message dd.notice ul{color:#c00; background:#FDFDFD; border-top:1px solid #EAEAEA; border-bottom:1px solid #EAEAEA}
#system-message dd.notice ul li{background-image:none}

#system-debug{color:#ccc; background-color:#fff; padding:10px; margin:10px}
#system-debug div{font-size:11px}

.invalid{border-color:#f00}
label
.invalid{color:#f00}

#editor-xtd-buttons{padding:5px}
.button2-left,
.button2-right,
.button2-left div,
.button2-right div{float:left}
.button2-left a,
.button2-right a,
.button2-left span,
.button2-right span{display:block; height:22px; float:left; line-height:22px; font-size:11px; color:#666; cursor:pointer}
.button2-left span,
.button2-right span{cursor:default; color:#999}
.button2-left .page a,
.button2-right .page a,
.button2-left .page span,
.button2-right .page span{padding:0 6px}
.page span{color:#000; font-weight:bold}
.button2-left a:hover,
.button2-right a:hover{text-decoration:none; color:#0B55C4}
.button2-left a,
.button2-left span{padding:0 24px 0 6px}
.button2-right a,
.button2-right span{padding:0 6px 0 24px}
.button2-left{background:url(../images/j_button2_left.png) no-repeat; float:left; margin-left:5px}
.button2-right{background:url(../images/j_button2_right.png) 100% 0 no-repeat; float:left; margin-left:5px}
.button2-left .image{background:url(../images/j_button2_image.png) 100% 0 no-repeat}
.button2-left .readmore{background:url(../images/j_button2_readmore.png) 100% 0 no-repeat}
.button2-left .pagebreak{background:url(../images/j_button2_pagebreak.png) 100% 0 no-repeat}
.button2-left .blank{background:url(../images/j_button2_blank.png) 100% 0 no-repeat}

div
.tooltip{float:left; background:#ffc; border:1px solid #D4D5AA; padding:5px; max-width:200px; z-index:13000}
div
.tooltip h4{padding:0; margin:0; font-size:95%; font-weight:bold; margin-top:-15px; padding-top:15px; padding-bottom:5px; background:url(../images/selector-arrow.png) no-repeat}
div
.tooltip p{font-size:90%; margin:0}

.img_caption.left{float:left; margin-right:1em}
.img_caption.right{float:right; margin-left:1em}
.img_caption.left p{clear:left; text-align:center}
.img_caption.right p{clear:right; text-align:center}

a img
.calendar{width:16px; height:16px; margin-left:3px; background:url(../images/calendar.png) no-repeat; cursor:pointer; vertical-align:middle}

#component-contact{padding:0 8px}

.inputbox_login {
border:#00C 1px solid;
}




Спустя 46 минут, 51 секунда (22.10.2010 - 10:51) Michael написал(а):
Измени:
.inputbox_login {
border:#00C 1px solid;
}

На:
.inputbox_login {
border: 1px solid #00C;
}

Спустя 50 минут, 29 секунд (22.10.2010 - 11:42) Newsmale написал(а):
Извините не тот код, дал там последние строчки не правильные были
вот правильный
body{text-align:center; padding:0; margin:7px 0 14px 0; font-family:Verdana,Arial,Helvetica,sans-serif; color:#555;  line-height:18px; background-color:#FFF}

a:focus
{outline:0px}
focus
{outline:0px}
h1, h2, h3, h4, h5, h6, p, blockquote, form, label, ul, ol, dl, fieldset, address
{margin:0.5em 0}
ul
{margin:0px; padding:0px; list-style:none}
ul li, ul li
:hover{padding-left:15px}
body ol
{list-style:decimal inside; margin:0; padding:0}
body ol li
{margin:0px; padding:5px 3px; list-style-image:none; background:none}

body
.yjsquare_in ol li{}
/**/
fieldset{padding:.5em}
body a, body a
:hover{cursor:pointer}
a
:link, a:visited{text-decoration:none}
a
:hover{text-decoration:none}
h2,
.componentheading{font-size:1.7em; line-height:1.7em}
h1,
.contentheading{font-size:2.5em; line-height:1.5em}
h3
{font-size:1.3em; line-height:1.3em}
h4
{font-size:1.2em; line-height:1.2em}
h5
{font-size:1.1em; line-height:1.1em}
h6
{font-size:1em; line-height:1em; font-weight:bold}
.small, .mosimage_caption{text-transform:uppercase; font:10px Tahoma,Verdana,"Lucida Sans"}
.clr{clear:both; height:1px}
.input{border:1}
.contentdescription img{padding:5px; margin:15px}
.contentheading,
.contentheading a:link,
.contentheading a:visited{text-align:left; margin:0 0 7px 0; padding:15px 0 25px 10px; font:bold 13px "Times New Roman",Times,serif; text-transform:uppercase}
.contentheading a:hover{text-decoration:underline}
.componentheading{letter-spacing:normal; font-size:18px; margin:0 0px 4px 0px; padding:0px 0 25px 10px; font:bold 15px "Times New Roman",Times,serif}
.contentpaneopen{padding:0 0px; text-align:left}
.contentpane{padding:0 0px 0px 0px !important}
.category{margin-left:0px}
.insidem ul{margin-left:10px}
.contentpaneopen,
.contentpane,
table
.blog{}
.contentpaneopen{border-collapse:separate; border-spacing:3px}
table
.contenttoc{margin:0 0 10px 10px; padding:0; width:30%; float:right}
.toclink{padding:5px; display:block; margin:2px 0}
.article_separator{display:block; height:10px; clear:both}
.inputbox{margin-top:5px}
img a, img
{border:0; padding:0}
.contentdescription img{padding:0 3px}
input
#search_searchword{padding:2px}
table
.searchintro{padding:10px 0; width:100%}
table
.searchintro td{padding:5px!important}

.button, .validate{width:80px; height:19px; padding:0 0 3px 0; border:0; text-transform:lowercase; letter-spacing:0.5px; font-size:10px; font-weight:bold}
.back_button{padding:0 5px}
.readon{display:block; float:left; padding:0 0 0 0px; margin:0px 0 0 0}
.readon span{}
a.pagenav,
.pagenav_prev a,
.pagenav_next a,
.pagenavbar a, .back_button a{height:21px; text-transform:uppercase; font-weight:normal; line-height:21px; padding:0 5px}

table
.pollstableborder td.sectiontableentry0,
table
.pollstableborder td.sectiontableentry1,
table
.pollstableborder td.sectiontableentry2,
table
.pollstableborder tr.sectiontableentry0 td,
table
.pollstableborder tr.sectiontableentry1 td,
table
.pollstableborder tr.sectiontableentry2 td{height:20px; padding-left:5px; text-align:left; padding-right:10px; line-height:18px; margin-bottom:5px; background:none; border:none}
tr
.sectiontableentry0 td, tr.sectiontableentry1 td, tr.sectiontableentry2 td,
td
.sectiontableentry0, td.sectiontableentry1, td.sectiontableentry2{height:20px; padding:0 10px; line-height:29px}
table
.pollstableborder{border:none; padding:0; width:100%; text-align:left}
table
.pollstableborder img{vertical-align:baseline}
table
.pollstableborder td{padding:0 5px !important}
.sectiontableheader{padding:5px; font-weight:bold}

.tool-tip{float:left; background:#ffc; border:1px solid #D4D5AA; padding:5px; max-width:200px; text-align:left}
.tool-title{padding:0; margin:0; font-size:12px; font-weight:bold; margin-top:-15px; padding-top:15px; padding-bottom:5px; text-align:left; background:url(../../system/images/selector-arrow.png) no-repeat}
.tool-text{font-size:11px; margin:0; text-align:left}

input
.system-openid{background:url(http://openid.net/login-bg.gif) no-repeat; background-color:0000ff; background-position:0 50%; color:#000; padding-left:18px}

.system-unpublished{background:#FDFDFD; border-top:1px solid #EAEAEA; border-bottom:1px solid #EAEAEA}

#system-message{margin-bottom:10px; padding:0}
#system-message dt{font-weight:bold}
#system-message dd{margin:0; font-weight:bold; text-indent:30px; background-image:none}
#system-message dd ul{ background-color:#FDFDFD; color:#c02; margin-bottom:10px; list-style:none; padding:10px; border-top:1px solid #EAEAEA; border-bottom:1px solid #EAEAEA}

#system-message dt.message{display:none}
#system-message dd.message{}
#system-message dd.message ul li{background-image:none}

#system-message dt.error{display:none}
#system-message dd.error ul{color:#c00; background-color:#FDFDFD; border-top:1px solid #EAEAEA; border-bottom:1px solid #EAEAEA}
#system-message dd.error ul li{background-image:none}

#system-message dt.notice{display:none}
#system-message dd.notice ul{color:#c00; background:#FDFDFD; border-top:1px solid #EAEAEA; border-bottom:1px solid #EAEAEA}
#system-message dd.notice ul li{background-image:none}

#system-debug{color:#ccc; background-color:#fff; padding:10px; margin:10px}
#system-debug div{font-size:11px}

.invalid{border-color:#f00}
label
.invalid{color:#f00}

#editor-xtd-buttons{padding:5px}
.button2-left,
.button2-right,
.button2-left div,
.button2-right div{float:left}
.button2-left a,
.button2-right a,
.button2-left span,
.button2-right span{display:block; height:22px; float:left; line-height:22px; font-size:11px; color:#666; cursor:pointer}
.button2-left span,
.button2-right span{cursor:default; color:#999}
.button2-left .page a,
.button2-right .page a,
.button2-left .page span,
.button2-right .page span{padding:0 6px}
.page span{color:#000; font-weight:bold}
.button2-left a:hover,
.button2-right a:hover{text-decoration:none; color:#0B55C4}
.button2-left a,
.button2-left span{padding:0 24px 0 6px}
.button2-right a,
.button2-right span{padding:0 6px 0 24px}
.button2-left{background:url(../images/j_button2_left.png) no-repeat; float:left; margin-left:5px}
.button2-right{background:url(../images/j_button2_right.png) 100% 0 no-repeat; float:left; margin-left:5px}
.button2-left .image{background:url(../images/j_button2_image.png) 100% 0 no-repeat}
.button2-left .readmore{background:url(../images/j_button2_readmore.png) 100% 0 no-repeat}
.button2-left .pagebreak{background:url(../images/j_button2_pagebreak.png) 100% 0 no-repeat}
.button2-left .blank{background:url(../images/j_button2_blank.png) 100% 0 no-repeat}

div
.tooltip{float:left; background:#ffc; border:1px solid #D4D5AA; padding:5px; max-width:200px; z-index:13000}
div
.tooltip h4{padding:0; margin:0; font-size:95%; font-weight:bold; margin-top:-15px; padding-top:15px; padding-bottom:5px; background:url(../images/selector-arrow.png) no-repeat}
div
.tooltip p{font-size:90%; margin:0}

.img_caption.left{float:left; margin-right:1em}
.img_caption.right{float:right; margin-left:1em}
.img_caption.left p{clear:left; text-align:center}
.img_caption.right p{clear:right; text-align:center}

a img
.calendar{width:16px; height:16px; margin-left:3px; background:url(../images/calendar.png) no-repeat; cursor:pointer; vertical-align:middle}

#component-contact{padding:0 8px}



 ! 

М
Есть кнопка user posted image чтобы не делать "простыней" из поста.
kirik

Спустя 2 часа, 40 минут, 10 секунд (22.10.2010 - 14:22) Michael написал(а):
попробуй этому добавить:
fieldset{padding:.5em; border: 1px solid #00C;}

Если не выйдет, то html в студию с указанием где там в нем форма регистрации

Спустя 6 минут, 28 секунд (22.10.2010 - 14:28) Newsmale написал(а):
не помогло, у меня joomla, могу прислать сам шаблон, помогите пожалуйста
ссылка на сайт http://files.mail.ru/KLPS1V

Спустя 30 минут, 41 секунда (22.10.2010 - 14:59) Michael написал(а):
Я с джумлой не работал никогда. По тому что ты выставил сходу не могу найти где что.
Проще тебе сделать следующее:
На своей страничке где регистрация выполни Вид->Исходный код. И этот html в студию.
Еще лучше - если умеешь пользоваться FireBug. Умеешь? Или WebDeveloper?

Спустя 20 минут, 48 секунд (22.10.2010 - 15:20) Newsmale написал(а):
вот сам сайт http://sm-free.org/

Спустя 6 минут, 49 секунд (22.10.2010 - 15:27) Michael написал(а):
вроде нормально видно. Так рамку надо полям ввода - логину, паролю?

Спустя 4 минуты, 4 секунды (22.10.2010 - 15:31) Newsmale написал(а):
для логина пароля формы регистрации и капчи

Спустя 1 минута, 5 секунд (22.10.2010 - 15:32) Michael написал(а):
Пробуй:
.inputbox{margin-top:5px; border:1px solid black;}


Спустя 6 минут, 39 секунд (22.10.2010 - 15:39) Newsmale написал(а):
не помогает(

Спустя 15 минут, 18 секунд (22.10.2010 - 15:54) Michael написал(а):
В gray.css вот тут:
#modlgn_passwd, #modlgn_username{color:#232323; border:1px solid #ececec}

подправь.

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

Спустя 8 минут, 30 секунд (22.10.2010 - 16:02) Newsmale написал(а):
я копию сайта на локальной машине исправляю, это тоже кстати не помогло, даже не знаю что делать

Спустя 2 минуты, 46 секунд (22.10.2010 - 16:05) Michael написал(а):
Установи лучше себе FireBug - в нем все видно.
Наводишь на элемент и справа его стили, и в каком файле определены. И меняешь.

Спустя 33 минуты, 28 секунд (22.10.2010 - 16:39) Newsmale написал(а):
Спасибо за совет, попробуем
Быстрый ответ:

 Графические смайлики |  Показывать подпись
Здесь расположена полная версия этой страницы.
Invision Power Board © 2001-2024 Invision Power Services, Inc.