I cant for the life of me figure out whats wrong. |
I cant for the life of me figure out whats wrong. |
fuze |
Apr 22 2017, 10:39 AM
Post
#1
|
Group: Members Posts: 1 Joined: 22-April 17 Member No.: 26,379 |
I am currently writing a website for my gaming team and we have a page for the team and a bit about them.
On this oage we have 5 people but the last persons picture, is getting enlarged for some reason and I dont want it to. The code is here: <!DOCTYPE HTML> <!-- Strongly Typed by HTML5 UP html5up.net | @ajlkn Free for personal and commercial use under the CCA 3.0 license (html5up.net/license) --> <html> <head> <title>Atrocity Gaming</title> <meta charset="utf-8" /> <meta name="viewport" content="width=device-width, initial-scale=1" /> <!--[if lte IE 8]><script src="assets/js/ie/html5shiv.js"></script><![endif]--> <link rel="stylesheet" href="assets/css/main.css" /> <!--[if lte IE 8]><link rel="stylesheet" href="assets/css/ie8.css" /><![endif]--> </head> <body class="homepage"> <div id="page-wrapper"> <!-- Header --> <div id="header-wrapper"> <div id="header" class="container"> <!-- Logo --> <h1 id="loindex.html" title="indexgo"><a href="index.html">Atrocity Gaming</a></h1> <p>The road to pro gaming has just begun.</p> <div id="footer-wrapper"> <div id="footer" class="container"> <!-- Nav --> <nav id="nav"> <ul> <li><a class="icon fa-home" href="index.html"><span>Home</span></a></li> <li> <li><a class="icon fa-sitemap" href="players.html"><span>Players</span></a></li> </li> <li><a class="icon fa-cog" href="left-sidebar.html"><span>Our sponsors</span></a></li> </ul> </nav> <!-- Features --> <div id="features-wrapper"> <section id="features" class="container"> <header> <h2>Our players and their <strong>roles</strong>!</h2> </header> <div class="row"> </div> <!-- Feature --> <section> <a href="players.html" class="image featured"><img src="images/fuze1.jpg" alt="" /></a> <header> <h3>FUZE</h3> </header> <p>GFX Designer</p> </section> </div> <!-- Feature --> <section> <a href="players.html" class="image featured"><img src="images/IGLCHROMABANNER.jpg" alt="" /></a> <header> <h3>in-game leader</h3> </header> <p> got into it because my main man jonte was like "ya want to to join my team" and then i was like aye mate and then im in.</p> </section> </div> <!-- Feature --> <section> <a href="players.html" class="image featured"><img src="images/FROZTBANNERAWP.jpg" alt="" /></a> <header> <h3>Awper</h3> </header> <p>need personal statement</p> </section> </div> <!-- Feature --> <section> <a href="players.html" class="image featured"><img src="images/LURKLEVIZELBANNER.jpg" alt="" /></a> <header> <h3>Lurker</h3> </header> <p>need personal statement</p> </section> </div> <!-- Feature --> <section> <a href="players.html" class="image featured"><img src="images/ENTRYBANNERNST.jpg" alt="" /></a> <header> <h3>Entry Fragger</h3> </header> <p>need personal statement</p> </section> </div> <!-- Footer --> <div id="footer-wrapper"> <div id="footer" class="container"> <header> <h2>Questions or comments? <strong>Get in touch:</strong></h2> <div class="row"> <div class="6u 12u(mobile)"> <ul class="icons"> <li class="icon fa-home"> Sweden<br /> </li> <li class="icon fa-phone"> 696969-420 </li> <li class="icon fa-envelope"> <a href="#">cameronstewart@gmx.com</a> </li> </ul> </div> <div class="6u 12u(mobile)"> <ul class="icons"> <li class="icon fa-twitter"> <a href="#">@GG_Atrocity</a> </li> <li class="icon fa-instagram"> <a href="#">instagram.com/c.ameron_1967 / jontesonesson</a> </li> <li class="icon fa-dribbble"> <a href="#">Coming soon</a> </li> <li class="icon fa-facebook"> <a href="#">Atrocity Gaming</a> </li> </ul> </div> </div> </section> </div> </div> </div> <div id="copyright" class="container"> <ul class="links"> </ul> </div> </div> </div> <!-- Scripts --> <script src="assets/js/jquery.min.js"></script> <script src="assets/js/jquery.dropotron.min.js"></script> <script src="assets/js/skel.min.js"></script> <script src="assets/js/skel-viewport.min.js"></script> <script src="assets/js/util.js"></script> <!--[if lte IE 8]><script src="assets/js/ie/respond.min.js"></script><![endif]--> <script src="assets/js/main.js"></script> </body> </html> |
Christian J |
Apr 22 2017, 03:19 PM
Post
#2
|
. Group: WDG Moderators Posts: 9,656 Joined: 10-August 06 Member No.: 7 |
Nothing stands out in the HTML, so I'd suspect the CSS (and maybe the JS). Could you post the CSS as well?
BTW I wouldn't bother with supporting IE8, nobody's using it anymore. |
pandy |
Apr 22 2017, 04:53 PM
Post
#3
|
🌟Computer says no🌟 Group: WDG Moderators Posts: 20,731 Joined: 9-August 06 Member No.: 6 |
Maybe the image of the last person simply is larger than the rest? There are no size attributes in the HTML (there should be!), so unless you size them through CSS the images will have their native sizes.
If possible, the best is if you can link to the page on the web, so we can see all concerned files. |
Lo-Fi Version | Time is now: 26th April 2024 - 12:51 PM |