SOLVED How to set readon class button on article image?
-
-
- Igors
- Sr. Rocketeer
- Posts: 119
- Thanks: 0
- SEO Pakalpojumi
-
Is it possible to set button (readon medmargintop) on article image like in sample picture?
This image is hidden for guests.
Please log in or register to see it.
The website will have 5+ languages and these 60 + country pictures will be the same for all languages. If i could use button on picture it could save plenty of time and server space.
Thanks for help.
url where button is needed: vervo.lv/lv/valstis/kravu-parvadajumi-latvija - seos.lv/pakalpojumi/seo-optimizacija SEO Pakalpojumi
-
-
-
- MrT
- Preeminent Rocketeer
- Posts: 101084
- Thanks: 13484
- Web Designer/Developer
-
just put the button in the article and then use absolute positioning with some custom CSS to move it on top of the image.
Regards, Mark. - Please search forums before posting. Please make sure your post includes the version of the CMS you are using and a link to the problem. Annotations on screenshots can also be helpful to explain problems/goals. Please use the "secure" tab for confidential information.
-
-
-
- Igors
- Sr. Rocketeer
- Posts: 119
- Thanks: 0
- SEO Pakalpojumi
-
should i use some custom class for that button? could you please guide me a little. Should i copy every css with .readon
Or can i do that just adding some lines? - seos.lv/pakalpojumi/seo-optimizacija SEO Pakalpojumi
-
-
-
- MrT
- Preeminent Rocketeer
- Posts: 101084
- Thanks: 13484
- Web Designer/Developer
-
yep you can do that will make it easier - then just define that custom class in your custom CSS file.
Regards, Mark. - Please search forums before posting. Please make sure your post includes the version of the CMS you are using and a link to the problem. Annotations on screenshots can also be helpful to explain problems/goals. Please use the "secure" tab for confidential information.
-
-
-
- Igors
- Sr. Rocketeer
- Posts: 119
- Thanks: 0
- SEO Pakalpojumi
-
I failed in this, no enough css knoledge. Tried to copy to custom css readon span, .readon .button
class and rename but button do not shows. So i do something wrong. - seos.lv/pakalpojumi/seo-optimizacija SEO Pakalpojumi
-
-
-
- MrT
- Preeminent Rocketeer
- Posts: 101084
- Thanks: 13484
- Web Designer/Developer
-
Please would you PM URL, superuser id and pswd and i'll have a look for you.
also Please PM FTP logon, password and FTP URL.
please give me article ID where you would like to do this.
Regards, Mark. - Please search forums before posting. Please make sure your post includes the version of the CMS you are using and a link to the problem. Annotations on screenshots can also be helpful to explain problems/goals. Please use the "secure" tab for confidential information.
-
-
-
- Igors
- Sr. Rocketeer
- Posts: 119
- Thanks: 0
- SEO Pakalpojumi
-
Hi, Mark found a solution in google
I did such way:
i put this in custom css:.map { position: relative; width: 100%; /* for IE 6 */ } .readonfloat { position: absolute; top: 140px; left: 10px; width: 100%; }
And i set image and readon button in div like this:
So i got result i wanted, but is it ok?<div class="map"> <img src="images/valstis/igaunija.jpg" alt="" /> <p class="readonfloat"><a class="readon" href="ru/uslugi/polucit-predlozenie"><span>Ценовое предложение</span></a></p> </div>
The url is: vervo.lv/ru/gruzoperevozki-estonija - seos.lv/pakalpojumi/seo-optimizacija SEO Pakalpojumi
-
-
-
- MrT
- Preeminent Rocketeer
- Posts: 101084
- Thanks: 13484
- Web Designer/Developer
-
Well it seems to work okay - so yes.
Regards, Mark. - Please search forums before posting. Please make sure your post includes the version of the CMS you are using and a link to the problem. Annotations on screenshots can also be helpful to explain problems/goals. Please use the "secure" tab for confidential information.
-
Time to create page: 0.058 seconds