Стили не работают

-3

У меня есть следующий код.Стили не работают

<html> 
    <head> 
    <style> 
     .fb{ 
      position: relative; 
      right:-1000px; 
     } 
     .info{ 
     position:relative; 
     } 
    </style> 
    </head> 
    <body> 
    <div id="info"> 
    <a href="../jsp/aboutus.jsp" class="anatips" title="About Us">About Us</a> |  
    <a href="../jsp/privacy.jsp" class="anatips" title="Privacy Policy">Privacy Policy</a> 

    <a id = "fb" href="https://www.facebook.com/xyz" target="https://www.facebook.com/xyz"> <img src="../images/facebook.png" height = 16, width = 16 /> </a> 

    </div> 
</body> 
</html>

Я хочу переместить ссылку fb в правый угол. Думаю, мой стиль не работает. Или я ошибаюсь где-то?

источник

2013-08-28 Bittu

сделать [jsfiddle] (http://jsfiddle.net/) – aldanux

Вы должны использовать хэш '' # чтобы указать на элемент его 'идентификатор 'атрибут. периоды '.' используются для селекторов' .class'. –

Вы определили класс в таблице стилей

.fb{ 
    position: relative; 
    right:-1000px; 
} 
.info{ 
    position:relative; 
}

так при его использовании вы должны сделать

<div class="info"> 
    ... 
</div> 
<div class="fb"> 
    ... 
</div>

ИЛИ если вы хотите использовать ID затем

#fb{ 
    position: relative; 
    right:-1000px; 
} 
#info{ 
    position:relative; 
} 


<div id="info"> 
    ... 
</div> 
<div id="fb"> 
    ... 
</div>

источник

2013-08-28 12:12:44 Mickey

Используйте этот #fb{ float:right; }

источник

2013-08-28 12:05:32

did not work ..... – Bittu

Я только что отредактировал его. –

'float: right' делает что-то совсем другое. – JJJ

первым не использовать пробелы в ATTR = "чего-л". Также используется идентификатор не класс так селектор CSS должен быть #fb, не .fb

источник

2013-08-28 12:06:54

вы используете (.class) селекторы класса ИНСТА Объявление ид (#id) селекторов в вашем CSS

источник

2013-08-28 12:13:04 Blowsie

<div id="info"> 
<a href="../jsp/aboutus.jsp" class="anatips" title="About Us">About Us</a> |  
<a href="../jsp/privacy.jsp" class="anatips" title="Privacy Policy">Privacy Policy</a> 
<a id ="fb" href="https://www.facebook.com/xyz" target="https://www.facebook.com/xyz">  
<img src="../images/facebook.png" height = 16, width = 16 alt="FB"/> </a> 
</div>

CSS

#fb 
{ 
    float:right; 
} 
.info 
{ 
    position:relative; 
}

Там не было класса по имени фб. DEMO

источник

2013-08-28 12:13:11

стили не отражают, потому что вы используете . вместо #. . используется при работе с классом, для использования id #.

Попробуйте это:

#fb{ 
    position: fixed; 
    right:10px; 
     } 
#info{ 
    position:relative; 
}

Jsfiddle

источник

2013-08-28 12:13:52 heretolearn

Стили не работают

ответ

Смежные вопросы