0 Replies - 721 Views - Last Post: 25 June 2013 - 10:37 AM

#1 GrowingDark  Icon User is offline

  • New D.I.C Head

Reputation: 2
  • View blog
  • Posts: 38
  • Joined: 09-March 11

HTML5 Auto scaling problem

Posted 25 June 2013 - 10:37 AM

Ok, so I have almost 0 experience besides basic html and I am trying to create a webpage based on a html5 template. At the top of the page there is a bar that has the links and title and whatnot. Since it is html5 it will auto scale based on the size of the browser. The only problem is that my title and logo will overlap the link buttons if it scales too small. I think I have located the code for the box, but I have no idea what to change. Any help would be appreciated!

EDIT: To clarify, I am wanting to change the size the box will scale to.

#main-wrapper
	{
		background: #fff;
	}

		#main-wrapper .main-wrapper-style1 .inner,
		#main-wrapper .main-wrapper-style2 .inner,
		#main-wrapper .main-wrapper-style3 .inner
		{
			position: relative;
			z-index: 2;
		}

		#main-wrapper .main-wrapper-style1
		{
			background: url('images/bg01.jpg');
			position: relative;
			text-shadow: 1px 1px 0 #fff;
		}

			#main-wrapper .main-wrapper-style1:before
			{
				content: '';
				display: block;
				position: absolute;
				top: 0;
				left: 0;
				width: 50%;
				height: 100%;
				background: url('images/bg03.png');
				background-size: 50% 100%;
				z-index: 1;
			}
	
		#main-wrapper .main-wrapper-style2
		{
		}
	
		#main-wrapper .main-wrapper-style3
		{
			background: url('images/bg01.jpg');
			position: relative;
			text-shadow: 1px 1px 0 #fff;
		}

			#main-wrapper .main-wrapper-style3:before
			{
				content: '';
				display: block;
				position: absolute;
				top: 0;
				left: 0;
				width: 100%;
				height: 250px;
				background: url('images/bg04.png');
				background-size: 100% 100%;
				z-index: 1;
				opacity: 0.25;
			}


I can see that main-wrapper-style3 is the mobile view of the title bar, but that's about all I can tell.

This post has been edited by GrowingDark: 25 June 2013 - 10:38 AM


Is This A Good Question/Topic? 0
  • +

Page 1 of 1