SitePoint Sponsor

User Tag List

Page 2 of 2 FirstFirst 12
Results 26 to 39 of 39
  1. #26
    SitePoint Member
    Join Date
    Jun 2009
    Posts
    20
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Code:
    #wrapper{
    	margin-right: auto;
    	margin-left: auto;
    	width: 982px;
    	position: relative;
    	margin-top: 0px;
    	margin-bottom: 0px;
    	text-align: left;
    }
    #header{
    	margin: 0px;
    	padding: 0px;
    	width: 982px;
    	background-image: url(images/header_bg_03.gif);
    	background-repeat: no-repeat;
    	min-height: 297px;
    	overflow: hidden;
    }
    
    * html #header
    {
      overflow:visible;
      height:297px;
    }
    #header_right_bg{
    	background-image: url(images/layout1wslices_04.gif);
    	text-align: right;
    	min-height: 297px;
    	color: #FFFFFF;
    	font-family: Verdana, Arial, Helvetica, sans-serif;
    	font-size: 12px;
    	margin-left: 265px;
    	height: 297px;
    	top: -297px;
    	position: relative;
    	padding-top: 0px;
    	padding-right: 50px;
    	padding-bottom: 0px;
    	padding-left: 0px;
    	background-repeat: no-repeat;
    }
    
    #header img.thing
    {
    	float:left;
    }
    #header_right_bg
    {
    	top:0;/*this was moving it out of view*/
    }
    #nav_bar{
    	float: left;
    	width: 241px;
    	top: 0px;
    	padding: 0px;
    	margin: 0px;
    	height: auto;
    	background-image: url(images/layout1wslices_22.gif);
    	background-repeat: repeat-y;
    }
    #content_area{
    	background-image: url(images/layout1wslices_08_new.gif);
    	width: 705px;
    	max-width: 741px;
    	min-height: 607px;
    	background-repeat: repeat-y;
    	position: relative;
    	padding-top: 25px;
    	padding-right: 0px;
    	padding-bottom: 39px;
    	padding-left: 35px;
    	margin-top: 0px;
    	margin-right: 0px;
    	margin-bottom: 0px;
    	margin-left: 0px;
    	float: left;
    }
    #footer{
    	width: 981px;
    	height: 69px;
    }
    body {
    	margin-left: 0px;
    	margin-top: 0px;
    	margin-right: 0px;
    	margin-bottom: 0px;
    	text-align: center;
    	background-image: url(images/main_bg.gif);
    	background-repeat: repeat-x;
    
    }
    .style3 {font-size: 14px}
    .style6 {
    	font-size: 24px;
    	font-weight: bold;
    	font-family: Verdana, Arial, Helvetica, sans-serif;
    }
    .style7 {
    	font-size: 16px;
    	font-weight: bold;
    }
    .style1 {color: #FF0000}
    .style8 {color: #000000}
    .style9 {font-size: 21px}
    .style10 {font-size: 21px; font-weight: bold; }
    
    #nav_content_wrapper{
    	background-image: url(images/nav_content_bg.gif);
    	background-repeat: repeat-y;
    	overflow: auto;
    	position: relative;
    }
    * html #nav_content_wrapper
    {
    	height:1%;/*Haslayout to display the background*/
    }
    
    #nav_highlight{
    	background-image: url(images/layout1wslices_23.gif);
    	min-height: 324px;
    	height: 324px;
    	background-repeat: repeat-y;
    	margin-right: 0px;
    	margin-bottom: 0px;
    	margin-left: 0px;
    	width: 241px;
    	left: 0px;
    	bottom: 0px;
    	position: absolute;
    }
    html>body #nav_highlight{position:absolute;}
    * html #nav_highlight
    {
    	position:static;/*IE6 doesn't like positoin:absoltue here for some reason*/
    	margin-top:-300px;/*Move it up*/
    }
    Can't seem to figure out the space still. What did I do wrong? I think I got everything in there.

  2. #27
    billycundiff{float:left;} silver trophybronze trophy RyanReese's Avatar
    Join Date
    Oct 2008
    Location
    Whiteford, Maryland, United States
    Posts
    13,564
    Mentioned
    6 Post(s)
    Tagged
    0 Thread(s)
    You didn't add the class to the <img> I posted in my previous post.

    The image in #header. Add class="thing" to match the CSS.......
    Twitter-@Ryan_Reese09
    http://www.ryanreese.us -Always looking for web design/development work

  3. #28
    SitePoint Member
    Join Date
    Jun 2009
    Posts
    20
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    the <img> is in a header.php include file...I added the class="thing" to it, saved it, and uploaded it but its not showing up in the source for some weird reason.

  4. #29
    billycundiff{float:left;} silver trophybronze trophy RyanReese's Avatar
    Join Date
    Oct 2008
    Location
    Whiteford, Maryland, United States
    Posts
    13,564
    Mentioned
    6 Post(s)
    Tagged
    0 Thread(s)
    Well then change the CSS to just be #header img{}

    I originally didn't do that because I thought that more then one image in the HTML might be in there. Guess not.
    Twitter-@Ryan_Reese09
    http://www.ryanreese.us -Always looking for web design/development work

  5. #30
    SitePoint Member
    Join Date
    Jun 2009
    Posts
    20
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    hmm that didn't seem to work. I don't get why the class="thing" is not showing up in the HTML?

    Code:
    #wrapper{
    	margin-right: auto;
    	margin-left: auto;
    	width: 982px;
    	position: relative;
    	margin-top: 0px;
    	margin-bottom: 0px;
    	text-align: left;
    }
    #header{
    	margin: 0px;
    	padding: 0px;
    	width: 982px;
    	background-image: url(images/header_bg_03.gif);
    	background-repeat: no-repeat;
    	min-height: 297px;
    	overflow: hidden;
    }
    
    * html #header
    {
      overflow:visible;
      height:297px;
    }
    #header_right_bg{
    	background-image: url(images/layout1wslices_04.gif);
    	text-align: right;
    	min-height: 297px;
    	color: #FFFFFF;
    	font-family: Verdana, Arial, Helvetica, sans-serif;
    	font-size: 12px;
    	margin-left: 265px;
    	height: 297px;
    	top: -297px;
    	position: relative;
    	padding-top: 0px;
    	padding-right: 50px;
    	padding-bottom: 0px;
    	padding-left: 0px;
    	background-repeat: no-repeat;
    }
    
    #header img{}
    #header_right_bg
    {
    	top:0;/*this was moving it out of view*/
    }
    #nav_bar{
    	float: left;
    	width: 241px;
    	top: 0px;
    	padding: 0px;
    	margin: 0px;
    	height: auto;
    	background-image: url(images/layout1wslices_22.gif);
    	background-repeat: repeat-y;
    }
    #content_area{
    	background-image: url(images/layout1wslices_08_new.gif);
    	width: 705px;
    	max-width: 741px;
    	min-height: 607px;
    	background-repeat: repeat-y;
    	position: relative;
    	padding-top: 25px;
    	padding-right: 0px;
    	padding-bottom: 39px;
    	padding-left: 35px;
    	margin-top: 0px;
    	margin-right: 0px;
    	margin-bottom: 0px;
    	margin-left: 0px;
    	float: left;
    }
    #footer{
    	width: 981px;
    	height: 69px;
    }
    body {
    	margin-left: 0px;
    	margin-top: 0px;
    	margin-right: 0px;
    	margin-bottom: 0px;
    	text-align: center;
    	background-image: url(images/main_bg.gif);
    	background-repeat: repeat-x;
    
    }
    .style3 {font-size: 14px}
    .style6 {
    	font-size: 24px;
    	font-weight: bold;
    	font-family: Verdana, Arial, Helvetica, sans-serif;
    }
    .style7 {
    	font-size: 16px;
    	font-weight: bold;
    }
    .style1 {color: #FF0000}
    .style8 {color: #000000}
    .style9 {font-size: 21px}
    .style10 {font-size: 21px; font-weight: bold; }
    
    #nav_content_wrapper{
    	background-image: url(images/nav_content_bg.gif);
    	background-repeat: repeat-y;
    	overflow: auto;
    	position: relative;
    }
    * html #nav_content_wrapper
    {
    	height:1&#37;;/*Haslayout to display the background*/
    }
    
    #nav_highlight{
    	background-image: url(images/layout1wslices_23.gif);
    	min-height: 324px;
    	height: 324px;
    	background-repeat: repeat-y;
    	margin-right: 0px;
    	margin-bottom: 0px;
    	margin-left: 0px;
    	width: 241px;
    	left: 0px;
    	bottom: 0px;
    	position: absolute;
    }
    html>body #nav_highlight{position:absolute;}
    * html #nav_highlight
    {
    	position:static;/*IE6 doesn't like positoin:absoltue here for some reason*/
    	margin-top:-300px;/*Move it up*/
    }

  6. #31
    billycundiff{float:left;} silver trophybronze trophy RyanReese's Avatar
    Join Date
    Oct 2008
    Location
    Whiteford, Maryland, United States
    Posts
    13,564
    Mentioned
    6 Post(s)
    Tagged
    0 Thread(s)
    Yes it will work. Change img.thing, to just "#header img{float:left;}"

    It DOES work!!!!!!!!!!

    I don't know why it doesn't show up in the HTML, is it the correct file?
    Twitter-@Ryan_Reese09
    http://www.ryanreese.us -Always looking for web design/development work

  7. #32
    SitePoint Member
    Join Date
    Jun 2009
    Posts
    20
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    ok it works! awesome, that last bit of code did it. Now the only thing left is the pages that don't have much content are messed up with the nav_highlight showing up in the content area. I want the brick background to always be the size of the directions page? How do I go about making this work in both IE and FF?

  8. #33
    billycundiff{float:left;} silver trophybronze trophy RyanReese's Avatar
    Join Date
    Oct 2008
    Location
    Whiteford, Maryland, United States
    Posts
    13,564
    Mentioned
    6 Post(s)
    Tagged
    0 Thread(s)
    Quote Originally Posted by mrflume View Post
    ok it works! awesome, that last bit of code did it.
    I've been telling you that code for a couple of posts now lol.

    Now the only thing left is the pages that don't have much content are messed up with the nav_highlight showing up in the content area. I want the brick background to always be the size of the directions page? How do I go about making this work in both IE and FF?
    Link to that? The page with ltitle content?
    Twitter-@Ryan_Reese09
    http://www.ryanreese.us -Always looking for web design/development work

  9. #34
    SitePoint Member
    Join Date
    Jun 2009
    Posts
    20
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    well u told me to put .thing and now its been removed so its basically new to me at least..idk.

    here's the link

    www.lavabarrestaurant.com/test/about.php

  10. #35
    billycundiff{float:left;} silver trophybronze trophy RyanReese's Avatar
    Join Date
    Oct 2008
    Location
    Whiteford, Maryland, United States
    Posts
    13,564
    Mentioned
    6 Post(s)
    Tagged
    0 Thread(s)
    Parents taking laptop now, but it has something to do wstih this issue

    If you apply clear:both; to the #nav_highlight you will see it jump under the navbar in IE6, (position:absolute it too if you want)

    GTG but hopefully Paul or smoeone can step in, if not I'll look again in the morning.
    Twitter-@Ryan_Reese09
    http://www.ryanreese.us -Always looking for web design/development work

  11. #36
    billycundiff{float:left;} silver trophybronze trophy RyanReese's Avatar
    Join Date
    Oct 2008
    Location
    Whiteford, Maryland, United States
    Posts
    13,564
    Mentioned
    6 Post(s)
    Tagged
    0 Thread(s)
    Code HTML4Strict:
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head><base href="http://www.lavabarrestaurant.com/test/about.php" />
    <meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1" />
    <title>Lava Restaurant Bar &amp; Brick Oven</title>
    <style>#wrapper{
    	margin-right: auto;
    	margin-left: auto;
    	width: 982px;
    	position: relative;
    	margin-top: 0px;
    	margin-bottom: 0px;z-index:2;
    	text-align: left;
    	overflow: hidden;
    }
    #header{
    	margin: 0px;
    	padding: 0px;
    	width: 982px;
    	background-image: url(images/header_bg_03.gif);
    	background-repeat: no-repeat;
    	min-height:297px;
    	overflow: hidden;
    }
     
    * html #header
    {
      overflow:visible;
      height:297px;
    }
    #header_right_bg{
    	background-image: url(images/layout1wslices_04.gif);
    	text-align: right;
    	min-height: 297px;
    	color: #FFFFFF;
    	font-family: Verdana, Arial, Helvetica, sans-serif;
    	font-size: 12px;
    	margin-left: 265px;
    	top: -297px;
    	position: relative;
    	padding-top: 0px;
    	padding-right: 50px;
    	padding-bottom: 0px;
    	padding-left: 0px;
    	background-repeat: no-repeat;
    }
    * html #header_right_bg
    {
    	height: 297px;
    }
    #header img{float:left;}
    #header_right_bg
    {
    	top:0;/*this was moving it out of view*/
    }
    #nav_bar{
    	float: left;
    	width: 241px;
    	top: 0px;
    	padding: 0px;
    	margin: 0px;
    	height: auto;
    	background-image: url(images/layout1wslices_22.gif);
    	background-repeat: repeat-y;
    }
    #content_area{
    	background-image: url(images/layout1wslices_08_new.gif);
    	width: 705px;
    	max-width: 741px;
    	min-height: 607px;
    	background-repeat: repeat-y;
    	position: relative;
    	padding-top: 25px; 
    	padding-bottom: 39px;
    	padding-left: 35px;
     
    	float: left;
    }* html #content_area
    {	 height: 607px;
    }
    #footer{
    	width: 981px;
    	height: 69px;
    }
    body {
    	margin-left: 0px;
    	margin-top: 0px;
    	margin-right: 0px;
    	margin-bottom: 0px;
    	text-align: center;
    	background-image: url(images/main_bg.gif);
    	background-repeat: repeat-x;
     
    }
    .style3 {font-size: 14px}
    .style6 {
    	font-size: 24px;
    	font-weight: bold;
    	font-family: Verdana, Arial, Helvetica, sans-serif;
    }
    .style7 {
    	font-size: 16px;
    	font-weight: bold;
    }
    .style1 {color: #FF0000}
    .style8 {color: #000000}
    .style9 {font-size: 21px}
    .style10 {font-size: 21px; font-weight: bold; }
     
    #nav_content_wrapper{
    	background-image: url(images/nav_content_bg.gif);
    	background-repeat: repeat-y;
    	overflow: auto;
    	position: relative;
    }
    * html #nav_content_wrapper
    {
    	height:1%;/*Haslayout to display the background*/
    }
     
    .nav_highlight{
    	background-image: url(images/layout1wslices_23.gif);
    	min-height: 324px;
    	background-repeat: repeat-y;
    	margin-right:0px;
    	margin-bottom: 0px;
    	margin-left: 0px;
    	width: 241px;
    	left: 0px;
    	bottom: 0px;
    	position: absolute;
    } 
    * html .nav_highlight
    {clear: both;
    	height: 324px;
    }</style>
    </head>
    <body>
    <div id="wrapper">
    	<div id="header">
    	    <img src="images/layout1wslices_03.gif" width="265" height="297" />
     <div id="header_right_bg"><span class="style2">Lava Restaurant<br />
    Bar and Brick Oven<br />
    344 French Hill Rd.<br />
    Wayne, NJ 07470<br />
    (973) 696-9440<br />
    (973) 696-2048<br />
    <a href="mailto:lava344@gmail.com" class="style1">lava344@gmail.com</a> </span></div> </div>
     <div id="nav_content_wrapper">
      <div id="nav_bar">
    		<a href="index.php"><img src="images/layout1wslices_07.gif" width="241" height="29" border="0" /></a><img src="images/layout1wslices_17.gif" width="241" height="12" /><a href="about.php"><img src="images/layout1wslices_10.gif" width="241" height="28" border="0" /></a><img src="images/layout1wslices_17.gif" width="241" height="12" /><a href="menus.php"><img src="images/layout1wslices_12.gif" width="241" height="28" border="0" /></a><img src="images/layout1wslices_17.gif" width="241" height="12" /><a href="grouppackages.php"><img src="images/layout1wslices_14.gif" width="241" height="28" border="0" /></a><img src="images/layout1wslices_17.gif" width="241" height="12" /><a href="directions.php"><img src="images/layout1wslices_16.gif" width="241" height="28" border="0" /></a><img src="images/layout1wslices_17.gif" width="241" height="12" /><a href="contact.php"><img src="images/layout1wslices_18.gif" width="241" height="28" border="0" /></a><img src="images/layout1wslices_21.gif" width="241" height="12" /><a href="coupons.php"><img src="images/coupon_link.gif" width="241" height="28" border="0" /></a><img src="images/layout1wslices_21.gif" width="241" height="12" />			</div>
     
      <div id="content_area">
      <div id="actual_content">Coming Soon
    </div> 
      </div>
      <div class="nav_highlight"></div>
      </div> 
      		<div id="footer">
    		<img src="images/layout1wslices_24.gif" width="981" height="69" />				</div>
    </div>
    </body>
    </html>
    Twitter-@Ryan_Reese09
    http://www.ryanreese.us -Always looking for web design/development work

  12. #37
    billycundiff{float:left;} silver trophybronze trophy RyanReese's Avatar
    Join Date
    Oct 2008
    Location
    Whiteford, Maryland, United States
    Posts
    13,564
    Mentioned
    6 Post(s)
    Tagged
    0 Thread(s)
    Ok sorry I didn't explain it last night but I got on my old old computer...where the keyboard doesn't work . I had to copy and paste each letter to make a property and value lol.

    Basicallly I moved all yourselectors that had min-height and height, to just hae min-height and then Ifed IE6 the height, used clear:both; on nav_highlight (which I turned into a class btw because I was pasting it in different parts of the HTML
    Twitter-@Ryan_Reese09
    http://www.ryanreese.us -Always looking for web design/development work

  13. #38
    SitePoint Member
    Join Date
    Jun 2009
    Posts
    20
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    wow, finally everything looks right! That was painful, but I can't thank you enough dude...thanks for stickin that one out with me. If you ever need assistance with something web related, I'd be down to help out.

  14. #39
    billycundiff{float:left;} silver trophybronze trophy RyanReese's Avatar
    Join Date
    Oct 2008
    Location
    Whiteford, Maryland, United States
    Posts
    13,564
    Mentioned
    6 Post(s)
    Tagged
    0 Thread(s)
    Quote Originally Posted by mrflume View Post
    wow, finally everything looks right! That was painful, but I can't thank you enough dude...thanks for stickin that one out with me. If you ever need assistance with something web related, I'd be down to help out.
    No problem lol. Your welcome .
    Twitter-@Ryan_Reese09
    http://www.ryanreese.us -Always looking for web design/development work


Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •