получения ширина сНа элемента

Question

HTML:

<a id="postanad" href="postad.php">Make a Post</a> 

CSS:

#header #postanad { 
    position: absolute; 
    top: 50px; 
    left: 250px ; 
    background: #000 url(postad.gif) repeat-x 0% 100%;  
    font: bold 19px Tahoma, 'trebuchet MS', Sans-serif; 
    padding: 5px; 


} 

Как определить размер в пикселях/Эмс, что элемент DIV принимает, так что я могу сделать фон image postad.gif будет иметь одинаковую ширину?

Просто, чтобы быть ясным, я не хочу динамически определять ширину, но просто хочу знать, сколько места он занимает, чтобы рисовать фоновое изображение в PS.

Answer 1

Если вы заинтересованы в измерении ширины элемента на странице, вы можете использовать Measure IT аддон на Firefox:

https://addons.mozilla.org/en-US/firefox/addon/539/

Answer 2

Если вы знакомы с JQuery, вы можете просто использовать $ ("#postanad"). ширина().

Answer 3

CSS не является «языком программирования». Вы не можете принимать решения, собирать данные или манипулировать тем, что не был разработан для языка. Если вы хотите это сделать, javascript - ваш лучший выбор.

Что именно вы хотите иметь с фоном? Мы можем помочь вам получить решение только для CSS, если мы будем знать ваши требования.

Answer 4

Рассматривается ли динамический динамик? Потому что, если нет, проще всего установить высоту и ширину в стиле #header #postanad.

Answer 5

Путь jQuery, как и @ orthod0ks, заключается в использовании функции width(). CSS-путь был бы объявить width и height

ИЛИ, другой CSS путь будет:

Вы также можете поместить фон на DIV (как background: red;), сделать скриншот и вставить в PS, чтобы увидеть, насколько она велика.

Наконец, Firefox имеет плагин с именем (MeasureIt). Это довольно полезно для определения размеров вещей в пикселях. Поэтому вы должны задуматься над тем, что оба решения для вас не являются жизнеспособными.

Удачи вам!