Przedszkolak
Postów: 16
Data rejestracji: 18.01.2016 17:45
|
Wstawi?em na dodatkowej stronie kod , który po klikni?ciu rozwija i zwija tekst w ramce. Chcia?em dodatkowo wstawi? w ten kod obrazek w górnym lewym rogu, lecz co bym nie zrobi?, to wszystko si? sypie.Czy jest to mo?liwe w tym kodzie? Je?li tak, to prosz? o wskazówk?. <div class="art">
<div class="text">
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque eget massa quis velit cursus auctor. In mattis dictum urna pulvinar sodales. Mauris vitae nunc tincidunt libero gravida viverra at quis enim. Aenean commodo sem sit amet orci elementum tempus. Nullam ornare, sapien nec euismod ultricies, elit turpis pharetra turpis, eget rutrum quam velit a urna. Nunc quis erat at elit dignissim mollis. Aenean pellentesque laoreet tortor quis tincidunt. Donec sodales, sapien in cursus lobortis, augue purus molestie sapien, sit amet tincidunt metus felis id velit. Phasellus elementum nisi ut risus molestie ullamcorper sed ut arcu. Mauris rhoncus dui turpis. Suspendisse mi neque, aliquam at vestibulum at, sagittis id mauris.
</div>
</div>
<STYLE>
.art {
border: 1px solid #ccc;
margin: 10px;
padding: 5px;
display: table;
}
.text {
overflow: hidden;
}
.readmore, .readless {
text-align:right;
padding:2px;
float:right;
cursor: pointer;
}
</STYLE>
<SCRIPT>
$(function(){
$('.art').append('<div class="readmore">czytaj wi?cej...</div>');
var wys = $('.text').height();
$('.text').css('height', '80px');
$('.readmore').live('click', function(){
$('.text').animate({height: wys}, 1000);
$(this).attr('class', 'readless');
$(this).text('czytaj mniej...');
});
$('.readless').live('click', function(){
$('.text').animate({height: '80px'}, 1000);
$(this).attr('class', 'readmore');
$(this).text('czytaj wi?cej...');
});
});
</SCRIPT>
Po??czony z 02 wrzesie? 2016 16:11:
Ju? doszed?em do rozwi?zania:)
<div class="opis">
<div class="text">
<img src="/bron/xdm.jpg" alt="" style="float:left;" />Pistolet XDM-4.5, kal.9x19 mm PARA
Pistolet XDM jest to samopowtarzalny pistolet chorwackiej firmy HS PRODUKT. Pistolet ten w USA znany jest pod nazw? Springfield XD i trzykrotnie uzyska? nagrod? produktu roku. Ceniony jest szczególnie za jego wszechstronno?? i niezawodno?? w ka?dych warunkach.
o mo?na powiedzie? o pistoletach HS-9 i XDM-9? Bardzo dobra bro?. Lekkie, dobrze wywa?one, dobrze le??ce w d?oni – ka?dy pistolet w komplecie ma trzy wymienne nak?adki na tyln? cz??? chwytu, co pozwala dopasowa? bro? do r?ki u?ytkownika (cho? osobom o du?ych d?oniach i tak najlepiej le?y w r?ku XDM-45ACP, z uwagi na bardziej p?katy chwyt). Pistolety wyposa?one s? w czytelne przyrz?dy celownicze z bia?ymi punktami (HS-9) lub ?wiat?owodem na muszce (XDM-9). Bro? ma spust single-action o bardzo dobrej, „przyjaznej dla strzelca” charakterystyce, pozwalaj?cy na szybkie i celne strzelanie dubletów, ale tak?e i na strzelanie precyzyjne. Chorwackie pistolety s? cz??ciowo przystosowane do strzelania dla strzelców lewo- i prawor?cznych – maj? dwustronny przycisk zwalniania magazynka, ale d?wignia zwalniania zamka z tylnego po?o?enia znajduje si? jedynie na lewej stronie broni (przed ni? umieszczono d?wigni? s?u??c? do rozk?adania). Pistolet nie ma bezpieczników nastawnych, a jedynie automatyczne: chwytowy, w spu?cie i blokad? iglicy.
</div>
</div>
<div class="opis">
<div class="text">
<img src="/bron/xdm.jpg" alt="" style="float:left;" />Pistolet XDM-4.5, kal.9x19 mm PARA
Pistolet XDM jest to samopowtarzalny pistolet chorwackiej firmy HS PRODUKT. Pistolet ten w USA znany jest pod nazw? Springfield XD i trzykrotnie uzyska? nagrod? produktu roku. Ceniony jest szczególnie za jego wszechstronno?? i niezawodno?? w ka?dych warunkach.
o mo?na powiedzie? o pistoletach HS-9 i XDM-9? Bardzo dobra bro?. Lekkie, dobrze wywa?one, dobrze le??ce w d?oni – ka?dy pistolet w komplecie ma trzy wymienne nak?adki na tyln? cz??? chwytu, co pozwala dopasowa? bro? do r?ki u?ytkownika (cho? osobom o du?ych d?oniach i tak najlepiej le?y w r?ku XDM-45ACP, z uwagi na bardziej p?katy chwyt). Pistolety wyposa?one s? w czytelne przyrz?dy celownicze z bia?ymi punktami (HS-9) lub ?wiat?owodem na muszce (XDM-9). Bro? ma spust single-action o bardzo dobrej, „przyjaznej dla strzelca” charakterystyce, pozwalaj?cy na szybkie i celne strzelanie dubletów, ale tak?e i na strzelanie precyzyjne. Chorwackie pistolety s? cz??ciowo przystosowane do strzelania dla strzelców lewo- i prawor?cznych – maj? dwustronny przycisk zwalniania magazynka, ale d?wignia zwalniania zamka z tylnego po?o?enia znajduje si? jedynie na lewej stronie broni (przed ni? umieszczono d?wigni? s?u??c? do rozk?adania). Pistolet nie ma bezpieczników nastawnych, a jedynie automatyczne: chwytowy, w spu?cie i blokad? iglicy.
</div>
</div>
<STYLE>
.opis {
border: 1px solid #ccc;
margin: 10px;
padding: 5px;
display: table;
}
.text {
overflow: hidden;
}
.readmore, .readless {
text-align:right;
padding:2px;
float:right;
cursor: pointer;
}
</STYLE>
<SCRIPT>
$(function(){
$('.opis').each(function(){
$(this).append('<div class="readmore">czytaj wi?cej...</div>');
var textelement = $(this).find('.text');
var wys = textelement.height();
textelement.css('height', '90px');
$(this).find('.readmore').live('click', function(){
textelement.animate({height: wys}, 1000);
$(this).attr('class', 'readless');
$(this).text('czytaj mniej...');
});
$(this).find('.readless').live('click', function(){
textelement.animate({height: '90px'}, 1000);
$(this).attr('class', 'readmore');
$(this).text('czytaj wi?cej...');
});
});
});
</SCRIPT>
Edytowane przez expert dnia 02.09.2016 16:11:23
|
