Форумы портала PHP.SU :: Версия для печати :: Обвернуть объект ссылкой

2. enom - 30 Июня, 2012 - 12:25:24 - перейти к сообщению

нужно что бы каждая картинка была в отдельном диве?
(Добавление)
просто не очень понятен вопрос...

3. DelphinPRO - 30 Июня, 2012 - 12:35:48 - перейти к сообщению

jquery

CODE (javascript):
скопировать код в буфер обмена

$('.cont img').wrap('<a href="#"></a>');

4. android - 30 Июня, 2012 - 15:44:06 - перейти к сообщению

(Добавление)
А хотя нет, это не поможет для центролизовки =(

Помогите...

Есть скрипт

CODE (javascript):
скопировать код в буфер обмена

 
$('#cont img').each(function(i, e) {
                $(this).wrap("<a href=\"javascript://\" class=\"test\" onclick=\"******"\"></a>);
});
 

CODE (htmlphp):
скопировать код в буфер обмена

 
 
#cont .test {
        display:block;
        float:left;
        width:100px;
        height:30px;
        padding:1px 0 0 5px;
        margin:0 auto;
        background:url(***) no-repeat 0 0;
}
 
#cont .test img {
        width:111px;
        height:67px;    
}
 

5. armancho7777777 - 30 Июня, 2012 - 15:54:05 - перейти к сообщению

Если надо обернуть все картинки которые находятся в #cont в один див с id qw:

CODE (javascript):
скопировать код в буфер обмена

$('#cont').find('img').wrapAll('<div id="qw"></div>');

А если надо ещё обернуть каждую в ссылку потом, то:

CODE (javascript):
скопировать код в буфер обмена

$('#cont').find('img').wrapAll('<div id="qw"></div>').wrap('<a href="#"></a>');

6. DelphinPRO - 30 Июня, 2012 - 21:11:47 - перейти к сообщению

android пишет:

Как мне все 4 картинки (их может быть больше или меньше) выставить по центру, в строчку??

это вопрос из области CSS уже, как я понял?

не делайте блоки плавающими, пусть они будут inline-block
тогда чтобы выровнять по центру достаточно родителю задать text-align: center

7. armancho7777777 - 30 Июня, 2012 - 21:21:36 - перейти к сообщению

DelphinPRO, ну если картинки обёрнуты в ссылки и находятся в диве,
то зачем трогать вообще свойство display?
Достаточно диву задать text-align: center
PS скучно, интересных тем на форуме нет, вот и придираюсь Радость

8. DelphinPRO - 30 Июня, 2012 - 21:34:33 - перейти к сообщению

действительно ) они и так строчные

9. android - 01 Июля, 2012 - 18:34:48 - перейти к сообщению

DelphinPRO точно inline-block

Вопрос исчерпан! Спасибо всем!!! Улыбка