Some code problem

Discussion in 'HTML & Website Design' started by Warez Dominator, Feb 28, 2010.

0
  1. #1 
    <li><a href="#">Hosting Plans</a>

					<ul>
						<li><a href="link">Shared Hosting</a></li>
						<li><a href="link">OffShore Hosting</a></li>
					</ul>
					</li>
    PHP:

    but it just missed all these when i am viewing online it
     
    Warez Dominator, Feb 28, 2010 IP
  2. Om ji Kesharwani

    Om ji Kesharwani Peon

    Messages:
    211
    Likes Received:
    1
    Best Answers:
    0
    Trophy Points:
    0
    #2
    <ul>
    <li><a href="#">Hosting Plans</a>

    <ul>
    <li><a href="link">Shared Hosting</a></li>
    <li><a href="link">OffShore Hosting</a></li>
    </ul>
    </li>
    </ul>


    I checked above code with mozilla, IE8 Its fine.
     
    Om ji Kesharwani, Feb 28, 2010 IP
  3. Warez Dominator

    Warez Dominator Member

    Messages:
    80
    Likes Received:
    1
    Best Answers:
    0
    Trophy Points:
    45
    #3
    Hello bro i have this

    
   <!-- header -->
   <div id="header">
   	<div class="row-1">
      	<div class="container">
         	<div class="logo"><a href="index.php"><img alt="" src="images/logo.jpg" /></a></div>
            <ul class="nav">
            	<li><a href="index.php" class="current">Home</a>|</li>
               <li><a href="hosting.php">Hosting</a>|</li>
               <li><a href="rhosting.php">Reseller</a>|</li>
<li><a href="#">Hosting Plans</a>
<ul>
<li><a href="uvpshosting.php">Shared Hosting</a></li>
<li><a href="ovpshosting.php">OffShore Hosting</a></li>
</ul>
</li>
               <li><a href="winvps.php">Win VPS </a>|</li>
               <li><a href="faq.php">FAQ</a>|</li>
               <li><a href="contact.php">Contact Us</a>|</li>
               <li><a href="clientarea.php">Client Area </a></li>  
            </ul>
    PHP:
    after that it shows me

    [​IMG]
     
    Warez Dominator, Feb 28, 2010 IP
  4. Om ji Kesharwani

    Om ji Kesharwani Peon

    Messages:
    211
    Likes Received:
    1
    Best Answers:
    0
    Trophy Points:
    0
    #4
    I checked it, u dont have poblem in this code..
    There is some problem in your css file ...
    You can chek after removing css file refrence it will work fine.
    If any issue post css file
     
    Om ji Kesharwani, Feb 28, 2010 IP
  5. Warez Dominator

    Warez Dominator Member

    Messages:
    80
    Likes Received:
    1
    Best Answers:
    0
    Trophy Points:
    45
    #5
    Here is Style.Css

    * { 
	margin:0;
	padding:0;
}
html, body { 
	height:100%;
}
html {
	min-width:900px;
}
body { 
	background:#0d0d0d; 
	font-family:Arial, Helvetica, sans-serif; font-size:100%; 
	line-height:1.0625em; 
	color:#777;
}

img {
	border:0; 
	vertical-align:top; 
	text-align:left;
}
object { 
	vertical-align:top; 
	outline:none;
}
ul, ol { 
	list-style:none;
}

.fleft { 
	float:left;
}
.fright { 
	float:right;
}
.clear { 
	clear:both;
}

.col-1, .col-2, .col-3 { 
	float:left;
}

.alignright { 
	text-align:right;
}
.aligncenter { 
	text-align:center;
}

.wrapper { 
	width:100%;
	overflow:hidden;
}
.container { 
	width:900px; 
	margin:0 auto;
}




/*==== GLOBAL =====*/
#header {
	font-size:.75em;
}
#content {
	font-size:.75em;
	background:#fff;
}
#footer {
	font-size:.69em;
	background:#0d0d0d;
	padding:20px 0 20px 0;
}


/*----- forms parameters -----*/

input, select, textarea { 
	font-family:Arial, Helvetica, sans-serif; font-size:1em;
	vertical-align:middle;
	font-weight:normal;
}


/*----- other -----*/
.img-indent { 
	margin:0 20px 0 0; 
	float:left;
}
.img-box { 
	width:100%; 
	overflow:hidden; 
	padding-bottom:28px;
}
	.img-box img { 
		float:left; 
		margin:0 20px 0 0;
	}

.extra-wrap { 
	overflow:hidden;
}


p {
	margin-bottom:17px;
}
.p1 { 
	margin-bottom:8px;
}
.p2 { 
	margin-bottom:16px;
}
.p3 { 
	margin-bottom:24px;
}

/*----- txt, links, lines, titles -----*/
a {
	color:#426ba3; 
	outline:none;
}
a:hover{
	text-decoration:none;
}

h1 {
	font-size:27px;
	line-height:1.2em;
	color:#484848;
	margin-bottom:20px;
}
h2 {
	font-size:23px;
	color:#868686;
	line-height:1.2em;
	margin-bottom:10px;
}
	h2 strong {
		position:relative;
		display:block;
		margin-top:-11px;
	}
	h2.alt {
		padding-top:0 !important;
		padding-bottom:0 !important;
		margin-bottom:6px;
	}
	h2.icon1 {
		background:url(images/icon1.gif) no-repeat left 2px;
		padding:4px 0 9px 46px;
	}
	h2.icon2 {
		background:url(images/icon2.gif) no-repeat left 2px;
		padding:4px 0 5px 33px;
	}
	h2.icon3 {
		background:url(images/icon3.gif) no-repeat left 2px;
		padding:4px 0 9px 46px;
	}
	h2.icon4 {
		background:url(images/icon4.gif) no-repeat left 2px;
		padding:4px 0 9px 46px;
	}
h3 {
	font-size:19px;
	line-height:1.2em;
	color:#fff;
	border-bottom:1px solid #515151;
	padding-bottom:8px;
	margin-bottom:10px;
}
h4 {
	font-size:1em;
	color:#0d0d0d;
	margin-bottom:8px;
}
h5 {
	font-size:1em;
	color:#0d0d0d;
}
h6 {
	font-size:.85em;
	text-transform:uppercase;
}


.txt1 {
	color:#0d0d0d;
}
.txt2 {
}

.link1 { 
	display:block;
	float:right !important;
	background:#e5e5e5; 
	color:#727272 !important; 
	text-decoration:none;
	padding:0 !important
}
.link1:hover { 
	text-decoration:underline;
	color:#000 !important;
}
	.link1 em {
		display:block;
		background:url(images/link1-left.gif) no-repeat left top;
	}
	.link1 b { 
		display:block;
		background:url(images/link1-right.gif) no-repeat right top; 
		padding:2px 11px 2px 11px; 
		font-weight:normal; font-style:normal;
	}

.link2 {
	color:#484848;
}

.line-ver { 
	background-image:url(images/line-ver.gif); 
	background-repeat:repeat-y;
	width:100%;
}


/*===== header =====*/
#header .row-1 {
	height:137px;
	background:#0d0d0d;
}
	#header .row-1 .logo {
		position:relative;
		margin-left:-10px;
		padding:14px 0 0 0;
		float:left;
	}
	#header .nav {
		float:right;
		padding:85px 0 0 0;
	}
		#header .nav li {
			display:inline;
			color:#272727;
		}
			#header .nav li a {
				color:#727171;
				text-decoration:none;
				padding:0 12px 0 9px;
			}
			#header .nav li a:hover, #header .nav li a.current {
				color:#fff;
			}
	
#header .row-2 {
	height:334px;
	background:#081322;
}
	#header .row-2 .bg {
		background:url(images/header-bg.jpg) no-repeat center top;
		height:334px;
	}
	#header .row-2 .indent {
		padding:58px 0 0 20px;
	}
		#header .row-2 .indent .indent {
			padding:4px 405px 0 55px;
			font-size:1.1em;
			color:#618bc9;
		}
			#header .row-2 .indent p {
				margin-bottom:45px;
			}
			#header .row-2 .indent p a {
				color:#fff;
			}

/*===== content =====*/
#content {
	padding:50px 0 0 0;
	background:#fff;
}
#content .row-1 {
	padding:0 0 30px 0;
}
#content .row-2 {
	background:#252525;
	color:#929292;
	padding:30px 0 35px 0;
}

#content.extra-bg {
	background:url(images/extra-bg.jpg) no-repeat center top #fff;
}

.banners {
	width:100%;
	overflow:hidden;
	border-top:1px solid #cfcfcf;
	border-bottom:1px solid #cfcfcf;
	padding:20px 0 35px 0;
	margin-bottom:28px;
}
	.banners.alt {
		border-top:none;
		padding-top:10px;
	}
	.banners li {
		float:left;
		padding:0 0 0 0;
		width:195px;
		margin-right:40px;
	}
		.banners li.last {
			margin-right:0;
		}
			.banners li li {
				background:url(images/arrow1.gif) no-repeat left 6px;
				padding:0 0 5px 15px;
				width:auto;
				margin:0;
				float:none;
			}
			.banners.alt li  li {
				background:none;
				padding-left:0;
			}
				.banners.alt li li strong {
					color:#426ba3;
				}
			.banners li h4 {
				padding-left:4px;
			}
			.banners li ul {
				padding:0 0 11px 4px;
			}
				.banners li ul li a {
					color:#777;
					text-decoration:none;
				}
				.banners li ul li a:hover {
					color:#426ba3;
					font-weight:bold;
					text-decoration:none;
				}
			.banners li .wrapper a {
				font-weight:bold;
				color:#426ba3;
				float:left;
				padding-top:3px;
			}

.top-proposals {
	width:100%;
	overflow:hidden;
}
	.top-proposals li {
		float:left;
		margin-right:19px;
	}
	.top-proposals li.last {
		margin-right:0;
	}

.list1 li {
	background:url(images/arrow3.gif) no-repeat left 6px;
	padding:0 0 6px 17px;
}
	.list1 li a {
		color:#777;
	}

.list2 li {
	width:100%;
	overflow:hidden;
	padding-bottom:5px;
}
	.list2 li a {
		float:left;
		width:266px;
		color:#929292;
		text-decoration:none;
	}
		.list2 li a:hover {
			color:#fff;
		}
	.list2 li span {
		font-weight:bold;
		float:left;
		width:95px;
		font-size:1.1em;
	}
	.list2 li strong {
		color:#fff;
		float:right;
		font-size:1.1em;
	}

/*===== footer =====*/
#footer {
	color:#fff;
	text-transform:uppercase;
}
	#footer a {
		color:#8ab9fd;
		text-decoration:none;
		text-transform:none;
	}
	#footer a:hover {
		text-decoration:underline;
	}
/*==========================================*/
    PHP:
    layout.css

    /*======= index.php =======*/
#page1 #content .col-1 {width:270px; margin-right:42px;}
#page1 #content .col-2 {width:270px; margin-right:42px;}
#page1 #content .col-3 {width:270px;}

/*======= index-1.php =======*/
#page2 #content .row-1 .col-1 {width:270px; margin-right:42px;}
#page2 #content .row-1 .col-2 {width:270px; margin-right:42px;}
#page2 #content .row-1 .col-3 {width:270px;}
#page2 #content .row-2 .line-ver { background-position:447px top;}
#page2 #content .row-2 .col-1 {width:411px; margin-right:75px;}
#page2 #content .row-2 .col-2 {width:401px;}


/*=========================*/
    PHP:
    ie_style.css

    .extra-wrap {zoom:1;}
    PHP:
    this much css files i have
     
    Warez Dominator, Feb 28, 2010 IP
  6. Om ji Kesharwani

    Om ji Kesharwani Peon

    Messages:
    211
    Likes Received:
    1
    Best Answers:
    0
    Trophy Points:
    0
    #6
    Om ji Kesharwani, Feb 28, 2010 IP
  7. Warez Dominator

    Warez Dominator Member

    Messages:
    80
    Likes Received:
    1
    Best Answers:
    0
    Trophy Points:
    45
    #7
    Thank You for the help Om ji Bro
     
    Warez Dominator, Feb 28, 2010 IP