CSS Help
 
Forums: » Register « |  User CP |  Games |  Calendar |  Members |  FAQs |  Sitemap |  Support | 
User Name:
Password:
Remember me

The Shed is going Social! Join us on FaceBook and Twitter and chime in on the conversation.

Go Back   Dev Shed Forums > Web Design > CSS Help
Reload this Page

Mysql wont work with the css for somereason


Reply
Add This Thread To:
  Del.icio.us   Digg   Google   Spurl   Blink   Furl   Simpy   Y! MyWeb 
« Previous Thread | Next Thread »  
Thread Tools Search this Thread Rate Thread Display Modes
 
Unread Dev Shed Forums Sponsor:
  #1  
Old February 23rd, 2013, 12:13 PM
w3l54666 w3l54666 is offline
Contributing User
Dev Shed Newbie (0 - 499 posts)
  
Join Date: Feb 2013
Posts: 52 w3l54666 User rank is Just a Lowly Private (1 - 20 Reputation Level) 
Time spent in forums: 2 Days 14 h 19 m 25 sec
Reputation Power: 1
Mysql wont work with the css for somereason
hi,

i currently use mysql for dB my current table works with the css but for some reason my new table will not.
Code:

/*------------------------- Fonts ---------------------------*/
@font-face {
	font-family: 'Conv_OpenSans-Regular';
	src: url('../fonts/OpenSans-Regular.eot');
	src: url('../fonts/OpenSans-Regular.eot?#iefix') format('embedded-opentype'),  url('../fonts/OpenSans-Regular.woff') format('woff'),  url('../fonts/OpenSans-Regular.ttf') format('truetype'),  url('../fonts/OpenSans-Regular.svg#OpenSans-Regular') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'Conv_JockeyOne-Regular';
	src: url('../fonts/JockeyOne-Regular.eot');
	src: url('../fonts/JockeyOne-Regular.eot?#iefix') format('embedded-opentype'),  url('../fonts/JockeyOne-Regular.woff') format('woff'),  url('../fonts/JockeyOne-Regular.ttf') format('truetype'),  url('../fonts/JockeyOne-Regular.svg#JockeyOne-Regular') format('svg');
	font-weight: normal;
	font-style: normal;
}
/*------------------------- Layout styles ------------------------*/
body {
	margin:0;
	font-family:Arial, Helvetica, sans-serif;
	background:url(../images/bg-body.jpg) no-repeat center top #060606;
}
a {
	outline:none;
}
a img {
	border:0;
	display:block;
}
.page {
	background:url(../images/bg-page.png) no-repeat center 145px;
	width:960px;
	margin:0 auto;
}
/*------------------------- Header -------------------------*/
.header {
	background:url(../images/bg-header.jpg) no-repeat;
	padding:28px 0 0;
	position:relative;
}
.header a#logo {
	display:block;
	width:625px;
	height:87px;
	margin:0 auto;
}
.header a#logo img {
}
.header ul {
	padding:0;
	margin:29px 0 0;
	list-style:none;
	overflow:hidden;
}
.header ul li {
	float:left;
	background:url(../images/bg-nav.jpg) no-repeat;
	width:192px;
	height:48px;
}
.header ul li.selected {
	background:url(../images/bg-nav-selected.jpg) no-repeat;
	width:192px;
	height:48px;
}
.header ul li a {
	float:left;
	font-family: 'Conv_JockeyOne-Regular';
	font-size:18px;
	line-height:24px;
	text-decoration:none;
	text-shadow:0 2px 0 #3b3939;
	color:#fff;
	margin:11px 0 0 15px;
	display:block;
}
.header ul li a:hover {
	color:#c40303;
}
.header ul li span {
	display:block;
	float:right;
	font-family: 'Conv_OpenSans-Regular';
	color:#525252;
	font-size:10px;
	line-height:24px;
	margin:14px 15px 0 0;
}
.header div.featured {
	background:url(../images/racing-car.png) no-repeat right 31px;
	height:420px;
}
.header div.featured h2 {
	margin:0;
	font-family: 'Conv_JockeyOne-Regular';
	font-size:32px;
	line-height:24px;
	color:#f9fafd;
	font-weight:normal;
	margin:48px 0 0 15px;
	display:inline-block;
}
.header div.featured p {
	width:378px;
	color:#f9fafd;
	font-size:12px;
	line-height:24px;
	background:url(../images/bg-transparent.png);
	margin: 26px 0 0;
	padding: 15px 20px 0 15px;
	width: 341px;
}
.header div.featured p a {
	background:none;
	width:auto;
	height:auto;
	margin:0;
	display:inline;
	color:#B11212;
	text-decoration:none;
}
.header div.featured p a:hover {
	text-decoration:underline;
}
.header div.featured a {
	background:url(../images/button-view-more.jpg) no-repeat;
	display:block;
	height:36px;
	width:186px;
	margin:21px 0 0 15px;
	text-indent:-99999px;
}
.header div.featured a:hover {
	background:url(../images/button-view-more-hover.jpg) no-repeat;
}
.header-about {
	position:static;
}
.header-about div.featured {
	background:url(../images/featured.png) no-repeat;
	height:360px;
	margin:0 0 60px;
}
.header-about div.featured h2 {
	display:block;
	font-family: 'Conv_JockeyOne-Regular';
	color:#d9d9d9;
	text-shadow:0 3px 4px #000000;
	font-size:52px;
	line-height:36px;
	font-style:italic;
	margin:128px 0 0 50px;
	display:inline-block;
}
.header-about div.featured span {
	display:block;
	font-size:20px;
	line-height:36px;
	color:#a9a7a7;
	text-shadow:0 3px 4px #000000;
	font-style:italic;
	margin:9px 0 0 300px;
	padding: 0 40px 0 0;
}
.header-news div.featured {
	background:url(../images/racer.jpg) no-repeat right 18px;
	padding:18px 0 0;
	height:402px;
}
.header-news .featured h4, .header-contact .featured h4 {
	margin:0;
	background:url(../images/bg-title.png) no-repeat;
	width:378px;
	height:36px;
	font-size:24px;
	line-height:29px;
	color:#f95a5a;
	font-family: 'Conv_JockeyOne-Regular';
	font-weight:normal;
	padding: 0 0 0 15px;
}
.header-news .featured h3, .header-contact .featured h3 {
	margin:18px 0 0 15px;
	font-family: 'Conv_JockeyOne-Regular';
	font-size:32px;
	line-height:36px;
	color:#fff;
	font-weight:normal;
}
.header-news .featured p, .header-contact .featured p {
	background:none!important;
	margin: 15px 0 0 !important;
	padding: 0 0 0 15px !important;
}
.header-contact div.featured {
	background: url(../images/founders.png) no-repeat 282px 39px;
	height: 321px;
	padding: 48px 0 0;
	margin:0 0 51px;
}
/*------------------------- Body ---------------------------*/
.body {
	border-top:6px solid #a50606;
	background:url(../images/border2.png) repeat-x left bottom #dcd9d9;
	margin:-60px 0 0;
	padding: 18px 0 83px 18px;
	overflow:hidden;
}
.body div.sidebar {
	width:192px;
	float:left;
	margin: 0 60px 0 0;
}
.body div.sidebar div:first-child {
	overflow: hidden;
	padding:0 0 18px;
	margin:0;
}
.body div.sidebar div {
	background: none #1b1b1b;
	margin:36px 0 0;
}
.body div.sidebar div h3 {
	height:24px;
	background:none #840808;
	padding:0 0 0 12px;
	color:#f9fafd;
	font-size:14px;
	line-height:24px;
	text-transform:uppercase;
	display:block;
	margin:0;
	font-family: 'Conv_JockeyOne-Regular';
	font-weight:normal;
}
.body div.sidebar div a#twitter {
	background:url(../images/icons.png) no-repeat;
	width:28px;
	height:24px;
	text-indent:-99999px;
	display:block;
	float:left;
	margin:18px 0 0 18px;
}
.body div.sidebar div a#twitter:hover {
	background:url(../images/icons.png) no-repeat 0 -73px;
}
.body div.sidebar div a#fb {
	background:url(../images/icons.png) no-repeat 0 -25px;
	width:27px;
	height:23px;
	text-indent:-99999px;
	display:block;
	float:left;
	margin:18px 38px 0;
}
.body div.sidebar div a#fb:hover {
	background:url(../images/icons.png) no-repeat 0 -98px;
}
.body div.sidebar div a#googleplus {
	background:url(../images/icons.png) no-repeat 0 -49px;
	width:23px;
	height:23px;
	text-indent:-99999px;
	display:block;
	float:left;
	margin:18px 0 0;
}
.body div.sidebar div a#googleplus:hover {
	background:url(../images/icons.png) no-repeat 0 -122px;
}
.body div.sidebar div div:first-child {
	background:url(../images/man-opacity.png) no-repeat;
	padding:0;
}
.body div.sidebar div div ul {
	list-style:none;
	padding:0 12px 6px;
	margin:18px 0 0;
}
.body div.sidebar div div ul li {
}
.body div.sidebar div div ul li h4 {
	margin:0;
	display:block;
}
.body div.sidebar div div ul li h4 a {
	color:#f9fafd;
	font-size:16px;
	line-height:24px;
	display:block;
	margin:0;
	font-family: 'Conv_JockeyOne-Regular';
	font-weight:normal;
	text-decoration:none;
}
.body div.sidebar div div ul li h4 a:hover {
	color:#fbf3bd;
}
.body div.sidebar div div ul li p {
	color:#939494;
	font-size:11px;
	line-height:24px;
	margin:2px 0 22px;
	font-family: 'Conv_OpenSans-Regular';
}
.body div.sidebar div ul li p a {
	text-decoration:none;
	color:#A50606;
}
.body div.sidebar div ul li p a:hover {
	text-decoration:underline;
}
.body div.content {
	float:left;
	width:690px;
}
.body div.content h1 {
	color:#b11212;
	font-size:46px;
	line-height:26px;
	font-family: Conv_JockeyOne-Regular;
	margin:55px 0 40px;
	font-weight:normal;
}
.body div.content a {
}
.body div.content a img {
}
.body div.content p {
	color:#2a2a2a;
	font-size:12px;
	line-height:24px;
	text-align:justify;
	margin:31px 0 0;
	padding: 0 40px 0 0;
}
.body div.content h4 {
	height:84px;
	background:none #b9b9b9;
	display:block;
	margin:0 18px 42px 0;
	font-family: 'Conv_JockeyOne-Regular';
	font-size:27px;
	line-height:93px;
	color:#707070;
	font-weight:normal;
	text-transform:uppercase;
	padding:0 0 0 15px;
}
.body div.content h4 span {
	color:#a50606;
	font-size:36px;
}
.body div.content h3 {
	color:#a50606;
	font-size:16px;
	line-height:24px;
	font-family: 'Conv_OpenSans-Regular';
	margin:0;
	font-style:italic;
	text-transform:uppercase;
	font-weight:bold;
}
.body div.content p {
	color:#343434;
	font-size:12px;
	line-height:24px;
	margin:27px 0 22px;
	text-align:left;
}
.body div.content p a {
	color:#343434;
	text-decoration:underline;
}
.body div.content p a:hover {
	color:#860606;
}
.body div.content ul {
	list-style:none;
	padding:0 18px 0 0;
	margin:0;
}
.body div.content ul li:first-child {
	background:none;
	margin:0;
	padding:0;
}
.body div.content ul li {
	overflow:hidden;
	background:url(../images/border.png) repeat-x left top;
	margin:23px 0 0;
	padding:25px 0 0;
}
.body div.content ul li span {
	display:block;
	height:24px;
	background:none #414141;
	font-size:10px;
	line-height:24px;
	color:#f9fafd;
	padding:0 0 0 15px;
	font-family: 'Conv_OpenSans-Regular';
	margin:0 0 24px;
}
.body div.content ul li a {
	display:block;
	float:left;
	margin:0 23px 0 0;
}
.body div.content ul li a img {
	border:6px solid #fff;
}
.body div.content ul li a img:hover {
	filter:alpha(opacity=80);/* Needed for IE7 */
	opacity:0.8;
}
.body div.content ul li div {
	float:left;
	width:360px;
}
.body div.content ul li div h3 {
	margin:0 0 18px;
	display:inline-block;
	color:#a50606;
	font-size:26px;
	line-height:27px;
	font-family: 'Conv_JockeyOne-Regular';
	font-style:normal;
	text-transform:none;
	font-weight:normal;
	text-decoration:none;
}
.body div.content ul li div h3 a:hover {
	text-decoration:underline;
}
.body div.content ul li div p {
	font-family: 'Conv_OpenSans-Regular';
	font-size:12px;
	line-height:24px;
	font-style:italic;
	color:#3e3e3d;
	margin:0 0 23px;
	padding:0;
	text-align: justify;
}
.body div.content ul li div p a {
	margin:0;
	float:none;
	display:inline;
}
.body div.content ul li div a {
	font-size:12px;
	line-height:24px;
	color:#a50606;
	font-family: 'Conv_OpenSans-Regular';
	letter-spacing:-0.025em;
}
.body div.content ul li div a:hover {
	color:#414141;
}
.body div.contact p {
	margin:0 0 20px;
	color:#736f6f;
}
.body div form {
	padding:0 40px 0 0;
	overflow:hidden;
}
.body div form input {
	padding:10px 5px;
	width:398px;
	background:none #fff;
	border:0;
	margin:0 30px 12px 0;
	color:#060606;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	line-height:18px;
}
.body div form input#email {
	margin-bottom:35px;
}
.body div form label {
	color:#848080;
	font-style:italic;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	line-height:24px;
	text-shadow:0 1px 0 #fefdfd;
	margin:0;
	display:block;
	position:relative;
}
.body div form label span {
	color:#848080;
	font-style:italic;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	line-height:24px;
	text-shadow:0 1px 0 #fefdfd;
	margin:0;
	position:absolute;
	top:150px;
}
.body div form textarea {
	color:#060606;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	line-height:24px;
	border:0;
	resize:none;
	width:398px;
	padding:5px;
	height:326px;
	margin:0 30px 29px 0;
	overflow:auto;
}
.body div form input#subscribe {
	padding:0;
	width:auto;
	height:auto;
	clear:both;
	margin:4px 10px 0 0;
	vertical-align:top;
	*margin:-2px 10px 0 0;/* Needed for IE7 */
}
.body div form input#agree {
	padding:0;
	width:auto;
	height:auto;
	clear:both;
	margin:4px 10px 0 0;
	*margin:-2px 10px 0 0;/* Needed for IE7 */
}
.body div form label.subscribe {
	width:185px;
	float:left;
	font-size:12px;
	line-height:22px;
	color:#848080;
	font-style:normal;
}
.body div form label.agree {
	width:225px;
	float:left;
	font-size:12px;
	line-height:22px;
	color:#848080;
	font-style:normal;
	*width:235px;/* Needed for IE7 */
}
.body div form input#submit {
	background:url(../images/button-send.png) no-repeat;
	clear: both;
	display: block;
	float: left;
	height: 36px;
	margin: 29px 0 0 222px;
	padding: 0;
	width: 186px;
	cursor:pointer;
}
.body div form input#submit:hover {
	background:url(../images/button-send-hover.png) no-repeat;
}
/*------------------------- Footer -------------------------*/
.footer {
	background:url(../images/bg-footer.png) no-repeat;
	width:960px;
	height:52px;
	margin:42px 0 72px;
}
.footer ul {
	float:left;
	list-style:none;
	margin:0;
	overflow:hidden;
	padding: 14px 0 0 15px;
}
.footer ul li:first-child {
	background:none;
	padding-left:0;
}
.footer ul li {
	background:url(../images/border-footer-nav.png) no-repeat left 8px;
	float:left;
	padding:0 21px;
}
.footer ul li a {
	color:#666881;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:16px;
	text-decoration:none;
}
.footer p {
	color:#666881;
	float:right;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:16px;
	margin:16px 0 0;
	text-decoration:none;
	padding:0 15px 0 0;
}


thats my style css.

this is the part of php that wont work
Code:
  <div class="featured">
            <ul>
			     <?php

				// You only need a single query to draw all the news section
				// Remember that Limit number -currently 3- is just the news items you want to show in the main index

				$data = mysql_query("SELECT id, title, news, img FROM featured ORDER by ID DESC LIMIT 1", $CONNECT);
				while($row = mysql_fetch_assoc($data))
				{

				echo '
						<li>
						<span></span> <a href="#"><img src="images/racer2.jpg" alt=""></a>
						<div>
							<h3>'.$row['title'].'</h3>
							<p>
								'.$row['news'].'
							</p>
							<a href="#">Read more >></a>
						</div>
					</li>';
				}
					
				?>
                </ul>
			 
			</div>
		</div>


any help greatly appreciated
Reply With Quote
Reply

Viewing: Dev Shed Forums > Web Design > CSS Help > Mysql wont work with the css for somereason

« Previous Thread | Next Thread »

Developer Shed Advertisers and Affiliates



Thread Tools  Search this Thread 
Search this Thread:

Advanced Search
Display Modes  Rate This Thread 
Linear Mode Linear Mode
Rate This Thread:


Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts
vB code is On
Smilies are On
[IMG] code is On
HTML code is Off
View Your Warnings | New Posts | Latest News | Latest Threads | Shoutbox
Forum Jump

Forums: » Register « |  User CP |  Games |  Calendar |  Members |  FAQs |  Sitemap |  Support | 
  
 


Powered by: vBulletin Version 3.0.5
Copyright ©2000 - 2013, Jelsoft Enterprises Ltd.

© 2003-2013 by Developer Shed. All rights reserved. DS Cluster - Follow our Sitemap