Jump to content

Problem with banner

JC5

By JC5
in CSS

Recommended Posts

JC5 Member

JC5

Posted
Posted

Ok I am working on a website DevWebSites.com and I need help with the banner. If you go there u might notice the banners in the way. How do I work it so its aligned left and it doesn't interfere with anythingHTML

	<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"	"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xml:lang="en" lang="en" xmlns="http://www.w3.org/1999/xhtml"><head><meta name="generator" content="HTML Tidy for Linux (vers 1 September 2005), see www.w3.org" /><title>DevWebSites.com || Your source for web development</title><meta http-equiv="content-type" content="text/html; charset=utf-8" /><link href="style.css" rel="stylesheet" type="text/css" /><style type="text/css"> div.c8 {display:show} div.c7 {display:none} div.c6 {display:none;width:200px;height:50px;background:#FFF;padding:10px;text-align:center;border:1px solid #000} div.c5 {font-weight:bold} div.c4 {display:none;width:400px;text-align:left;} div.c3 {overflow-x:auto;} div.c2 {float:right} img.c1 {vertical-align:top}</style></head><body><div id="ipbwrapper"><div id="logostrip"><a href='http://www.DevWebSites.com/'><!--ipb.logo.start--><img src='http://www.devwebsites.com/logo_devweb.jpg'  alt='IPB' class='c1' border='0' /><!--ipb.logo.end--></a></div><div id="submenu"><p class="home"><!--ipb.leftlinks.start--><a>DevWebSites.com</a><!--ipb.leftlinks.end--></p><p><!--ipb.rightlinks.start--> <a href="http://www.DevWebSites.com/">Site Map</a> <a href="http://www.DevWebSites.com/">Search</a><a href="http://www.DevWebSites.com/">Members</a> <!--ipb.rightlinks.end--></p></div><div>My Assistant</div></div><div id='myass-content' class='c3'></div></div><div id='loading-layer' class='c6'><div class='c5' id='loading-layer-text'>Loading. Please Wait...</div><br /></div><!-- / End board header --><div id="userlinksguest"><p class="pcen"><strong>Welcome Guest</strong> ( <a href="http://www.DevWebSites.com/">Log In</a> | <a href="http://www.DevWebSites.com/">Register</a> )</p></div><!--IBF.NEWPMBOX--><table cellpadding='0' cellspacing='1' border='0' width='100%' align='center'><tr><td width="100%" valign="top"><div class="borderwrap maintitlecollapse c7" id="fc_announcement"><p class="expand"><a href='java script:togglecategory("announcement",%200);'><img src='http://www.stealthbot.net/board/style_images/faithful/exp_plus.gif' border='0' alt='Expand' /></a></p><p>Announcement</p></div><div class="borderwrap c8" id="fo_announcement"><div class="maintitle"><p class="expand"><a href='java script:togglecategory("announcement",%201);'><img src='http://www.stealthbot.net/board/style_images/faithful/exp_minus.gif' border='0' alt='Collapse' /></a></p><p>Announcement</p></div><table cellspacing="1" width="100%" cellpadding="4"><tr><td class='row1' colspan='2'>Welcome to DevWebSites.com!</td></tr></table></div><br /></td></tr></table><table cellspacing='1' border='0' width='100%' align='center'><tr><td width="21%" valign="top"><div class="borderwrap maintitlecollapse c7" id="fc_loginbox"><p class="expand"><a href='java script:togglecategory("loginbox",%200);'><img src='http://www.stealthbot.net/board/style_images/faithful/exp_plus.gif' border='0' alt='Expand' /></a></p><p>Please Login</p></div><div class="borderwrap c8" id="fo_loginbox"><div class="maintitle"><p class="expand"><a href='java script:togglecategory("loginbox",%201);'></a></p><p>Please Login</p></div><table cellspacing="1" width="100%" cellpadding="4"><tr><td class='row1'><form action="index.php" method="post" name="login" id="login"><input type="hidden" name="CookieDate" value="1" /> <input type='hidden' name='act' value='Login' /> <input type='hidden' name='CODE' value='01' /> <input type='hidden' name='s' value='0c6f59368cd23a6b38e7f272c8f8e201' /> <input type='hidden' name='referer' value="" /> User:<input type='text' size='10' maxlength='64' name='UserName' class='forminput' /><br />Pass:<input type='password' size='10' name='PassWord' class='forminput' /><br />		  <input type="submit" name='submit' value="Login" class='forminput' /></form></td></tr></table></div><br /><div class="borderwrap maintitlecollapse c7" id="fc_navigation"><p class="expand"><a href='java script:togglecategory("navigation",%200);'><img src='http://www.stealthbot.net/board/style_images/faithful/exp_plus.gif' border='0' alt='Expand' /></a></p><p>Navigation</p></div><div class="borderwrap c8" id="fo_navigation"><div class="maintitle"><p class="expand"><a href='java script:togglecategory("navigation",%201);'><img src='http://www.stealthbot.net/board/style_images/faithful/exp_minus.gif' border='0' alt='Collapse' /></a></p><p>Navigation</p></div><table cellspacing="1" width="100%" cellpadding="4"><tr><td class='row1' colspan='2'><a href="http://www.DevWebSites.com/">Home</a><br /><a href="http://www.DevWebSites.com/forums/install">Forums</a><br /><a href="http://www.DevWebSites.com/">Search</a><br /><a href="http://www.DevWebSites.com/">Member List</a><br /><a href="http://www.DevWebSites.com/">Help</a><br /><a href="http://www.DevWebSites.com/">Donate</a><br /><script type="text/javascript">//<![CDATA[						   <!-- Begin						   function addbookmark()						   {						   bookmarkurl="http://www.DevWebSites.com/"						   bookmarktitle="DevWebSites.com"						   if (document.all)						   window.external.AddFavorite(bookmarkurl,bookmarktitle)						   }						   //  End -->//]]></script> <a href="java script:addbookmark()">Add To Favorites</a></td></tr></table></div><br /><div class="borderwrap maintitlecollapse c7" id="fc_site_search"><p class="expand"><a href='java script:togglecategory("site_search",%200);'><img src='http://www.stealthbot.net/style_images/faithful/exp_plus.gif' border='0' alt='Expand' /></a></p><p>Site Search</p></div><div class="borderwrap c8" id="fo_site_search"><div class="maintitle"><p class="expand"><a href='java script:togglecategory("site_search",%201);'><img src='http://www.stealthbot.net/board/style_images/faithful/exp_minus.gif' border='0' alt='Collapse' /></a></p><p>Site Search</p></div><table cellspacing="1" width="100%" cellpadding="4"><tr><td class='row1' colspan='2'><form action="index.php" method="post"><input type="hidden" name="act" value="Search" /> <input type="hidden" name="CODE" value="01" /> <input type="hidden" name="joinname" value="1" /> <input type="hidden" name="cats" class="forminput" value="all" /> <input type="hidden" name="prune" class="forminput" value="0" /> <input type="hidden" name="sort_key" class="forminput" value="last_post" /> Enter Keyword<br /><input type="hidden" name="forums" value="all" /> <input type="text" maxlength="100" size="15" name="keywords" class="forminput" /><br />Show Results As:<br /><select name='result_type' class="forminput"><option value='topics' selected='selected'>Topics</option><option value='posts'>Posts</option></select><br /><input type="submit" value="Search" /></form></td></tr></table></div><br /></td><td width="2%"></td><td width="51%" valign="top"><div class="borderwrap maintitlecollapse c7" id="fc_real_news"><p class="expand"><a href='java script:togglecategory("real_news",%200);'><img src='http://www.stealthbot.net/style_images/faithful/exp_plus.gif' border='0' alt='Expand' /></a></p><p>DevWebSites.com News</p></div><div class="borderwrap c8" id="fo_real_news"><div class="maintitle"><p class="expand"><a href='java script:togglecategory("real_news",%201);'><img src='http://www.stealthbot.net/style_images/faithful/exp_minus.gif' border='0' alt='Collapse' /></a></p><p>DevWebSites.com News</p></div><table cellspacing="1" width="100%" cellpadding="4"><tr><td class='row1'><div class="borderwrap maintitlecollapse c7" id="fc_news34417"><p class="expand"><a href='java script:togglecategory("news34417",%200);'></a></p><p>Site made</p></div><div class="borderwrap c8" id="fo_news34417"><div class="maintitle"><p class="expand"><a href='java script:togglecategory("news34417",%201);'><img src='http://www.stealthbot.net/style_images/faithful/exp_minus.gif' border='0' alt='Collapse' /></a></p><p>Site made</p></div><table cellspacing="1" width="100%" cellpadding="4"><tr><td class="row2"><span class="postdetails"><a href="http://www.DevWebSites.com/">Post details</a></span></td></tr></table><table cellspacing="1" width="100%" cellpadding="4"><tr><td class='row1'>Site is under construction<br /><br /><a href="http://www.DevWebSites.com" target="_blank">http://www.DevWebSites.com</a><br /><br />Feel free to hammer my server.</td></tr></table><table cellspacing="1" width="100%" cellpadding="4"><tr><td class='row1'><a href='http://www.DevWebSites.com/'>Comments</a></td></tr></table></div><br /><div class="borderwrap maintitlecollapse c7" id="fc_news33985"><p class="expand"><a href='java script:togglecategory("news33985",%200);'></a></p><p>Happy fathers day!</p></div><div class="borderwrap c8" id="fo_news33985"><div class="maintitle"><p class="expand"><a href='java script:togglecategory("news33985",%201);'></a></p><p>Happy fathers day!</p></div><table cellspacing="1" width="100%" cellpadding="4"><tr><td class="row2"></td></tr></table><table cellspacing="1" width="100%" cellpadding="4"><tr><td></td></tr></table><table cellspacing="1" width="100%" cellpadding="4"><tr><td class='row1'><a href='http://www.DevWebSites.com/'>Comments</a></td></tr></table></div><br /><div class="borderwrap maintitlecollapse c7" id="fc_news29515"><p class="expand"><a href='java script:togglecategory("news29515",%200);'><img src='http://www.stealthbot.net/board/style_images/faithful/exp_plus.gif' border='0' alt='Expand' /></a></p></div><div class="borderwrap c8" id="fo_news29515"><div class="maintitle"><p class="expand"><a href='java script:togglecategory("news29515",%201);'><img src='http://www.stealthbot.net/board/style_images/faithful/exp_minus.gif' border='0' alt='Collapse' /></a></p><p>Merry Christmas!</p></div><table cellspacing="1" width="100%" cellpadding="4"><tr><td class="row2"><span class="postdetails"><a href="http://www.DevWebSites.com/">Haste</a></span></td></tr></table><table cellspacing="1" width="100%" cellpadding="4"><tr><td class='row1'>Official DevWebSites.com.<br /><br />Discuss.</td></tr></table><table cellspacing="1" width="100%" cellpadding="4"><tr><td class='row1'><a href='http://www.DevWebSites.com/'>Comments</a></td></tr></table></div><br /><div class="borderwrap maintitlecollapse c7" id="fc_news25943"><p class="expand"><a href='java script:togglecategory("news25943",%200);'></a></p></div><div class="borderwrap c8" id="fo_news25943"><div class="maintitle"><p class="expand"><a href='java script:togglecategory("news25943",%201);'><img src='http://www.stealthbot.net/board/style_images/faithful/exp_minus.gif' border='0' alt='Collapse' /></a></p></div><table cellspacing="1" width="100%" cellpadding="4"><tr><td></td></tr></table><table cellspacing="1" width="100%" cellpadding="4"><tr><td></td></tr></table><table cellspacing="1" width="100%" cellpadding="4"><tr><td class='row1'><a href=''>Comments</a></td></tr></table></div></td></tr></table></div><br /></td><td width="2%"></td><td width="21%" valign="top"><div class="borderwrap maintitlecollapse c7" id="fc_latest_posts"><p class="expand"><a href='java script:togglecategory("latest_posts",%200);'></a></p></div><div class="borderwrap c8" id="fo_latest_posts"><div class="maintitle"><p class="expand"><a href='java script:togglecategory("latest_posts",%201);'></a></p></div><table cellspacing="1" width="100%" cellpadding="4"><tr><td class='row1' colspan='2'><a href=''></a><br /><a href='%3Cbr/%3E%3Ca%20href='></a><br /><a href='http://www.DevWebSites.com'>Help</a><br /><a href='http://www.DevWebSites.com/'></a><br /><a href='http://www.DevWebSites.com/'>Website Intergrated</a><br /></td></tr></table></div><br /><div class="borderwrap maintitlecollapse c7" id="fc_ads"><p class="expand"><a href='java script:togglecategory("ads",%200);'></a></p><p>Advertisements</p></div><div class="borderwrap c8" id="fo_ads"><div class="maintitle"><p class="expand"><a href='java script:togglecategory("ads",%201);'></a></p><p>Advertisements</p></div><table cellspacing="1" width="100%" cellpadding="4"><tr><td class='row1' colspan='2'></td></tr></table></div><br /></td></tr></table><table cellpadding='0' cellspacing='0' border='0' width='100%' align='center'><tr><td></td></tr></table><script type="text/javascript">//<![CDATA[  menu_build_menu(  "rsssyndication",  new Array( "<a href='' style='color:black'><\/a>","<a href='' style='color:black'>: Announcements<\/a>",</script><table cellspacing="0" id="gfooter"><tr><td width="10%" align="center" nowrap="nowrap"><strong>Version</strong></td><td width="45%" align="right" nowrap="nowrap">Time is now: 1st July 2008 - 05:05 PM</td></tr></table><script type='text/javascript'>//<![CDATA[menu_do_global_init();//]]></script></div></body></html>

CSS

html{	overflow: auto; }body{ 	background: #efefef url(http://www.stealthbot.net/board/style_images/faithful/background.gif) bottom repeat-x;	color: #494949;	font-family: Tahoma, Arial, Trebuchet MS, Sans-Serif, Georgia, Courier, Times New Roman, Serif;	font-size: 11px;	line-height: 135%;	margin: 0px;	padding: 0px; /* required for Opera to have 0 margin */	text-align: center; /* centers board in MSIE */} .ipbtable { width:100% }table.ipbtable,tr.ipbtable,td.ipbtable{ /* required for text in tables, because tables do not inherit from body */	background: transparent;	color: #414141;	font-size: 11px;	line-height: 135%;}.ipbtable td,.divpad{ /* gives all tables faux cellpadding of 5px */	padding: 5px;}td.nopad{	padding: 0;}form{	display: inline;	margin: 0; /* removes mystery form tag gapping */	padding: 0; /* removes mystery form tag gapping */}img{	border: 0; /* makes sure linked images do not have a border */	vertical-align: middle;}a:link{	background: transparent;	color: #001a6e;	text-decoration: none;}a:visited{	background: transparent;	color: #001a6e;	text-decoration: none;}a:active,a:hover{	background: transparent;	color: #324da4;	text-decoration: underline;}#ipbwrapper{ 	margin: 10px auto 10px auto;	text-align: left;	width: 730px;}.pagelink,.pagelinklast,.pagecurrent,.minipagelink,.minipagelinklast{	background: #dddddd;	border: 1px solid #b1b1b1;	padding: 1px 3px 1px 3px;}.pagelinklast,.minipagelinklast{	background: #e0e0e0;}.pagecurrent{	background: #FFFFFF;}.minipagelink,.minipagelinklast{	border: 1px solid #828282;	font-size: 10px;	margin: 0 1px 0 0;}.pagelink a:active,.pagelink a:visited,.pagelink a:link,.pagelinklast a:active,.pagelinklast a:visited,.pagelinklast a:link,.pagecurrent a:active,.pagecurrent a:visited,.pagecurrent a:link,.minipagelink a:active,.minipagelink a:visited,.minipagelink a:link,.minipagelinklast a:active,.minipagelinklast a:visited,.minipagelinklast a:link{	text-decoration: none;}/* fake button effect for some links */.fauxbutton{	background: #FFFFFF;	border: 1px solid #777777;	font-size: 11px;	font-weight: bold;	padding: 4px;}.fauxbutton a:link,.fauxbutton a:visited,.fauxbutton a:active{	color: #222222 !important;	text-decoration: none;}.forumdesc,.forumdesc a:link,.forumdesc a:visited,.forumdesc a:active{ 	background: transparent;	font-size: 11px; 	color: #777777;	line-height: 135%;	margin: 2px 0 0 0;	padding: 0;}.searchlite {	background-color: black;	font-weight:bold;	color: white;}.activeusers{	background: #f2f2f2;	border: 1px solid #1b2a53;	color: #000;	margin: 0px;	padding: 1px;}.activeuserposting a:link,.activeuserposting a:visited,.activeuserposting a:active,.activeuserposting{	font-style:italic;	text-decoration: none;	border-bottom:2px dotted #1b2a53;}fieldset.search{ 	line-height: 150%;	padding: 6px; }legend {color: #1b2a53; font-weight: bold; font-size: 13px; font-variant: small-caps;}fieldset {border: 1px solid #d0d0d0}label{ 	cursor: pointer; }img.attach{ 	background: #808080 url(http://www.stealthbot.net/style_images/faithful/click2enlarge.gif) no-repeat top right;	border: 1px solid #808080;	margin: 0 2px 0 0;	padding: 11px 2px 2px 2px;}.thumbwrap,.thumbwrapp,.fullimagewrap{	border: 1px solid #d0d0d0;	margin: 2px;}.thumbwrapp{	border: 2px solid #DDDDDD;}.fullimagewrap{	background: #e0e0e0;	text-align: center;	margin: 5px 0 5px 0;	padding: 5px;}.thumbwrap h4,.thumbwrapp h4{		background: #ededed;	border: 0 !important;	border-bottom: 1px solid #c6c6c6 !important;	color: #343434; 	font-size: 12px;	font-weight: bold; 	margin: 0;	padding: 5px;}.thumbwrap p,.thumbwrapp p{	background: #FFFFFF !important;	border: 0 !important;	border-top: 1px solid #eeeeee !important;	margin: 0 !important;	padding: 5px !important;	text-align: left;}.thumbwrap p.alt,.thumbwrapp p.alt{	background: #F1F1F1 !important;	margin: 0 !important;	padding: 5px !important;	text-align: left;}.thumbwrapp p.pin{	background: #C0C0C0 !important;	text-align: center !important;}	.thumbwrap img.galattach,.thumbwrapp img.galattach{	background: #FFF url(http://www.stealthbot.net/style_images/faithful/img_larger.gif) no-repeat bottom right;	border: 1px solid #222222;	margin: 5px;	padding: 2px 2px 10px 2px;}li.helprow{ 	margin: 0 0 10px 0;	padding: 0; }ul#help{ 	padding: 0 0 0 15px; }.warngood,.warnbad{ 	color: #0B9500;	font-weight: bold;}.warnbad{ 	color: #DD0000;}#padandcenter{ 	margin: 0 auto 0 auto;	padding: 14px 0 14px 0;	text-align: center;}#profilename{ 	font-size: 32px; 	font-weight: bold;			   font-family: Arial, sans-serf;			   color: #0d1d4b;}#photowrap{ 	padding: 6px; }#phototitle{ 	border-bottom: 1px solid #DDDDDD; 	font-size: 24px; 			   font-family: arial, sans-serif; 			   color: #0d1d4b;}#photoimg{ 	margin: 15px 0 0 0;	text-align: center; } #ucpmenu,#ucpcontent{ 	background: #e0e0e0;	border: 1px solid #440000;	line-height: 150%;}#ucpmenu p{ 	margin: 0; 	padding: 2px 5px 6px 9px;}#ucpmenu a:link, #ucpmenu a:active, #ucpmenu a:visited{ 	text-decoration: none; }#ucpcontent{ 	width: auto;}#ucpcontent p{ 	margin: 0;	padding: 10px;}.activeuserstrip{ 	background: #F2F2F2;	padding: 6px;}.signature{  	background: transparent;	color: #3c3c3c; 	font-size: 11px;	line-height: 140%;}.postdetails{ 	font-size: 11px;	line-height:140%;}.postcolor{ 	font-size: 12px; 	line-height: 160%;			   color: #000;}.normalname{ 	color: #0d1d4b;	font-size: 14px; 	font-weight: bold; 			   font-family: arial, sans-serif;}.normalname a:link, .normalname a:visited, .normalname a:active{ 	font-size: 14px;}.post1,.bg1{ 	background: #fafafa;}.post2,.bg3{ 	background: #fafafa;}.row2shaded,.post1shaded { background-color: #e8e8e8}.row4shaded,.post2shaded { background-color: #e8e8e8}.row1{ 	background: #f0f0f0; }.row2{ 	background: #f0f0f0; }.darkrow1{ 	background: #e0e0e0;	color: #0d1d4b; }.darkrow3{ 	background: #ededed; 	color: #000000; }.plainborder,.tablefill,.tablepad{ 	background: #F3F3F3;	border: 1px solid #08153c;}.tablefill,.tablepad{ 	padding: 6px;  }.tablepad{ 	border: 0 !important;}.wrapmini{ 	float: left;	line-height: 1.5em;	width: 25%;}.pagelinks{	float: left;	line-height: 1.2em;	width: 35%;}.desc{ 	font-size: 11px; 	color: #001a54;}.lastaction{	font-size: 11px; 	color: #001a54;}.edit{ 	font-size: 10px; 			   color: gray;}.thin{ 	border: 1px solid #FFF;	border-left: 0;	border-right: 0;	line-height: 150%;	margin: 2px 0 2px 0;	padding: 6px 0 6px 0;}	.calmonths{ 	background: #FFFFFF;	border: 1px solid #777777;	font-size: 18px; 	font-weight: bold; 	margin: 5px 0 5px 0;	padding: 8px;	text-align: center;}.weekday{	font-size: 14px;	font-weight: bold;}.calmonths a{	text-decoration: none;}.calday,.calweekday{ 	background: #efefef;	color: #666;	font-size: 11px;	font-weight: bold;	margin: 0;	padding: 4px;	text-align: right;}.calweekday{	border-right: 1px solid #AAA;	color: #222;	font-size: 14px;	padding: 6px;	text-align: center;}.celltodayshaded,.celldateshaded,.cellblank,.celldate,.celltoday,.mcellblank,.mcelldate,.mcelltoday{	background: #F7F7F7; 	height: 100px;	margin: 0;	padding: 0;	vertical-align: top;}.celltodayshaded,.celldateshaded{	background: #dddddd;}.mcellblank,.mcelldate,.mcelltoday{	height: auto;}.cellblank,.mcellblank{	background: #e8e8e8;}.celltoday,.celltodayshaded,.mcelltoday{	border: 2px solid #001a54;}.calranged{	border: 2px outset #d0d0d0;	background: #d0d0d0;	padding:4px;}.calitem{	border-bottom: 1px dotted #d0d0d0;	padding:4px;}.input-warn,.input-green,input,textarea,select{	background: #FFF;	border: 1px solid #5e5e5e;	color: #000;	font-family: verdana, helvetica, sans-serif;	font-size: 11px;	margin: 5px;	padding: 2px;	vertical-align: middle;}.input-warn,.input-warn-content{	border: 1px solid #5e5e5e;}.input-ok,.input-ok-content{	border: 1px solid #5e5e5e;}.input-warn-content{	padding: 4px;	margin: 4px;	background-color: #F2F2F2;}.input-ok-content{	padding: 4px;	margin: 4px;	background-color: #FFFFFF;}.input-text{	color: #900;}select{	border: 0;	font-family: verdana, helvetica, sans-serif;	font-size: 10px;	margin: 0;	padding: 0;}input.button{	margin: 0;	width: auto;}optgroup option{	font-family: verdana, helvetica, sans-serif;	font-size: 10px;}.codebuttons{ 	font-family: Verdana, Helvetica, Sans-Serif; 	font-size: 10px; 	vertical-align: middle;	margin:2px;}.textarea,.searchinput,.button,.gobutton{	background: #FFF;	border: 1px solid #5e5e5e;	color: #000;	font-family: Verdana, Helvetica, Sans-Serif;	font-size: 11px;	padding: 2px;	vertical-align: middle;}	.button{	background: #F3F3F3;}.gobutton{	background: transparent;	border: 0;	color: #333333;	margin: 0;	vertical-align: middle;}.radiobutton,.checkbox,.helpbox { 	border: 0;	vertical-align: middle;}.formtable{	background: transparent;}.formtable td,.pformleft,.pformleftw,.pformright{	background: #ececec;	border: 1px solid #d8d8d8;	border-bottom: 0;	border-left: 0;	font-weight: bold;	margin: 1px 0 0 0;	padding: 6px;	width: 25%;} .formtable td.wider,.pformleftw,.pformright{	width: 40%;}.formtable td.formright,.pformright{	border-right: 0px;	font-weight: normal;	width: auto;} .formtable td.formtitle,.formsubtitle{	background: #e2e2e2;	border: 1px solid #dbdbdb; 	border-bottom: 0;	border-left: 0;	border-right: 0;	font-weight: normal;}.formsubtitle{ 	border: 0;	color: #1b2857;	font-weight: bold;	padding: 5px;}.formtable td.formstrip{	background: #ededed;	border: 1px solid #e8e8e8;	border-left: 0;	border-right: 0;	font-weight: normal;}.quotetop{	background: #162148;	border: 1px dotted #0f1839;	border-bottom: 0;	border-left: 4px solid #182246;	color: #FFFFFF;	font-weight: bold;	font-size: 10px;	margin: 8px auto 0 auto;	padding: 3px;}.quotemain{	background: #ededed;	border: 1px dotted #0f1839;	border-left: 4px solid #182246;	border-top: 0;	color: #222222;	padding: 4px;	margin: 0 auto 8px auto;}.codetop,.sqltop,.htmltop{	background: #162148;	color: #FFFFFF;	font-weight: bold;	margin: 0 auto 0 auto;	padding: 3px;	width: 98%;}.codemain,.sqlmain,.htmlmain{	background: #ededed;	border: 1px dotted #0f1839;	color: #222222;	font-family: Courier, Courier New, Verdana, Arial;	margin: 0 auto 0 auto;	padding: 2px;	width: 98%;}#QUOTE,#CODE{  	background: #ededed; 	border: 1px solid #0f1839; 	color: #222222; 	font-family: Verdana, Arial; 	font-size: 11px; 	padding: 2px; 	white-space: normal;}#CODE{ 	font-family: Courier, Courier New, Verdana, Arial;}.cleared{	clear: both;}.borderwrap,.borderwrapm{	background: #FFF; 	border: 1px solid #000524;	padding: 0px; 	margin: 0px; }.borderwrapm{	margin: 5px;}.borderwrap h3,.maintitle,.maintitlecollapse{	background: url(http://www.stealthbot.net/style_images/faithful/tile_cat.gif);	border: 1px solid #293169;	border-bottom: 1px solid #13183b;	color: #FFF; 	font-size: 12px;	font-weight: bold; 	margin: 0px;	padding: 7px;}.maintitle td {	color: #FFF; 	font-size: 12px;	font-weight: bold;}.maintitlecollapse{	border: 1px solid #13183b;}.maintitle p,.maintitlecollapse p,.formsubtitle p{	background: transparent !important;	border: 0 !important;	margin: 0 !important;	padding: 0 !important;}.maintitle p.expand,.maintitle p.goto,.maintitlecollapse p.expand,.formsubtitle p.members{	float: right;	width: auto !important;}.maintitle a:link, .maintitle a:visited,.maintitlecollapse a:link, .maintitlecollapse a:visited{ 	background: transparent;	color: #FFF;	text-decoration: none; }.maintitle a:hover, .maintitle a:active,.maintitlecollapse a:hover, .maintitlecollapse a:active{ 	background: transparent;	color: #F1F1F1;}table th,.borderwrap table th,.subtitle,.subtitlediv,.postlinksbar{ 	background: transparent url(http://www.stealthbot.net/style_images/faithful/tile_sub.gif);	border-bottom: 1px solid #656565;	color: #4b4b4b; 	font-size: 10px;	font-weight: bold; 	letter-spacing: 1px;	margin: 0; 	padding: 3px; }.subtitlediv{	border: 1px solid #FFF;	border-bottom: 1px solid #656565;	text-align: right;}.borderwrap table th a:link,.subtitle a:link,.subtitlediv a:link,.borderwrap table th a:visited,.subtitle a:visited, .subtitlediv a:visited, .borderwrap table th a:active,.subtitle a:active,.subtitlediv a:active,.borderwrap table th a:hover,.subtitle a:hover,.subtitlediv a:hover{ 	background: transparent;	color: #4b4b4b;	text-decoration: none; }.borderwrap h4{	background: #d8d8d8;	border: 1px solid #a1a1a1;	border-bottom: 1px solid #8f8f8f;	border-top: 1px solid #dbdbdb;	color: #000000; 	font-size: 12px;	font-weight: bold; 	margin: 0;	padding: 5px;}.borderwrap p{	background: #e5e5e5;	border: 1px solid #c6c6c6;	margin: 5px;	padding: 5px;	text-align: left;}td.formbuttonrow,.borderwrap p.formbuttonrow,.borderwrap p.formbuttonrow1{	background: #e8e8e8 !important; 	border: 1px solid #d5d5d5;	border-top: 1px solid #d0d0d0;	margin: 0px !important;	padding: 5px !important;	text-align: center;}td.formbuttonrow{	border-bottom: 0;	border-left: 0;	border-right: 0;}.borderwrap p.formbuttonrow1{	background: #d0d0d0 !important;	border: 0;	border-top: 1px solid #e5e5e5;}.bar,.barb,.barc{	background: #e0e0e0;	border: 1px solid #c6c6c6;}.barc{	border-bottom: 0;}.bar p,.barb p,.barc p{	background: transparent;	border: 0;	color: #222;	font-size: 11px;	margin: 0;	padding: 5px;	text-align: left;}.barb p{	text-align: right;}.bar p.over,.bar p.overs,.barc p.over,.barc p.overs{	float: right;}.barb p.over,.barb p.overs{	float: left;}.bar p.overs,.barb p.overs,.barc p.overs{	position: relative;	top: 5px;}.catend{	background: #132655;	color: #FFFFFF;	font-size: 1px;	height: 4px;}.newslink{	background: transparent;	border: 0;	margin: 0;	width: 100%;}.newslink td{	color: #222;	font-size: 11px;	padding: 0;}.newslink span{	background: transparent;	color: #0a0f34;	font-style: italic;	font-weight: normal;}.newslink input{	background: #FFF;	border: 1px solid #999;	color: #0a0f34;	font-size: 11px;	padding: 3px;	vertical-align: middle;	width: auto;}.newslink input.button{	background: transparent;	border: 0;	color: #0a0f34;	vertical-align: middle;}.fieldwrap{	background: #F9F9F9;	border: 1px solid #CCC;	border-top: 0;	margin: 5px;	padding: 0;	text-align: left;}.fieldwrap h4{	background: #EEE;	border: 1px solid #CCC;	border-left: 0;	border-right: 0;	color: #444; 	font-size: 12px;	font-weight: bold; 	margin: 0;	padding: 5px;}.errorwrap {	background: #d1dfff;	border: 1px solid #1c234c;	border-top: 0;	margin: 5px;	padding: 0;}.errorwrap h4 {	background: #c2c9f4;	border: 1px solid #1c234c;	border-left: 0;	border-right: 0;	color: #000000; 	font-size: 12px;	font-weight: bold; 	margin: 0;	padding: 5px;}.errorwrap p {	background: transparent;	border: 0;	color: #000000;	margin: 0;	padding: 8px;}.ruleswrap{	background: #e2e2e2;	border: 1px solid #b1b1b1;	color: #000000; 	margin: 5px 0 5px 0;	padding: 5px;}#redirectwrap{	background: #e2e2e2;	border: 1px solid #a9a9a9;	margin: 200px auto 0 auto;	text-align: left;	width: 500px;}#redirectwrap h4{	background: #c3c3c3;	border-bottom: 1px solid #a4a4a4;	color: #1e3264;	font-size: 14px;	margin: 0;	padding: 5px;}#redirectwrap p{	margin: 0;	padding: 5px;}#redirectwrap p.redirectfoot{	background: #c3c3c3;	border-top: 1px solid #CCCCCC;	text-align: center;}#gfooter{	background: #1f2c5d;			   border: 1px solid #0c132e;	margin: 5px 0 5px 0;	padding: 0;	width: 100%;}#gfooter td{	color: #FFF;	font-size: 11px;	padding: 4px;}#gfooter a:link,#gfooter a:visited{	color: #FFF;}#logostrip{ 	background: url(http://www.stealthbot.net/style_images/faithful/header_tile.jpg);	border: 0;	height: 97px;	margin: 0;	padding: 0;}#logostrip img {vertical-align: middle;}#submenu { 	background: transparent url(http://www.stealthbot.net/style_images/faithful/tile_sub.gif);	border: 1px solid #0c132e;	border-top: 0;	color: #000000; 	margin: 0; }#userlinks,#userlinksguest{ 	background: #f9f9f9;	border: 1px solid #d0d0d0;	margin: 5px 0 5px 0;	padding: 0 5px 0 5px;}#userlinksguest{ 	background: #FFFFFF;	border: 1px solid #d0d0d0;}#userlinks p,#userlinksguest p{	background: transparent !important;	border: 0 !important;	font-size: 11px;	font-weight: bold; 	letter-spacing: 1px;	margin: 0 !important;	padding: 7px 0 7px 0; 	text-align: right;}#submenu p {			   padding: 5px;	background: transparent !important;	border: 0 !important;	font-size: 11px;	font-weight: bold; 	letter-spacing: 1px;	margin: 0 !important;	text-align: right;}#userlinks p,#userlinksguest p{	font-weight: normal;	letter-spacing: 0;}#submenu p.home,#userlinks p.home,#userlinksguest p.home{	float: left;}#userlinksguest p.pcen{	text-align: center;}#submenu a:link, #submenu  a:visited{ 	background: transparent; 	color: #172865; 	padding: 0 5px 0 5px;	text-decoration: none;			   font-family: tahoma, sans-serif;}#submenu a:hover, #submenu a:active{	background: #f5f5f5;	color: #1b2887; 			   padding: 5px;}#navstrip{ 	background: transparent;	color: #999;	font-size: 12px;	font-weight: bold;	margin: 0 0 5px 0;	padding: 14px 0px 8px 0px; }#navstrip a:link, #navstrip  a:visited{ 	background: transparent; 	color: #222; 	text-decoration: none;}#navstrip a:hover, #navstrip a:active{	background: transparent; 	color: #2c357a; }.toplinks{	background: transparent;	color: #000;	margin: 0;	padding: 0 0 4px 0;	text-align: right;}.toplinks span{	background: #eaeaea;   
Link to comment
Share on other sites
Ingolme w3schools Guru

Ingolme

Posted
Posted

Well, just to point out a mistake I saw in your code at first glance:div.c8 {display:show}There is no value "show" for the display property.All these tables make your markup very much larger than it needs to be.Now, about your question. #logostrip has a fixed height of 97px. The image is taller than 97px, what do you think is happening?

Link to comment
Share on other sites
23.12.2012 Member

23.12.2012

Posted
Posted

Can't you just use EDIT for small details. And... maybe you tell us more about the width problem.

Link to comment
Share on other sites
JC5 Member

JC5

Posted
  • Author
Posted

Look at the website and you'll see what I mean. Devwebsites.com ALSO anyone know how to use a fav icon (like look on the tab on ur computer next to this tab it is a V kind of thing. I want to put something there on my site. I tried using favicon.ico and It wont display.

Link to comment
Share on other sites
JC5 Member

JC5

Posted
  • Author
Posted

Ok I got the icon working thanks to w3schools.com :) Anyway Now I just need the banner to stretch the entire width of the page and have DevWebSites.com as text words in the image. Anyone know some links I can use?????

Link to comment
Share on other sites
Ingolme w3schools Guru

Ingolme

Posted
Posted

The banner is an image file. You can't stretch it without distorting the image.You can use the background-image property in the container.If you were able to make all that design on your own, it shouldn't be too difficult to understand how to use the background-image property to extend the pattern to the full width of the page.

Link to comment
Share on other sites
23.12.2012 Member

23.12.2012

Posted
Posted

He didn't. He copied the markup, style and images from Stealthbot, or something like that.

Link to comment
Share on other sites
JC5 Member

JC5

Posted
  • Author
Posted

I didnt create the image I got it from my bro at devhunters.com some kid made it. and I made the site and yet on their site the text displays unlike in mine so i copied to see what was diff and thats why theres some stealthbot links in there. I diddnt steal.and yes I did try width: 100%; and it didnt work. Nor did width: 500px;

Link to comment
Share on other sites
23.12.2012 Member

23.12.2012

Posted
Posted

I didn't say you stole, I just said it wasn't made by you.But where did you try using the width values? The code isn't <img src="image" width: 100% />, or something like that. It's <img src="image" style="width: 100%" />. I guess...

Link to comment
Share on other sites
JC5 Member

JC5

Posted
  • Author
Posted

The icon is working but not the image...I'm going to look at the CSS and try it from there. Probably something in there is causing it..

Link to comment
Share on other sites
23.12.2012 Member

23.12.2012

Posted
Posted

I checked your page.You didn't close the image tag, and this generated LOTS of errors. In the code below, add a > after "width: 100%" 

<img src="image" style="width: 100%" <a>href='http://www.devwebsites.com/logo_de

Also, the src isn't image, but the link to the banner image.When a problem occurs, I strongly recommend using the W3 Validator for both Markup and Style.

Link to comment
Share on other sites
JC5 Member

JC5

Posted
  • Author
Posted

I fixed that but I have one more problem. I actually fixed that right before I checked this..sorry. Ok why won't the text display black in the div boxes? You know what I'm talking about if you highlight. It's driving me mad....

Link to comment
Share on other sites
23.12.2012 Member

23.12.2012

Posted
Posted 
<link rel="icon" 	  type="image/png" 	  href="http://www.devwebsites.com/logo.png">

Right after <head>Change it to

<link rel="icon" 	  type="image/png" 	  href="http://www.devwebsites.com/logo.png" />

Let me know when you're finished with this.

Link to comment
Share on other sites
23.12.2012 Member

23.12.2012

Posted
Posted

Search for border='0'm and delete the m. I don't know what does it mean...Mate, be patient. Let's correct the mistakes, and then we can take care of other problems.Can you upload your files using an archive?

Link to comment
Share on other sites
23.12.2012 Member

23.12.2012

Posted
Posted

Mate, I don't see any white text oO

<!--ipb.logo.end--></a>

Remove the </a>. It's already closed.Later Edit...OMG, me n00b! There are more than 100 errors generated by two elements having the same color. Check that, and you'll be done.The easiest way is to download DREAMWEAVER, click the text in the design mode. It will point you to its code. Change that, and you're all set.

Link to comment
Share on other sites
23.12.2012 Member

23.12.2012

Posted
Posted

Or color: #FFFFFF.Mate, I don't know how to tell you, but you've started very inappropriate. Copy/paste-ing everything from a web page is just... lame oO You don't know anything about that code. When you code by hand, by yourself, you know exactly what is going on...

Link to comment
Share on other sites

Archived

This topic is now archived and is closed to further replies.

Go to topic listing
×
×
  • Create New...