The Web Design Group

... Making the Web accessible to all.

Welcome Guest ( Log In | Register )

 
 Reply to this topicStart new topic
> I cant for the life of me figure out whats wrong.
fuze
post 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>
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
Christian J
post 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.
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
pandy
post Apr 22 2017, 04:53 PM
Post #3


🌟Computer says no🌟
********

Group: WDG Moderators
Posts: 20,730
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.
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
« Next Oldest · Markup (HTML, XHTML, XML) · Next Newest »
 

Reply to this topicStart new topic
2 User(s) are reading this topic (2 Guests and 0 Anonymous Users)
0 Members:

 

Display Mode: Standard · Switch to: Linear+ · Switch to: Outline

Track this topic · Email this topic · Print this topic · Subscribe to this forum

- Lo-Fi Version Time is now: 25th April 2024 - 11:22 AM
Invision Power Board © 2024  IPS, Inc.
Licensed to: HTMLHelp.com, LLC