Inserting language flags above header image
-
Hi, New to WP, but know a little html. I use the Weaver II Pro theme version 1.2.3 and have done some experiments for inserting my logo and language flags above the header image. I have put my html in the box Site Header Insert Code. I have succeeded to some extent, but one of the flags is not well aligned. I have tried all sorts of modifications with align=”right” etc.
It is a responsive theme, so I heard that % works better than exact sizes.
If I put the exact same code within <html> tags and look in a browser the table I created looks perfectly aligned. This is how it looks (with html tags; I also entered a border just to make it clearer):<html> <table width="99%" border="2" cellspacing="10" cellpadding="10"> <tr> <td valign="top"><h1 font-weight: bold; font-size: 24px>Heljesten Dokumentation AB</h1></td> <td width="18%"><img src="wp-content/uploads/2012/11/logo.gif" width="162" height="78" alt ="Heljesten Dokumentation AB" align="right"></td></tr> <tr> <td valign="top"><h2>N?r spr?ket ska spegla varum?rket.</h2></td> <td width="18%"><img src="wp-content/uploads/2012/11/SE-flagga_60.jpg" alt="Svenska" width="60" height="38" align="left"> <a href="./eng/index.htm" target="_top" border="0"><img src="wp-content/uploads/2012/11/US-flagga_70.jpg" alt="English" width="70" height="38" align="right"></a></td> </tr> </table> </html>
I inserted the header texts here instead of using the site header just so I could insert my images.
Right now I have a test site at https://www.wp.heljesten.se/sv/ (the English flag does not currently lead to any existing pages)
If I could do this in any better way I am most interested to hear it. All comments, either just a small modification of the code above to make the flags correctly aligned, or a totally new and better way for this to happen are most welcome! Thanks!
- The topic ‘Inserting language flags above header image’ is closed to new replies.