WebSite X5Help Center

 
Mandar V.
Mandar V.
User

How to set overlap buttons?  en

Autor: Mandar V.
Besucht 380, Followers 2, Geteilt 0  

Hello WX5 masters,

Need your guidance. I want to know how to set buttons overlapped on the banner image? Screenshot attached for your kind consideration. 

Regards

Gepostet am
13 ANTWORTEN
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator
Nutzer des Monats ES

...if you post the LINK we could make an evaluation on what you did by applying a possible EXTRA code...bye, ciao...

.

Mehr lesen
Gepostet am von  ‪ KolAsim ‪ ‪
Daniel W.
Daniel W.
User
Nutzer des Monats DENutzer des Monats EN

If the object(s) should extend into the background image, then insert the "Simple Separator" object (height e.g. 400) in the grid above and the desired object below that should overlap the background image.

With line style, the two objects are connected and given the background image.

An example can be seen on my test page, see

>> https://findelinks.de/123test-aufklappmenue-2/objekt-halb-ueber-hintergrund.html

The screenshots below show the structure in the grid and the settings for “Line Style”.

If something else is meant, then describe it in more detail so that we can see whether it can be done with WebSiteX5 alone or whether CSS code is required.

-----

-----

Mehr lesen
Gepostet am von Daniel W.
Mandar V.
Mandar V.
User
Autor

Thank you dear friends KolAsim & Daniel W

Let me try as per your suggestions. 

Regards

Mandar Vaidya

Mehr lesen
Gepostet am von Mandar V.
Mandar V.
Mandar V.
User
Autor

Dear Daniel W.

I'm trying but it is appearing like the screenshot below. I am expecting that upper half portion of the button should overlap the image and lower half portion should be outside (bekow) the image. 

Please guide.

Mehr lesen
Gepostet am von Mandar V.
Daniel W.
Daniel W.
User
Nutzer des Monats DENutzer des Monats EN

Here are the instructions with CSS code and 4 screenshots

  1. In the grid there is a “Simple Separator” object above and below the two “Button” objects.

  2. The background image is set in the line style, see screenshot (4)

  3. The CSS code ensures that the buttons partially extend downwards over the background image.

.

----- CSS code -----

For the Objects "Button":

     position: relative; top: 100px;

----- Screenshot (1) Preview -----

----- (2) -----

----- (3) -----

----- (4) -----

Mehr lesen
Gepostet am von Daniel W.
Mandar V.
Mandar V.
User
Autor

I'm sorry, but I don't have the 'Code' option which you have shown in the screenshot.

Regards

Mehr lesen
Gepostet am von Mandar V.
Daniel W.
Daniel W.
User
Nutzer des Monats DENutzer des Monats EN

If you were to post the link to the page with the 2 buttons, then other users could see what a CSS code should look like, which would then have to be inserted somewhere else in WebSiteX5.

Mehr lesen
Gepostet am von Daniel W.
Mandar V.
Mandar V.
User
Autor

Now facing a strange issue regarding browser on my PC and laptop. 

It is displaying a black screen and providing two options...

1. Update your browser 

2. Continue without updating 

If I click update your browser it goes to bestvpn.org/outdatedbrowser/ 

And if I click continue without updating nothing happens 

Website X5 is creating more problems day by day. I don't know how to handle it? 

Please help.

Mehr lesen
Gepostet am von Mandar V.
Daniel W.
Daniel W.
User
Nutzer des Monats DENutzer des Monats EN

If necessary, download the browser from the original provider and reinstall it, see

  • Firefox > mozilla.org
  • Edge > microsoft.com
  • Chrome > google.com

Or wait and see whether other users or Incomedia employees have a solution. Since I use the current Windows and WebSite X5 versions myself, I can't say anything about the old versions.

Mehr lesen
Gepostet am von Daniel W.
Mandar V.
Mandar V.
User
Autor

Thanks Daniel W. 

I'm frustrated due to such issues. If you see my logins here, facing numerous issues.

And why don't incomedia people see it earlier? 

After struggling for couple of days they enter into the conversation like a hero of a movie.

Mehr lesen
Gepostet am von Mandar V.
Incomedia
Elisa B.
Incomedia

Hi Mandar, 

as far as the issue with the browser is concerned, what browser are you using and what version is it, please?

Thanks!

Mehr lesen
Gepostet am von Elisa B.
Mandar V.
Mandar V.
User
Autor

Using Google Chrome updated version on Windows 10. 

Still facing the issue. 

Mehr lesen
Gepostet am von Mandar V.
Incomedia
Elisa B.
Incomedia

Hi!

Do you confirm it is version 145.0.7632.76?

Thanks!

Mehr lesen
Gepostet am von Elisa B.