Bilde seko a href'am

[anonīms]

Nezināju kā labāk paskaidrot tāpēc vnk izveidoju bildi.

 

Ir tā, ka tiek izveidoti a linki ar kkādu id, klasi vai alt tekstu, nav svarīgi. Un ir nepieciešams, lai bildes ar tādu pašu tekstu sāktos vienā līmenī ar šo a tagu.

Kā to varētu vislabāk panākt?

Biju domājis, ka bildes ir ar absolūtu pozīciju, bet man nesanāk no linkiem dabūt offsetu (cik teiksim no lapas augšas ir)

[aaxc]

Kopējos divus nemēģināji?

 

<style>
 .main {
   float: left;
   clear: both;
 }
 .tag {
   float: left;
   clear: both;
   width: 500px;
 }
 .text {
   float: left;
   width: 400px;
 }
 .image{
   float: right;
   width: 100px;}
</style>

 

<div class="main">

<div class="tag">
 <div class="text"></div>
 <div class="image"></div>
</div>

<div class="tag">
 <div class="text"></div>
 <div class="image"></div>
</div>

<div class="tag">
 <div class="text"></div>
 <div class="image"></div>
</div>

</div>

 

PS: Kods ir aatri uzrakstiits, nav testeets ;)

Edited October 15, 2012 by aaxc

[anonīms]

ar html es nevaru īsti manipulēt :/ offset man atmeta 0;0 a href elementam.

[aaxc]

Kā tu gribi kautko panākt, ja tev nav iespēja manipulē HTML? Vismaz JS failus vari mainīt?

Edited October 15, 2012 by aaxc

[anonīms]

js failus protams, ka varu mainīt.

Ideja bija tāda, ka es kaut kā iegūstu a taga pozīciju un bildei vnk būs position:absolute ar margin-top[a-taga-pozīcja], bet šādi:

jQuery('.view-id-sablons3 .views-field-field-sablons3-satura-bildes img').each(function() {
 var alt = jQuery(this).attr('alt');
 // get text position
 var text = jQuery(this).parents('.views-row').find('.views-field-body a').attr('id',alt);
 console.log(text);
 var text_top = text.offset();
 console.log(text_top);

});

man offset atmet 0;

[anonīms]

Problēma bija tur, ka šie a tagi bija iekšs elementa display:none un tādēļ nestrādāja position. Tagad viss okey.