XF 1.5 HTML and text on xenforo

Dan Fisk

Member
Hi everyone. I have a website which uses xenforo and I have an issue. I have set up a page in the node list and I have a html code for team logos to have text in once you hover over them. What I cant get is why both images are the same when they have two different links on the page for 2 different images. Why are the images not on the same line. One on the left and one in the middle. And finally how to I add a link into this. Below is the webpage and the code.

http://www.xciteracingleague.com/pages/Teammanagement/

Click on the team you wish to manage and proceed to your sponsorship deal!<br>

<br><left><!DOCTYPE html> <html > <head> <style type="text/css"> .pic{ width:350px; height:220px; background: url(http://oi67.tinypic.com/8xj85v.jpg) no-repeat; } .text{ width:290px; height:160px; background:#303030; opacity:0; } .pic:hover .text { opacity:0.8; text-align:justify; color:#fff; font-size:10.5px; font-weight:500; font-family:"Arial", Times, serif; padding:30px; } </style> </head> <body> <div class="pic"> <div class="text"> Scuderia Ferrari are the most successful and oldest currently competing team in Formula One. They are based in Maranello, Italy. <br><br>

Founded in 1929, the team started making their own cars in 1947 after running Alfa Romeos until then. They were part of the inaugural World Championship in 1950. <br><br>

Ferrari have won the drivers' title fifteen times, in 1952, 1953, 1956, 1958, 1961, 1964, 1975, 1977, 1979, 2000, 2001, 2002, 2003, 2004 and 2007. They won the Constructors' Championship (which was formed in 1958) sixteen times, in 1961, 1964, 1975, 1976, 1977, 1979, 1982, 1983, 1999, 2000, 2001, 2002, 2003, 2004, 2007 and 2008.
</div> </div> </body> </html>

<br><center><!DOCTYPE html> <html > <head> <style type="text/css"> .pic{ width:350px; height:220px; background: url(http://oi67.tinypic.com/2vjtz5u.jpg) no-repeat; } .text{ width:290px; height:160px; background:#303030; opacity:0; } .pic:hover .text { opacity:0.8; text-align:justify; color:#fff; font-size:10.5px; font-weight:500; font-family:"Arial", Times, serif; padding:30px; } </style> </head> <body> <div class="pic"> <div class="text"> Mercedes AMG Petronas Formula One Team, previously Mercedes GP Petronas F1 Team, is a Formula One racing team, based in Brackley, United Kingdom, using a German licence. Mercedes had been involved in the pre-war European Championship and breifly in Formula One during 1954 and 1955.<br><br> Mercedes-Benz returned to Formula One for the 2010 season after buying a minority stake (45.1%) in the Brawn GP team and have since become multiple contractors winners with a superior package in the turbo era.
</div> </div> </body> </html>
 
I would recommend hosting the images on your own server.

Your HTML is malformed too - you don't need the doctype, etc.

If you are not proficient with HTML, I recommend composing your page content in a normal post and then viewing the page source and copying and pasting the contents between the blockquote tags.
 
Top Bottom