How can I enlarge the icons on my browser?

My webpage keep reformatting my text/image positions whenever I enlarge or shrink the browser size?

• Any way to make it like normal websites and keep the placement of my text and object intact no matter how small or large the browser size is? Link to my website for reference. Shrink and enlarge the browser size and you'll see all my text shift: www.CowmasterStudios.com I'm using Dreamweaver btw. Cheers!

• Answer:

  This is due to the layout of the page, You currently have SPAN elements inside of P elements which are inside of P elements, An example of this would be the "QUICK RESUME LINK" section of the Main_Page.html You will need to redesign the layout or re-enter the information, This can generally be caused by change and entering information more then once in the same area. If you have a look at the source code of the pages you will see how many elements are being used that are not required. Using a program with a WYSIWYG *What You See Is What You Get* design will always have these issues when changing elements/data from the original inserted content. I would suggest redoing the page with a fresh project/page and design the layout as you have currently without changing anything from the time you insert the content required. Also make sure you do not copy and paste content from another page as this will copy the formatting and elements along with the content. The only sure what to make sure that this does not happen to work with the raw HTML code for the page. Which browser are you experiencing this is? Generally one trick to remove most of these issues are to remove all padding and margins from all elements at a base level and then apply only the required adjustments to each element. Using CSS you can do this as such: * { margin:0px; padding:0px; } .pType1 { margin-top:10px; } .pType2 { margin-top:10px; padding-left:10px; } The * applies the css to all elements include the HTML/BODY tags/