WebSite X5Help Center

 
Nektarios K.
Nektarios K.
User

HTML code with link and add photos  en

Author: Nektarios K.
Visited 356, Followers 1, Shared 0  

Hi there, I created accordion text in html but my knowledge are almost zero. Kindly requested any assist is possible for the following:
aa) Background with color code #102135
bb) Text in white color
cc) How I can put a photo on the left side of each text?
dd) How I can make the text link to another page?

Any help is welcome.
I use pro 2019.3.14
https://www.mieconsultancy.com

code....
















Ship Inspections


Our shipping consultancy services include customized modular packages to cater to individual client needs.
We understand that every ship-owner/Manager's needs special attention to analyze and strengthen only particular aspects of operation and
management. We provide tailor-made solutions for every aspect of marine operation and management.



Pre-purchase Inspections


A pre-purchase survey is a thorough evaluation of the entire vessel's structure, systems, equipment and machinery which also includes a detailed description of the vessel and summarizing possible recommendations required to bring the vessel to the acceptable standards.



Dry-Docking


MIEC offers a dedicated & qualified staff consisting of Ex-chief engineers, Shipyard production engineers, coating inspectors,
certified steel inspectors and electrical inspectors to ensure a safe and economical dry docking of their vessels.



Engineering


Committed to establishing long-term relationships through reliability, experience, and dedication.
MIE Consultancy offers to ship owners its vast experience in Ship repairs. The multidisciplinary team of experts is in a position to determine the necessary actions to satisfy the requirements of each case.





Manuals


At the forefront of the maritime evolutionary progress.
Being at the forefront of the maritime evolutionary progress we aim to conceive the forthcoming changes in the field and prepare all
parties involved for their implementation.




Posted on the
8 ANSWERS - 2 USEFUL - 1 CORRECT
John S.
John S.
User

Hello Nektarios

Look at this post : https://helpcenter.websitex5.com/en/post/221738

Instead of align="left"you should use right.

But why do you not use a text-object for this. I looked at your page and it seems that what you have done is not an accordion?????

And don't use body and html tags - use div instaed. But again - what you have made is NOT an accordion.

Read more
Posted on the from John S.
John S.
John S.
User

It seems that you have tried ( but not succeded ) in making an accordion.

Here : http://eksempelsite.dk/qa-accordion.html

you can see an example and the code for a rather simple  accordion that functions. You can clip the code and paste it in a html-object and it should function.

You can easily insert images in the accordion boxes like this :

<img src="http://www.energifremtiden.dk/c4d/materiale/copenhagenim_citadel.jpg" style="padding:5px" align="left" height=150" onmouseover="this.height=250;" onmouseout="this.height=150;">

But again - the design you have for the page, does that an accordion maybe not will be the right choice.

I cannot see what version you have ?????????

Read more
Posted on the from John S.
Nektarios K.
Nektarios K.
User
Author

Dear John, 

I have not yet upload version with accordion. 

The code of I attach to post working as accordion. I need to put accordion to Bwtm page as I have many txt to use. In a mean time may I change also the services with accordion type. I use pro 2019.3.14 version 

Read more
Posted on the from Nektarios K.
John S.
John S.
User

Hello Nektarios

I will make an example.

Read more
Posted on the from John S.
Nektarios K.
Nektarios K.
User
Author

Dear John,

yes, that  I want to make.

May I have the code pls?

Read more
Posted on the from Nektarios K.