Защо не сменя цвета .css ?

vinsbg · 20 Май 2009

Как да му сменя цвета на това и да стане черно ?

Код:

.menu {
   position:relative;
   top:-30px;
   left:80px;
   font-size:12px;
   color: [color=red].........[/color];  <----- Тук каквото и да сложа не го приема ?
   width:900px;
   text-align:left;
   font-family:Verdana,Arial,Times;
}

emagi · 20 Май 2009

menu {
position:relative;
top:-30px;
left:80px;
font-size:12px;
color: black;
width:900px;
text-align:left;
font-family:Verdana,Arial,Times;
}

vinsbg · 20 Май 2009

emagi каза:
menu {
position:relative;
top:-30px;
left:80px;
font-size:12px;
color: black;
width:900px;
text-align:left;
font-family:Verdana,Arial,Times;
}

Увеличете...

Не пак стои така...Бяло е в момента...

FestarBG · 20 Май 2009

.menu {
position:relative;
top:-30px;
left:80px;
font-size:12px;
color: .........; <----- Тук каквото и да сложа не го приема ?
background-color: black;
width:900px;
text-align:left;
font-family:Verdana,Arial,Times;
}

Може би имаш това предвид... :roll:

DeathGuard_ · 20 Май 2009

background: #000000;

vinsbg · 20 Май 2009

FestarBG каза:
.menu {
position:relative;
top:-30px;
left:80px;
font-size:12px;
color: .........; <----- Тук каквото и да сложа не го приема ?
background-color: black;
width:900px;
text-align:left;
font-family:Verdana,Arial,Times;
}

Увеличете...

Може би имаш това предвид... :roll:

Така слага цялото дори и бекграунд-а черно на мен ми трябва само на буквите...Имам няколко бутона там и ми трябва само биквите ...

emagi · 20 Май 2009

vinsbg каза:
FestarBG каза:

.menu {
position:relative;
top:-30px;
left:80px;
font-size:12px;
color: .........; <----- Тук каквото и да сложа не го приема ?
background-color: black;
width:900px;
text-align:left;
font-family:Verdana,Arial,Times;
}

Увеличете...

Може би имаш това предвид... :roll:

Увеличете...

Така слага цялото дори и бекграунд-а черно на мен ми трябва само на буквите...Имам няколко бутона там и ми трябва само биквите ...

Дай целия CSS kод!Или имаш някъде important, или имаш вътре още някой елемент , на който си дефинирал друг CSS

vinsbg · 20 Май 2009

Ето го...Неможах да вида да има на друго място дано вие успеете...

Код:

body {
   background: #ededed url('images/headerbg.jpg')top center repeat-x;
   font-family:"Segoe","Segoe UI","Humanist 777","Frutiger","Univers","Frobisher",Verdana,Arial,Lucida,times new roman,"Myriad Pro","Myriad";
   font-size:12px;
   color:#FFFFFF;
   margin: 0 0 0 0;
}

.main {
   margin: 0 auto;
   background: #51b9ee url('images/mainbg.jpg') top center repeat-y;
   width:950px;
}

.container {
   background: #ededed;
   margin-left: auto;
   margin-right: auto;
   margin: 0 auto;
   width:950px;
   display:table; 
   text-align:left;
}

.header {
   background: #c8c8c8 url('images/header.jpg')top center ;
   height:160px;
   width:950px;
   margin:0 auto;
}

.headertitle {
   font-size:52px;
   font-family: Segue UI, Geneva, Vera, Arial, Helvetica, sans-serif;
   font-variant : small-caps;   
   font-weight:bold;
   position:absolute;
   color:#000000;
   top:30px;
   left:350px;
   
}

.adtop {
   text-align:center;
}

.adside {
   position:absolute;
   top:282px;
   left: 781px;
   z-index:1;   
}
.vicove  {
   
     border: 1px solid #ddd;
     background-color : #00000;
     margin: 10px;
     padding: 10px;
     font-size: 15px;
     font-family: tahoma;
}

.rightside {
   float:left;
   margin: 0 0 60px 14px;
   width:565px;
}

.leftside {
   float:left;
   background: #FFFFFF url('images/sidebar_02repeat.jpg') top center;
   margin: 0px 0 -5px 8px;
   width:191px;
}

.leftside h2 {
   font-size:12px;
   text-align:center;
   margin: 0 0 -5px 0;
   background: #FFFFFF url('images/sidebartop.gif') top center;
}

.leftside li {
   list-style-image: url('images/li.gif');
   font-family: verdana,arial,times;
   font-size:12px;

   margin:0 5px 2px -5px;
}

.leftside li a {
   color: #FFFFFF;
   text-decoration: none;
}

.leftside li a:hover {
   color: #DDDDDD;
   text-decoration: none;
   background:#000000;
}

.sidebarback {
   background: url('images/sidebar_01top.jpg') top left no-repeat;
}

.menuholder { width:730px; }

.menu {
    position:relative;
    top:-30px;
    left:80px;
    font-size:12px;
    color: #000000;
    width:900px;
    text-align:center;
    font-family:Verdana,Arial,Times;
}
   
.menu a{
   color:#FFFFFF;
   text-decoration:none;
}   

.menu a:hover{
   color:#DDDDDD;
}      

.footer {
   clear:both;
   background: #ededed;
   height:107px;
   width:950px;
   margin: 0 auto;
   font-size:80%;
}

.footertext {
   color:#000000;
   padding:0 50px 0 0;
   text-align:right;
}

a img {
   border:none;
}

#blockdiv img {
   max-height: 50px;
   max-width: 50px;
   padding: 0 40px 0px 40px;
   width: expression(this.width > 50 ? 50: true);
   height: expression(this.height > 50 ? 50: true);
   position:relative;
   top:-172px;
   z-index:1;
}

#blockdiv a img {
   max-height: 80px;
   max-width: 101px;
   padding: 0 0 0 0;
   width: expression(this.width > 101 ? 101: true);
   height: expression(this.height > 80 ? 80: true);
   position:relative;
   top:-15px;
   left:33px;
}

#blockdiv {
   height:176px;
   width:135px;
   min-height:176px;
   min-width:135px;
   background: url('images/tableback1.gif') top center;
   float:left;
   display:block;
   margin: 0 2px 0 2px
}

#blockdiv h4 {
   text-align:center;
   font-size:95%;
   position:relative;
   top:0px;
}

.block {
   margin-left:auto;
   margin-right:auto;
   width:560px;
}

.bottomnav {
   margin-left:auto;
   margin-right:auto;
   float:right;
}
.bottomnav a{
   text-decoration:none;
   font-family:verdana,arial;
   font-size:20px;
   color:#000000;
   position:relative;
   top:3px;
}

#blockdiv .spacer {
   padding:0 40px 0 40px;
   margin:0;
   top:0;
}

.detail {
   background:#5993eb;
   border:1px solid #333333;
   margin:0 0 -65px 0;
   padding: 5px 10px 5px 10px;
   position:relative;
   color:#000000;
}

emagi · 20 Май 2009

Я дай и HTML кода

afsh · 20 Май 2009

Ето това ти е проблема. Направи го така:
.menu a{
color:#000;
text-decoration:none;
}

DeathGuard_ · 20 Май 2009

После където са ти буквите <p class="menu">text</p> или <span style="color: #000000;">Text</span>

shterev · 20 Май 2009

vinsbg каза:
emagi каза:

menu {
position:relative;
top:-30px;
left:80px;
font-size:12px;
color: black !important ;
width:900px;
text-align:left;
font-family:Verdana,Arial,Times;
}

Увеличете...

Увеличете...

Не пак стои така...Бяло е в момента...

Ей тай го направи.

vinsbg · 20 Май 2009

afsh каза:
Ето това ти е проблема. Направи го така:
.menu a{
color:#000;
text-decoration:none;
}

Наисътина това беше проблема...Оправи се.
А дали ще може да се направи на самото това да не е "center","left",right"
А да мога да го регулирам с пиксели или и аз незнам как, че неможе да пастне на хедъра... ?

Код:

menu {
position:relative;
top:-30px;
left:80px;
font-size:12px;
color: black;
width:900px;
text-align:left; <----- ЗА ТОВА ГОВОРЯ ?
font-family:Verdana,Arial,Times;
}

shterev · 20 Май 2009

menu {
position:relative;
padding-left:10px
top:-30px;
left:80px;
font-size:12px;
color: black;
width:890px;

font-family:Verdana,Arial,Times;
}

Когато добавящ падинг, толкова отнемаш от width

afsh · 20 Май 2009

Код:

body {
   background: #ededed url('images/headerbg.jpg')top center repeat-x;
   font-family:"Segoe","Segoe UI","Humanist 777","Frutiger","Univers","Frobisher",Verdana,Arial,Lucida,times new roman,"Myriad Pro","Myriad";
   font-size:12px;
   color:#FFFFFF;
   margin: 0 0 0 0;
}

.main {
   margin: 0 auto;
   background: #51b9ee url('images/mainbg.jpg') top center repeat-y;
   width:950px;
}

.container {
   background: #ededed;
   margin-left: auto;
   margin-right: auto;
   margin: 0 auto;
   width:950px;
   display:table;
   text-align:left;
}

.header {
   background: #c8c8c8 url('images/header.jpg')top center ;
   height:160px;
   width:950px;
   margin:0 auto;
}

.headertitle {
   font-size:52px;
   font-family: Segue UI, Geneva, Vera, Arial, Helvetica, sans-serif;
   font-variant : small-caps;   
   font-weight:bold;
   position:absolute;
   color:#000000;
   top:30px;
   left:350px;
   
}

.adtop {
   text-align:center;
}

.adside {
   position:absolute;
   top:282px;
   left: 781px;
   z-index:1;   
}
.vicove  {
   
     border: 1px solid #ddd;
     background-color : #00000;
     margin: 10px;
     padding: 10px;
     font-size: 15px;
     font-family: tahoma;
}

.rightside {
   float:left;
   margin: 0 0 60px 14px;
   width:565px;
}

.leftside {
   float:left;
   background: #FFFFFF url('images/sidebar_02repeat.jpg') top center;
   margin: 0px 0 -5px 8px;
   width:191px;
}

.leftside h2 {
   font-size:12px;
   text-align:center;
   margin: 0 0 -5px 0;
   background: #FFFFFF url('images/sidebartop.gif') top center;
}

.leftside li {
   list-style-image: url('images/li.gif');
   font-family: verdana,arial,times;
   font-size:12px;

   margin:0 5px 2px -5px;
}

.leftside li a {
   color: #FFFFFF;
   text-decoration: none;
}

.leftside li a:hover {
   color: #DDDDDD;
   text-decoration: none;
   background:#000000;
}

.sidebarback {
   background: url('images/sidebar_01top.jpg') top left no-repeat;
}

.menuholder { width:730px; }

.menu {
    position:relative;
    top:-30px;
    left:80px;
    font-size:12px;
    color: #000000;
    width:900px;
    text-align:center;
    font-family:Verdana,Arial,Times;
}
   
.menu a{
   color:#000;
   text-decoration:none;
}   

.menu a:hover{
   color:#DDDDDD;
}     

.footer {
   clear:both;
   background: #ededed;
   height:107px;
   width:950px;
   margin: 0 auto;
   font-size:80%;
}

.footertext {
   color:#000000;
   padding:0 50px 0 0;
   text-align:right;
}

a img {
   border:none;
}

#blockdiv img {
   max-height: 50px;
   max-width: 50px;
   padding: 0 40px 0px 40px;
   width: expression(this.width > 50 ? 50: true);
   height: expression(this.height > 50 ? 50: true);
   position:relative;
   top:-172px;
   z-index:1;
}

#blockdiv a img {
   max-height: 80px;
   max-width: 101px;
   padding: 0 0 0 0;
   width: expression(this.width > 101 ? 101: true);
   height: expression(this.height > 80 ? 80: true);
   position:relative;
   top:-15px;
   left:33px;
}

#blockdiv {
   height:176px;
   width:135px;
   min-height:176px;
   min-width:135px;
   background: url('images/tableback1.gif') top center;
   float:left;
   display:block;
   margin: 0 2px 0 2px
}

#blockdiv h4 {
   text-align:center;
   font-size:95%;
   position:relative;
   top:0px;
}

.block {
   margin-left:auto;
   margin-right:auto;
   width:560px;
}

.bottomnav {
   margin-left:auto;
   margin-right:auto;
   float:right;
}
.bottomnav a{
   text-decoration:none;
   font-family:verdana,arial;
   font-size:20px;
   color:#000000;
   position:relative;
   top:3px;
}

#blockdiv .spacer {
   padding:0 40px 0 40px;
   margin:0;
   top:0;
}

.detail {
   background:#5993eb;
   border:1px solid #333333;
   margin:0 0 -65px 0;
   padding: 5px 10px 5px 10px;
   position:relative;
   color:#000000;
}

vinsbg · 20 Май 2009

Не става и така..

Дал съм точка на afsh, защото по неговия начин стана...

afsh · 20 Май 2009

За да можеш да го регулираш в пиксели ще трябва да добавиш нов слой, за да избегнеш Крос-Браузер разминаванията. Идеалния вариант няма да стане с падингите и width, защото може да се получат бъгове.
Направи едно копие на страницата, за да не се объркат нещата и там където ти е менюто с линковете около него вкарай слоя:

<div style="padding-left: 20px;">
<a>link1</a>
<a>link2</a>
...
...
</div>

Съвсем схематично е това. Колкото да схванеш идеята. Като точ падинг по-късно можеш да го преместиш в CSS-файла.

Защо не сменя цвета .css ?

vinsbg

Registered

emagi

Registered

vinsbg

Registered

FestarBG

Registered

DeathGuard_

Registered

vinsbg

Registered

emagi

Registered

vinsbg

Registered

emagi

Registered

afsh

Registered

DeathGuard_

Registered

shterev

Registered

vinsbg

Registered

shterev

Registered

afsh

Registered

vinsbg

Registered

afsh

Registered