still haveing social media icon issue

+1 wiliam pierce · March 22, 2015
I can only get one icon(whatever is last listed)  to display. I haven't used any css yet.
 I'm don't want  to use bootstrap esp when I know its something stupid im missing.  I have the icons
in the appropriate file and can get the last one to display. any help welcomed

<div id="social-media-icons">
<img src ="images/facebook.png"/>
<img src ="images/youtube.png"/>
<img src ="images/twitter.png"/>
</div>
only twitter is displaying but if I put facebook last then it will appear instead.

Post a Reply

Replies

Oldest  Newest  Rating
0 Stuart Abbott · March 22, 2015
You've asked this before and people asked for the code. If you're not going to provide all the details, how is anybody going to able to help you at all??
0 wiliam pierce · March 24, 2015
thought I provided the code but heres all of it. no css yet

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8"/>
<title>im so tired</title>
<link rel="stylesheet" href="main.css"/>
</head>
<body>
 <div id="big_wrapper">
<header id="top_header">
<img src="mathy.jpg" alt="here tis" style="width:250px;height:93px">
<h1>Nerdy Poker=Money and Girls</h1>
<h3>A Complete guide to crushing the 1-2 game</h3>
</header>

<img src ="images/facebook.png"/>
<img src ="images/youtube.png"/>
<img src ="images/twitter.png"/>



<div id="top_menu">
<ul>
<li><a href="#"> Home</a></li>
<li><a href="#"> Tells</a></li>
<li><a href="#"> Charts</a></li>
<li><a href="#"> Tools</a></li>
<li><a href="#"> Videos</a></li>
<li><a href="#"> Blog</a></li>
</ul>
</div>

<div id="left">
<nav id="left">
 <ul>
 <li><a href="#">Mathematics</a> </li>
 <li><a href="#">Semi-Bluffing</a></li>
 <li><a href="#">Bluffing</a></li>
 <li><a href="#"> Charts</a></li>
 <li><a href="#">Live Play Tips</a></li>
 <li><a href="#">SEARCH</a></LI>
 <li><a href="#">Products</a></li>
 <li><a href="#">About</a></li>
 <li><a href="#"> Charts</a></li>
 <li><a href="#">Live Play Tips</a></li>
 <li><a href="#"> Charts</a></li>
 <li><a href="#">Live Play Tips</a></li>
 <li><a href="#">About</a></li>
 <li><a href="#"> Charts</a></li>
 <li><a href="#">Live Play Tips</a></li>
 <li><a href="#"> Charts</a></li>
 <li><a href="#">Live Play Tips</a></li>
 <li><a href="#">Live Play Tips</a></li>
 </ul>
</nav>
</div>


 <section id="middle">
 <div id="middle_header">

 <article><a href="#">
 <header>
 <hgroup>
 <h1>starting hand charts</h1>
 <h2>what to play and when to play it</h2>
 </hgroup>
 </header>
 <footer>
 <p>your starting place of how to play poker</P>
 </footer> </a>
 </article>
</div>


 <article>
<a href="#">
 <header>
 <hgroup>
 <h1>top 10 all time tips</h1>
 <h2>remember these tips to keep you in the game</h2>
 </hgroup>
 </header>
 <footer>
 <p>this will help you avoid stepping into traps</P>
 </footer> </a>
 </article>
 <article>
<a href="#">
 <header>
 <hgroup>
 <h1>top 10 all time tips</h1>
 <h2>remember these tips to keep you in the game</h2>
 </hgroup>
 </header>
 <footer>
 <p>this will help you avoid stepping into traps</P>
 </footer> </a>
 </article>

 <article>
<a href="#">
 <header>
 <hgroup>
 <h1>top 10 all time tips</h1>
 <h2>remember these tips to keep you in the game</h2>
 </hgroup>
 </header>
 <footer>
 <p>this will help you avoid stepping into traps</P>
 </footer> </a>
 </article>
 </article>
 <article>
<a href="#">
 <header>
 <hgroup>
 <h1>top 10 all time tips</h1>
 <h2>remember these tips to keep you in the game</h2>
 </hgroup>
 </header>
 <footer>
 <p>this will help you avoid stepping into traps</P>
 </footer> </a>
 </article>
 </article>
 <article>
<a href="#">
 <header>
 <hgroup>
 <h1>top 10 all time tips</h1>
 <h2>remember these tips to keep you in the game</h2>
 </hgroup>
 </header>
 <footer>
 <p>this will help you avoid stepping into traps</P>
 </footer> </a>
 </article>
 </article>

 <article>
<a href="#">
 <header>
 <hgroup>
 <h1>top 10 all time tips</h1>
 <h2>remember these tips to keep you in the game</h2>
 </hgroup>
 </header>
 <footer>
 <p>this will help you avoid stepping into traps</P>
 </footer> </a>
 </article>
 </article>

 <article>
<a href="#">
 <header>
 <hgroup>
 <h1>top 10 all time tips</h1>
 <h2>remember these tips to keep you in the game</h2>
 </hgroup>
 </header>
 <footer>
 <p>this will help you avoid stepping into traps</P>
 </footer> </a>
 </article>
 </article>
 <article>
<a href="#">
 <header>
 <hgroup>
 <h1>top 10 all time tips</h1>
 <h2>remember these tips to keep you in the game</h2>
 </hgroup>
 </header>
 <footer>
 <p>this will help you avoid stepping into traps</P>
 </footer> </a>
 </article>
 </article>
 </div>
 <div id="right">
<object width="200" height="230"
data="http://www.youtube.com/v/1hFvxzTMw6k">
</object>
<object width="200" height="230"
data="http://www.youtube.com/v/biMS5tWUmrc">
</object>
<object width="200" height="230"
data="http://www.youtube.com/v/5oibCeJhXNc">
</object>
<object width="200" height="230"
data="http://www.youtube.com/v/5woPCbobdb0">
</object>
</div>
<div id="the_footer">
<ul>
<li><a href="#"> Tells</a></li>
<li><a href="#"> Charts</a></li>
<li><a href="#"> Tools</a></li>
<li><a href="#"> Videos</a></li>
<li><a href="#"> Blog</a></li>
</ul>
</div>
</body>
</html>
0 Stuart Abbott · March 24, 2015
Hi. I'm not quite sure why yours isn't displaying correctly. I have simply copied and pasted your code and set up three sample images and they're working absolutely fine.

What browser are you using?
0 wiliam pierce · March 25, 2015
google chrome
0 Stuart Abbott · March 25, 2015
Hmm ok. I managed to get it to work in Chrome, Firefox and IE with no issues at all. I can't think why yours is only displaying the last image
0 wiliam pierce · March 25, 2015
not sure either, ill work on it some more thanks stuart
  • 1

HTML / CSS / Web Design

107,052 followers
About

Discuss, share, ask, learn and teach HTML5 and CSS3.

Links
Moderators