Support Forums - All Posts - XOOPS Web Application System

51

Re: Automatic image width (for mobile devices)

2017/4/25 21:30
Hadesteam
Not too shy to talk
Posts: 162
Since: 2011/9/5 1

When i use


[img] [/img]

then is ok, but is to many pictures to change, Is there no other solution? On old template worked maybe send old css?

52

Re: Automatic image width (for mobile devices)

2017/4/25 19:16
Hadesteam
Not too shy to talk
Posts: 162
Since: 2011/9/5 1

Code of article or my theme?

article html code:


<a href="http://www.kulturystyka.org.pl/fotki/hubert/01.jpg" target="_blank"><img border="0" class="img-responsive" src="http://www.kulturystyka.org.pl/fotki/hubert/01m.jpg" /></a> <a href="http://www.kulturystyka.org.pl/fotki/hubert/02.jpg" target="_blank"><img border="0" class="img-responsive" src="http://www.kulturystyka.org.pl/fotki/hubert/02m.jpg" /></a> <a href="http://www.kulturystyka.org.pl/fotki/hubert/03.jpg" target="_blank"><img border="0" class="img-responsive" src="http://www.kulturystyka.org.pl/fotki/hubert/03m.jpg" /></a> <a href="http://www.kulturystyka.org.pl/fotki/hubert/04.jpg" target="_blank"><img border="0" class="img-responsive" src="http://www.kulturystyka.org.pl/fotki/hubert/04m.jpg" /></a> <a href="http://www.kulturystyka.org.pl/fotki/hubert/05.jpg" target="_blank"><img border="0" class="img-responsive" src="http://www.kulturystyka.org.pl/fotki/hubert/05m.jpg" /></a> <a href="http://www.kulturystyka.org.pl/fotki/hubert/06.jpg" target="_blank"><img border="0" class="img-responsive" src="http://www.kulturystyka.org.pl/fotki/hubert/06m.jpg" /></a>

53

Re: Automatic image width (for mobile devices)

2017/4/25 18:01
Hadesteam
Not too shy to talk
Posts: 162
Since: 2011/9/5 1

I have no idea, before adding this


class = "img-responsive"

error has already occurred, should display 3 thumbnail images side by side, line break and again 3.

When i edit article is something like this:

But when i save this i so effects.

54

Re: Automatic image width (for mobile devices)

2017/4/25 16:10
Hadesteam
Not too shy to talk
Posts: 162
Since: 2011/9/5 1

Thanks for the help, I added a class to all the pictures in the articles. Checking if everything works is wrong with displaying the same images, I noticed this before when I moved the content of the icontent module to the news. Well, the pictures are separated by a space and before the theme change, they are displayed side by side and now one under another.

For example:
http://www.kulturystyka.org.pl/modules/icontent/index.php?page=41
http://www.kulturystyka.org.pl/modules/news/article.php?storyid=436

Is any method in css to repair ? Regards

55

Re: Automatic image width (for mobile devices)

2017/4/25 11:31
Hadesteam
Not too shy to talk
Posts: 162
Since: 2011/9/5 1

That's right ... lol, then I may not be writing anything yet ....

... stupid hades, stupid hades ...

56

Re: Automatic image width (for mobile devices)

2017/4/24 20:58
Hadesteam
Not too shy to talk
Posts: 162
Since: 2011/9/5 1

I am a heavy case .... hehe;)


widthauto

i try and tell You if something change for better

57

Re: Automatic image width (for mobile devices)

2017/4/24 20:32
Hadesteam
Not too shy to talk
Posts: 162
Since: 2011/9/5 1

Ok thank you for the information, and could you give an example? How do you explain to me I will know how to change all the pictures on the site ... I see something like this:


.widthauto { width:            auto;}

.width100 { width:             100%;}

.width90 { width:             90%}

.width80 { width:             80%;}

.width75 { width:             75%;}

.width70 { width:            70%}

.width66 { width:            66.6%}

.width60 { width:            60%}

.width50 { width:             49%;}

.width45 { width:            45%}

.width40 { width:            40%}

.width33 { width:             33.3%;}

.width30 { width:             30%;}

.width25 { width:             25%;}

.width20 { width:             20%;}

.width15 { width:             15%;}

.width10 { width:             10%;}

.width5{ width:                5%; }

.width3{ width:                3%; }

.width2{ width:                2%; }

.width1{ width:                1%; }

Can you change the code below, but these 2 banners were fully responsive on all devices? (I'll just change the responsiveness of FB comments). If i find where it changes ... Please advice.


<center>

<a href="http://www.sfd.pl/sklep/prdir.aspx?pid=20"><img class="width100" src="/reklama/baner_poziomy_dol_sfd.jpg"></a>



<a href="http://www.taniesuple.com/" target="_blank"><img src="http://www.kulturystyka.org.pl/reklama/TanieSuple_com_730x100_.jpg"></a></center>

58

Re: Automatic image width (for mobile devices)

2017/4/24 16:22
Hadesteam
Not too shy to talk
Posts: 162
Since: 2011/9/5 1


.width100 { width:             100%;}


<a href="http://www.sfd.pl/sklep/prdir.aspx?pid=20" target="_blank"><img class="width100" src="http://www.kulturystyka.org.pl/images/baner_sfd_650.gif"> </a>

Look at this and first baner top left why is smaller than before but banner under article is resizing 100% ?
http://www.kulturystyka.org.pl/modules/news/article.php?storyid=1122

59

Automatic image width (for mobile devices)

2017/4/24 15:22
Hadesteam
Not too shy to talk
Posts: 162
Since: 2011/9/5 1

I have quite wide advertising banners on www.kulturystyka.org.pl. When I go on the phone, they do not automatically adjust to the width of the screen .... How to change it?

What is the best practice for everyone, no matter what device they use, have pictures displayed in the correct form?
I tried to add to the <img src = "tag width =" 100% but it only worked for the banner under the article (news module) but in the block at the top of the banner instead of expanding it decreased ...

Please help how to systematically solve it?
Regards

60

Re: Tag module (how to remove google, flickr search engine) ?

2017/4/23 14:26
Hadesteam
Not too shy to talk
Posts: 162
Since: 2011/9/5 1

OK I send message to mamba ...

I do not know if you understood me well, I meant something like this: (stars)
http://farm4.static.flickr.com/3551/3525472817_f0f17fdf8e.jpg

Stats
Goal:	$100.00
Due Date:	Apr 30
Gross Amount:	$0.00
Net Balance:	$0.00
Left to go:	$100.00

Forum Index

Re: Automatic image width (for mobile devices)

Re: Automatic image width (for mobile devices)

Re: Automatic image width (for mobile devices)

Re: Automatic image width (for mobile devices)

Re: Automatic image width (for mobile devices)

Re: Automatic image width (for mobile devices)

Re: Automatic image width (for mobile devices)

Re: Automatic image width (for mobile devices)

Automatic image width (for mobile devices)

Re: Tag module (how to remove google, flickr search engine) ?

Login

Search

Recent Posts

Re: Rebuilding and Updating a 20 years old Xoops Website from 2.0.18? to 2.5.11

Rebuilding and Updating a 20 years old Xoops Website from 2.0.18? to 2.5.11

Re: NewBB v 5.1.0 b 6

Re: NewBB v 5.1.0 b 6

NewBB v 5.1.0 b 6

Re: XOOPS 2.5.11 search user is not working

Re: oledrion

Re: oledrion

Re: oledrion

Re: oledrion

Who's Online

Donat-O-Meter

Latest GitHub Commits

{{ record.sha.slice(0, 7) }} - {{ record.commit.message | truncate }}