выравнивание изображений в тексте

[cyklop77]

подскажите пожалуйста способ, при помощи которого можно точно выравнивать изображения по обоим краям justify-текста без применения дополнительных классов

здесь выровнено с дополнительными классами, а хотелось бы без них

[USF]

img:nth-child(2n) {
    float: left; 
   } 

img:nth-child(2n+1) {
    float: right; 
   } 

[cyklop77]

это немного не то. я мало условий задачи предоставил

изображения будут вставляться контент-менеджером в визивиг и должны иметь небольшие отступы чтобы не прилипали к тексту. порядка никакого не будет поэтому nth-child не подходит

и хотелось бы кроссбраузерное решение...

Edited October 23, 2012 by cyklop77

[USF]

тогда классы или жабить

[cyklop77]

тогда классы или жабить

а если ie отбросить,то всё равно не получится без js обойтись?

а жабить в каком направлении? хотя бы в общих чертах не объяснишь идею?

Edited October 23, 2012 by cyklop77

[USF]

ну смотри, тебе нужно одну и ту же сущность IMG (классов то нету) распределить по левой и правой стороне.

есть способы глупые - аля атрибуты(можно названия картинок или части путей сравнивать). для этого заранее у картинок или путей должны быть определенные значения(левые в папку left, правый в right, и названия как-то править), а потом через селекторы атрибутов.

если классов нет, то через JS. собираешь картинки с текста в массив, четные влево, нечетные право иили наоборот.

[SelenIT]

А в визивиге нет функции установки обтекания (хотя бы по-дореволюционному, через атрибут align)? Если есть, то на мегакрайний случай можно а-ля

img[align="left"] {
   float: left;
   margin: 3px 10px 3px 0;
}

img[align="right"] {
   float: right;
   margin: 3px 0 3px 10px;
}

Хотя лучше попробовать допилить сам визивиг, чтобы он при выборе обтекания ставил именно класс...

[cyklop77]

А в визивиге нет функции установки обтекания (хотя бы по-дореволюционному, через атрибут align)? Если есть, то на мегакрайний случай можно а-ля

img[align="left"] {
   float: left;
   margin: 3px 10px 3px 0;
}

img[align="right"] {
   float: right;
   margin: 3px 0 3px 10px;
}

Хотя лучше попробовать допилить сам визивиг, чтобы он при выборе обтекания ставил именно класс...

этот способ подходит вполне, так как визивиг ставит float: left или float: right