Final Product


#1



Build a Resumé


I can't get it to do what I want.
My name is in front of everything else. I followed the instructions, but truthfully, I don't quite get this positioning thing, so I can't fix it. Same happened in the last exercise, I don't think it looks great.

<!DOCTYPE html>
<html>
	<head>
		<link type="text/css" rel="stylesheet" href="stylesheet.css"/>
		<title></title>
	</head>
	<body>
	<div id="header"><h3>Dorabel E. Velazquez</h3>
	</div>
	<div class="left">
	<a hrfe="https://encrypted-tbn3.gstatic.com/images?q=tbn:ANd9GcR7F8Me2vriR8J9ME54cqs8syBQzl-Ix_A5CUDRX8HivKOG92ik">Here My picture- HOW DO I ADD MY OWN PIC, I still don't get it</a>
	</div>
	<div class="right">
	<h4><srtong>WORK EXPERIENCE</h4></strong>
	<p><strong>Cracker Barrel Old Country Store-San Antonio,TX-12/15-Present</strong></li>
	<ul>
	<li>General customer service</li>
	<li>Re-stock shelves</li>
	<li>Keep restrooms clean</li>
	
	
	</ul>
	
	<p ><strong>NISD-Holmes High School-San Antonio,TX 08/15-10/15</strong></p>
	<ul>
	<li>Receive parents and students at front desk
	</li>
	<li>Answer phone calls and direct them to the right office</li>
	</ul>
	<p ><strong>HR Block-San Antonio,TX 12/14-04/15</strong></p>
	<ul>
	<li>Trained on current tax laws</li>
	<li>Assisted and completed client's personal and business tax returns</li>
	<li>Took "second looks" at prior year's tax returns for any prior year discrepancies</ul>
	</div>
	<div id="footer">
	<ul>
    	<li>14111 Vance Jackson Road, #5208
	San Antonio,TX 78249</li>
    	<li>velazquezde@yahoo.com</li>
	</ul></div>
	</body>
</html>

div {
    border-radius:5px;
    color:black;
    padding:2px;
    border:2px;
   
    }
#header {
    position:fixed;
    z-index:1;
    font-family:cursive;
    font-size:25px;
    text-align:center;
    background-color:#669999;
    }
.left{
    float:left;
    font-family:Verdana;
    background-color:#cc9999;
    height:125px;
    width:75px;
    }
.right{
    float:right;
    position:relative;
    background-color:#cccccc;
    height:1050px;
    width:285px;
    }
#footer{
    clear:both;
    background-color:#ffcccc;
    }

Thank you for all your help, Sincerely, Dora : )

Replace this line with your code.


#2

You can simple push left and right down like i did here?


#3

Thank you!. I'll keep trying. : )


#4

How about the picture, Mr/Mrs. Stetim94? How do I add a pic from my Computer? I tried the Dropbox but failed. : /


#5

Dropbox is difficult, since this uses restrictions. Make sure the place is public, maybe google drive? prntscr is nice and easy


#6

Alright, I upload the pic and copy the link to my work, but I still don't see the pic.

<!DOCTYPE html>
<html>
	<head>
		<link type="text/css" rel="stylesheet" href="stylesheet.css"/>
		<title></title>
	</head>
	<body>
	<div id="header"><h3>Dorabel E. Velazquez</h3>
	</div>
	<div class="left">
	<a hrfe="http://prntscr.com/agwga0"></a>
	</div>
	<div class="right">
	<h4><srtong>WORK EXPERIENCE</h4></strong>
	<p><strong>Cracker Barrel Old Country Store-San Antonio,TX-12/15-Present</strong></li>
	<ul>
	<li>General customer service</li>
	<li>Re-stock shelves</li>
	<li>Keep restrooms clean</li>
	</ul>
	<p ><strong>NISD-Holmes High School-San Antonio,TX 08/15-10/15</strong></p>
	<ul>
	<li>Receive parents and students at front desk
	</li>
	<li>Answer phone calls and direct them to the right office</li>
	</ul>
	<p ><strong>HR Block-San Antonio,TX 12/14-04/15</strong></p>
	<ul>
	<li>Trained on current tax laws</li>
	<li>Assisted and completed client's personal and business tax returns</li>
	<li>Took "second looks" at prior year's tax returns for any prior year discrepancies</ul>
	</div>
	<div id="footer">
	<ul>CONTACT:
    	<li>14111 Vance Jackson Road, #5208
	San Antonio,TX 78249</li>
    	<li>velazquezde@yahoo.com</li>
    	(210)818-5764
	</ul></div>
	</body>
</html>

#7

^ you might want to read this help topic so your code will show.

Well, if you want a image, i would use the image element:

<img>

then use a source attribute to tell <img> where the image is located, make sure this the image location, not url of the page:

<img src="http://i.imgur.com/wMiLoA3.jpg">

most if the times, the url will end with a file image extension, which indicates you have the right url.

If you use an anchor (<a></a>), ensure that you spell the href attribute correctly