The site is using margin auto in order to have compatibility with different resolutions of screen
I have several divs nested in one central div. Those divs have images as links and they are not stuck properly to the left edje all. Here is a piece of code
<div style="width:800px; border-style:dashed; border-width: 3px; overflow:hidden; margin-left: auto; margin-right:auto;"> <!--<iframe width="100%" height="100%" scrolling="no" hspace="0" vspace="0" marginheight='0' frameborder='no' src="sa_footer.html"></iframe>-->
This is my first post, and I'm excited to have just joined this community!
I'm jumping ship from IT/SysAdmin to work for myself and do do web design/development. I need to unleash my creative juices!
I'm looking forward to learning a lot and helping as much as I can as my knowledge grows!
HTML Code -
<!DOCTYPE html> <html> <!-- Made by Yours Truly with loving support of Bootstrap 3.0 !--> <head> <title>Tushar Gupta | Web Developer & Designer</title> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <!-- Bootstrap --> <link href="css/bootstrap.min.css" rel="stylesheet" media="screen"> <link href="css/animate.min.css" rel="stylesheet" media="screen"> <link href="css/main.css" rel="stylesheet" media="screen"> <link href="css/fontello.css" rel="stylesheet" media="screen">
Here's the HTML
<!DOCTYPE html> <html> <head> <link rel="stylesheet" type="text/css" href="skills.css"> </head> <body style="background-color:#dddddd"> <div id="menu"> <ul> <li><a href="skills.html">Skills</a></li> <li><a href="about.html">About</a></li> </ul> </div> <div id="skills"> <div id="prof"> <li>Proficient in HTML</li> <p>I can</p>
What are the best ways to align items on a page with CSS?
How do you incorporate a grid into your design and make it responsive?
These are the things I struggle with the most. I would really appreciate any help I could get with this!