Good day. There is a bar on top of the site in WP.

<html> <head> <meta charset="utf-8"> <style> .center { width: 976px; height: 36px; padding: 0px; margin: auto; background: #867550; } </style> </head> <body> <div class="center"> </div> </body> </html>

You need to insert such a div

 <div id="b24formdiv_0c8dca990f7f639306ea62be5498b712" class="b24formdiv"></div>

The name of the form (and this is the application form with the subsequent sending thereof in the bitrix): "Leave the application." How to make so that on the right side of this style bar appears the inscription "Leave a request" with a hyperlink to open the JS script in a new empty window. Because simply inserting this div sends an already open form just to the corner of the page.

  • could not reach enlightenment. what's the "style", to open the script in an empty window - you need to open a tab, which will be executed js or something else? try to describe the question so that the point is clear to the person - NumminorihSF
  • It seems to work out. Made a blank page on it twirled JS. Now it seems to be working. BUT. Please help me. How to omit this stupid "dialogue" box? - Sergey

1 answer 1

Example from the site

 <html> <head> <meta charset="utf-8"> <style type="text/css"> .center { width: 976px; height: 36px; padding: 0px; margin: auto; background: #867550; } .email { font-family: Arial; font-size: 150%; padding: 7px 5px; } .a { text-decoration: none; } .a:hover { text-decoration: underline; } .chat { } </style> </head> <body> <div class="center"> <div align="right" class="email"><img class="chat" height="20" width="20" src="http://localhost/site/wp-content/uploads/2016/04/img0002.png"><a class="a" href="mailto:**@**.ru" style="color: #FFFFFF"> Обратная связь</a></div> </div> </body> </html>

So I deduce what I need. But you need to move the cartoon down a little bit (so that the square is in the middle of the letter O). I just can not understand how to do it, and how to move it. Or is the code itself not correct?

  • You have added a question in the answer field - transfer your explanations to the question by editing it. on the topic - if your "square" is a separate block, then give it a position: and use the top: property to lower it to the desired value. - lexxl


Source: https://ru.stackoverflow.com/questions/512885/

More articles:


All Articles