Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Page 1 of 2 12 LastLast
Results 1 to 15 of 19
  1. #1
    New Coder
    Join Date
    Jul 2007
    Posts
    56
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Text Style Question

    I was told that my default link style was "underline, align right, bold, green", because when I change text into a link, it does as mentioned.

    I do not know how to change this so that it DOES NOT do this. I just want it to stay left aligned, and I would like to know how to change the "bold, underline" so that I can make my mind up as to what I like better.

  • #2
    Master Coder
    Join Date
    Dec 2007
    Posts
    6,682
    Thanks
    436
    Thanked 890 Times in 879 Posts
    Quote Originally Posted by Murdok09 View Post
    I was told that my default link style was "underline, align right, bold, green", because when I change text into a link, it does as mentioned.

    I do not know how to change this so that it DOES NOT do this. I just want it to stay left aligned, and I would like to know how to change the "bold, underline" so that I can make my mind up as to what I like better.
    text-align: left;
    font-weight: normal;
    text-decoration: none
    color: #000;

    I wander if we talk about the same thing.

    regards

  • #3
    Regular Coder FWDrew's Avatar
    Join Date
    Apr 2008
    Location
    Missouri
    Posts
    380
    Thanks
    38
    Thanked 45 Times in 43 Posts
    You missed a semicolon Oesxyl

    Code:
    text-decoration: none;
    Drew
    Dev-Tips.com || Employee at the Envato Network || My Portfolio

  • Users who have thanked FWDrew for this post:

    oesxyl (07-12-2008)

  • #4
    New Coder
    Join Date
    Jul 2007
    Posts
    56
    Thanks
    0
    Thanked 0 Times in 0 Posts
    Code:
    <!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" xml:lang="en"
     lang="en"><head>
    <meta http-equiv="content-type"
     content="text/html; charset=iso-8859-1" /><title>Digitalism
    Template by George - Coded by HarZens @ ClanTemplates.com</title>
    <link rel="stylesheet" href="style.css" /><script
     type="text/javascript">
    <!--
    function ctRoster(usrName)
    {
    document.getElementById('rosterUser').innerHTML = usrName;
    }
    function ctRosterClean()
    {
    document.getElementById('rosterUser').innerHTML = "Hover the avatars";
    }
    // -->
    </script></head><body><!-- /** * Copyright (c) 2008 ClanTemplates.com * Digitalism; a free template by George at ClanTemplates.com * No part of this file may be redistributed without written permission * Designed by George <George@Pinkvolt.com> * Coded by HarZens <ventas@harzens.com.ar> * http://www.clantemplates.com/pages/Legal */ --><div
     id="wrap">
    <div id="menu"><ol><li><a href="index.html">Home</a></li>
    <li><a
     href="http://www.getphpbb.com/phpbb/index.php?mforum=triadplanetorg">Forums</a></li>
    <li><a href="#">IRC</a></li>
    <li><a href="#">Walkthroughs</a></li>
    <li><a href="#">Requests</a></li>
    <li><a href="#">Media Center</a></li>
    <li><a href="#">Games</a></li>
    <li><a href="#">Search</a></li>
    <li><a href="#">Contact Us</a></li>
    </ol><div class="cLeft"></div></div><div
     id="header"><img style="width: 911px; height: 182px;"
     src="images/banner.jpg" alt="asd" /></div><div
     id="content"><div id="leftColumn"><div
     class="box"><div class="boxHeader"><h2>Navigation</h2>
    </div><div class="boxContent"><ol><ol><li>Triad
    Home </li>
    </ol><li><a href="#">&raquo;</a>Contact
    Us&nbsp; </li>
    <li>TPO IRC Chat </li>
    <li><a href="#">&raquo;</a>Walkthroughs </li>
    <li>Requests
    </li><li><a href="#">&raquo;</a>Media
    Center </li>
    <li><a href="#">&raquo;</a>Games
    </li><li><a href="#">&raquo;</a>Galleries
    </li>
    </ol></div></div><div class="box"><div
     class="boxHeader"><h2>Art Galleries</h2>
    </div><div class="boxContent"><div
     class="rosterLeft"><div><a href="#"
     onmouseover="ctRoster('Bor4t');" onmouseout="ctRosterClean();"><img
     src="./images/roster1.jpg" alt="ClanTemplates.com" /></a></div><div><a
     href="#" onmouseover="ctRoster('g4yDuD3');"
     onmouseout="ctRosterClean();"><img
     src="./images/roster2.jpg" alt="ClanTemplates.com" /></a></div><div><a
     href="#" onmouseover="ctRoster('Aniston (L)');"
     onmouseout="ctRosterClean();"><img
     src="./images/roster3.jpg" alt="ClanTemplates.com" /></a></div></div><div
     class="rosterRight"><div><a href="#"
     onmouseover="ctRoster('g4yDuD3');" onmouseout="ctRosterClean();"><img
     src="./images/roster2.jpg" alt="ClanTemplates.com" /></a></div><div><a
     href="#" onmouseover="ctRoster('g4yDuD3');"
     onmouseout="ctRosterClean();"><img
     src="./images/roster2.jpg" alt="ClanTemplates.com" /></a><div><a
     href="index.html#" onmouseover="ctRoster('WhoTFAmI?');"
     onmouseout="ctRosterClean();"><img
     src="images/roster4.jpg" alt="ClanTemplates.com" /></a></div></div></div><div
     id="rosterUser" class="rosterUser">Hover
    the avatars</div>
    </div></div><div class="box"><div
     class="boxHeader"><h2>Affiliates</h2>
    </div><div class="boxContent"><div class="sponsor"><a
     href="http://www.clantemplates.com/"><img
     src="./images/sponsorCT.jpg" alt="ClanTemplates.com" /></a></div><div
     class="sponsor"><a href="http://www.pinkvolt.com/"><img
     src="./images/sponsorGeorge.jpg" alt="PinkVolt.com" /></a></div><div
     class="sponsor"><a href="http://www.harzens.com.ar/"><img
     src="./images/sponsorHarZens.jpg" alt="HarZens.com.ar" /></a></div><div
     class="sponsor"><a href="http://www.harzens.com.ar/"><img
     src="./images/sponsorHarZens.jpg" alt="HarZens.com.ar" /></a></div><div
     class="sponsor"><a href="http://www.harzens.com.ar/"><img
     src="./images/sponsorHarZens.jpg" alt="HarZens.com.ar" /></a></div><div
     class="sponsor"><a href="http://www.harzens.com.ar/"><img
     src="./images/sponsorHarZens.jpg" alt="HarZens.com.ar" /></a></div></div></div></div><div
     id="rightColumn"><div class="box"><div
     class="boxHeader"><h2>Gamer
    Talk</h2>
    </div><div class="boxContent"><ol><li><span
     class="teamAColor"></span>Video Game Release Dates<span
     class="teamAColor"></span><span class="teamBColor"></span></li>
    <li><span class="teamAColor"></span>Possible
    XBOX360-2 in the works!<span class="teamAColor"></span><span
     class="teamBColor"></span></li>
    <li><span class="teamAColor"></span>Rock Band
    2 in September!<span class="teamAColor"></span><span
     class="teamBColor"></span></li>
    <li><span class="teamAColor"></span>Activision
    Blizzard deal approved!<span class="vsColor"></span><span
     class="teamBColor"></span></li>
    <li><span class="teamAColor"></span><span
     class="teamBColor"></span>Gears of War 2 will launch
    September 9th of '09.<span class="teamBColor"></span></li>
    </ol></div></div><div class="box"><div
     class="boxHeader"><h2>Resources</h2>
    </div><div class="boxContent"><ol><li><form><select
     onchange="location=this.options[this.selectedIndex].value;"
     style="font-family: 'Tahoma'; background-color: rgb(153, 204, 204); font-size: 10pt;"><option
     value="">Geek Tools</option><option value="">------------------------------</option><option
     value="http://www.themaninblue.com/experiment/Cubescape/new.php">Cubescape</option><option
     value="http://www.geeks.com/">Geeks.com</option><option
     value="http://www.newegg.com/">newegg</option><option
     value="http://www.outletpc.com/">OutletPC</option><option
     value="http://www.tigerdirect.com/">TigerDirect</option><option
     value="http://www.directron.com/">Directron</option><option
     value="http://www.portfolio.com/interactive-features/2007/12/running-the-numbers?TID=st092007ab">Running
    the Numbers </option><option
     value="http://www.escapistmagazine.com/articles/view/editorials/zeropunctuation/4862-Zero-Punctuation-God-of-War-Chains-of-Olympus">Zero
    Punctuation</option><option
     value="http://www.sciam.com/article.cfm?id=real-life-iron-man-exoskeleton&amp;ec-su_ironman">Real-Life
    Iron Man</option><option value="http://marvel.com/">Marvel</option></select>
    </form></li><li><form><select
     onchange="location=this.options[this.selectedIndex].value;"
     style="font-family: 'Tahoma'; background-color: rgb(153, 204, 204); font-size: 10pt;"><option
     value="">Developer Tools</option><option value="">------------------------------</option><option
     value="http://www.smashingmagazine.com/2006/11/09/online-generators/">Free
    Generators</option><option
     value="http://www.geocities.com/TimesSquare/Realm/1773/name.htm">Name
    Generator</option><option
     value="http://start.uber.com/slideshow">Pro
    Slideshow Maker</option><option
     value="http://www.free3dtutorials.com/">3D/CG
    Tuts</option><option value="http://www.polldaddy.com/">Polldaddy</option><option
     value="http://www.egmstrategy.com/ice/tag-generator.cfm">Social
    Tag
    Generator </option><option
     value="http://blog.800hightech.com/best-free-adobe-photoshop-tutorials/1297/">PS
    Tutorial Database</option><option
     value="http://rainbow.arch.scriptmania.com/tools/marquee_maker.html">Marquee
    Maker</option><option
     value="http://www.echoecho.com/tooldropdown.htm">EchoEcho
    Menu Maker</option><option
     value="http://www.ricocheting.com/js/drop.html">Drop-Down
    Menu Maker</option></select>
    </form></li><li><form><select
     onchange="location=this.options[this.selectedIndex].value;"
     style="font-family: 'Tahoma'; background-color: rgb(153, 204, 204); font-size: 10pt;"><option
     value="">Graphic Tools</option><option value="">------------------------------</option><option
     value="http://colorblender.com/">Colorblender</option><option
     value="http://psdtuts.com/text-effects-tutorials">PSD
    Tuts</option><option value="http://vectormagic.com/">VectorMagic</option><option
     value="http://picmarkr.com/">PicMARKR</option><option
     value="http://www.3dtotal.com/ps100/pstut100.html">100
    PS Tuts</option><option value="http://www.goo3d.com/Pro/">3D
    Image
    Creator</option><option value="http://converticon.com/">Convert
    Icon</option><option value="http://www.socwall.com/">Incredible
    Wallpapers</option><option
     value="http://www.logogenerador.com/">LogoGenerador</option><option
     value="http://www.youthedesigner.com/2008/02/29/25-tasty-3d-graphic-design-treats/">25
    Graphic Treats</option><option
     value="http://www.says-it.com/seal/triangle.php">Official
    Seal Generator</option><option
     value="http://www.iconspedia.com/">Iconspedia</option><option
     value="http://www.fodey.com/generators/newspaper/snippet.asp">Newspaper
    Generator</option><option value="http://wordle.net/">Word
    Cloud
    Generator</option><option
     value="http://mashable.com/2008/03/01/online-image-editing/">7
    Online Image Editors!</option></select>
    </form></li></ol></div></div><div
     class="box"><div class="boxHeader"><h2>Clan
    Stats</h2>
    </div><div class="boxContent"><div
     class="forumPosts">NONE | Create a clan to submit!</div>
    </div></div><div class="box"><div
     class="boxHeader"><h2>Weektorial</h2>
    </div><div class="boxContent"><div
     class="forumPosts">Panic and Hide your Browsing:<br />
    If
    you browse the net, and want to hide say a b-day present (or a b-day
    suit)&nbsp;from snooping eyes, panic is for you. Simply set a
    "Panic
    Key" and press it when you need to hide what you're looking at. <a
     href="https://addons.mozilla.org/en-US/firefox/addon/6367">Panic</a></div>
    </div></div><div class="box"><div
     class="boxHeader"><h2>Cool
    Sites</h2>
    </div><div class="boxContent"><div
     class="forumPosts"><div class="textTotal"><div
     class="text"><a href="http://www.gamedev.net/gamejobs/">GameDev
    Pro Job Ads</a></div>
    <div class="textInfo"><a
     href="http://dam-age.com/index.php/2008/04/22/next-top-10-fails/">Dam-age.com</a></div>
    </div><div class="textTotal"><div class="text"><a
     href="http://www.elonka.com/UnsolvedCodes.html">Famous
    Unsolved Codes &amp; Ciphers</a></div>
    <div class="textInfo"><a
     href="http://www.instructables.com/">Instructables</a></div>
    </div><div class="textTotal"><div class="text"><a
     href="http://www.w3schools.com/">W3
    Schools Online Coding Help</a></div>
    <div class="textInfo"><a
     href="http://www.anime-planet.com/index.php">Anime Planet</a></div>
    </div><div class="textTotal"><div class="text"><a
     href="http://media-convert.com/convert/">Media-Convert Online</a></div>
    <div class="textInfo"><a
     href="http://shop.unclesamsdeals.com/">Uncle Sam's Outfitters</a></div>
    </div><div class="textTotal"><div class="text"><a
     href="http://www.replacementdocs.com/news.php">replacementdocs</a></div>
    <div class="textInfo"><a
     href="http://www.everyday-taichi.com/taiji-qigong.html#sh1">Everyday
    Taichi</a></div>
    </div></div></div></div><div class="box"><div
     class="boxHeader"><h2>Spotlight</h2>
    </div><div class="boxContent"><div class="fLeft"><div><a
     href="#"><img src="./images/ctR.jpg"
     alt="ClanTemplates.com" /></a></div><div><a
     href="#"><img src="./images/ctDG.jpg"
     alt="ClanTemplates.com" /></a></div><div><div><div><a
     href="index.html#"><img src="images/ctR.jpg"
     alt="ClanTemplates.com" /></a></div></div></div><div><div><div><a
     href="index.html#"><img src="images/ctDG.jpg"
     alt="ClanTemplates.com" /></a></div></div></div></div><div
     class="fRight"><div><a href="#"><img
     src="./images/ctB.jpg" alt="ClanTemplates.com" /></a></div><div><a
     href="#"><img src="./images/ctLG.jpg"
     alt="ClanTemplates.com" /></a></div><div><a
     href="#"><img src="./images/ctB.jpg"
     alt="ClanTemplates.com" /></a></div><div><div><a
     href="index.html#"><img src="images/ctLG.jpg"
     alt="ClanTemplates.com" /></a></div></div></div><div
     class="fLeft"><div><a href="#"><img
     src="./images/ctR.jpg" alt="ClanTemplates.com" /></a></div><div><a
     href="#"><img src="./images/ctDG.jpg"
     alt="ClanTemplates.com" /></a></div><div><div><div><a
     href="index.html#"><img src="images/ctR.jpg"
     alt="ClanTemplates.com" /></a></div></div></div><div><div><div><a
     href="index.html#"><img src="images/ctDG.jpg"
     alt="ClanTemplates.com" /></a></div></div></div></div>
    <div class="fRight"><div><a href="#"><img
     src="./images/ctB.jpg" alt="ClanTemplates.com" /></a></div><div><a
     href="#"><img src="./images/ctLG.jpg"
     alt="ClanTemplates.com" /></a></div><div><a
     href="#"><img src="./images/ctB.jpg"
     alt="ClanTemplates.com" /></a></div><div><div><a
     href="index.html#"><img src="images/ctLG.jpg"
     alt="ClanTemplates.com" /></a></div></div></div><div
     class="cBoth"></div></div></div></div><div
     id="middleColumn"><div class="news"><div
     class="cBoxHeader"><h2>TPO News</h2>
    </div><div class="cBoxBg"><div class="cBoxText"><div
     class="cBoxTextInfo"><ol><li><span
     class="what">By:</span>&nbsp;<span class="bold">Murdok<span
     style="color: rgb(0, 0, 0);">
    [7/8]</span></span></li>
    </ol></div><h2>Major Update</h2>
    &nbsp;&nbsp;
    &nbsp;I've updated the entire site's layout! ... I hope someone
    noticed. I'm adding new galleries often, but select ones will be shown
    on the left. The new "Spotlight" section will be for users who have
    contributed, ranked up, or dont something worthy of a spotlight.<br />
    &nbsp;&nbsp;&nbsp;
    Those cute little green arrows to the left are for pop-out menus that
    will give you many other options and SHOULD make things better for
    everyone. The top nav will be the same. Clan Stats is for everything
    your clan is up to, and will be updated weekly... as soon as we get
    some clans. The "Weektorial" section will be taking a massive change,
    because now instead of a lengthy block of text that no one will read,
    it will now be doubley paraphrased. <br />
    &nbsp;&nbsp;&nbsp; You should be able to figure everything
    out pretty fast, so have fun!<br />
    <br /><br /><h2>Video
    of the Week</h2>
    <object height="344" width="425"><param
     name="movie"
     value="http://www.youtube.com/v/6qhgIdP3l3I&amp;hl=en&amp;fs=1" /><param
     name="allowFullScreen" value="true" /> &nbsp;
    &nbsp; &nbsp; &nbsp; &nbsp;
    <embed src="http://www.youtube.com/v/6qhgIdP3l3I&amp;hl=en&amp;fs=1"
     type="application/x-shockwave-flash" allowfullscreen="true"
     height="344" width="425"></object><br /><br />NOTE:
    If you're going to be offended, don't watch.<br />
    The most
    watched video on Youtube this week is <a
     href="http://www.youtube.com/watch?v=lMXiIQlcIo4">Fred's Mom
    is Missing</a>.<br />
    <br /><br /><h2>Media
    Update</h2>
    <p>Top Movies: Hancock, Wall-E, and Wanted. <a
     href="http://www.fandango.com/">Get tickets now!</a><br />
    Top
    TV Shows: Heroes, House, and Scrubs. &nbsp;<a
     href="http://www.tvguide.com/Listings/default.aspx">Find air
    times now!</a><br />
    This week's anime is Neon Genesis
    Evangelion. <a
     href="http://www.animepile.com/category/neon-genesis-evangelion/page/6/">Watch</a>
    | <a
     href="http://www.anime-planet.com/anirec/neon-genesis-evangelion">Read
    More</a></p>
    <p></p><div
     style="text-align: center; margin-left: auto; visibility: visible; margin-right: auto; width: 450px;"><embed
     style="width: 435px; visibility: visible; height: 270px;"
     allowscriptaccess="never"
     src="http://www.musicplaylist.net/mc/mp3player-othersite.swf?config=http://www.musicplaylist.net/mc/config/config_black_noautostart.xml&amp;mywidth=435&amp;myheight=270&amp;playlist_url=http://www.musicplaylist.net/loadplaylist.php?playlist=32998751"
     menu="false" quality="high" name="mp3player"
     wmode="transparent" type="application/x-shockwave-flash"
     pluginspage="http://www.macromedia.com/go/getflashplayer"
     border="0" height="260" width="435"><br /></div><p></p><div
     class="cBoxLink"><span
     style="color: rgb(180, 15, 15); font-weight: bold;">News
    Archive | Page:</span> <a href="#">1</a><br />
    </div></div></div></div></div></div></div><div
     id="footer"><div id="footerCopyA">&copy;
    TPO 2008<br />
    <span style="font-weight: bold;">&nbsp;
    &nbsp; &nbsp; &nbsp;&nbsp; &nbsp; &nbsp;
    &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;
    &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;
    &nbsp; &nbsp; &nbsp; &nbsp; </span></div>
    <div id="footerCopyB">Designed by George | Coded by
    HarZens | ClanTemplates</div>
    <div id="footerCopyC"><a href="http://www.pinkvolt.com"><br /></a></div></div></body></html>
    Now WHERE do I put that?

  • #5
    Regular Coder FWDrew's Avatar
    Join Date
    Apr 2008
    Location
    Missouri
    Posts
    380
    Thanks
    38
    Thanked 45 Times in 43 Posts
    In your stylesheet:
    Code:
    style.css
    Regards,

    Drew
    Dev-Tips.com || Employee at the Envato Network || My Portfolio

  • #6
    New Coder
    Join Date
    Jul 2007
    Posts
    56
    Thanks
    0
    Thanked 0 Times in 0 Posts
    Code:
    {
    	margin: 0;
    	padding: 0;
    	border: 0;
    }
    
    body {
    	background-color: #140802;
    	font-family: Verdana;
    	font-size: 11px;
    	color: #140802;
    }
    
    ul, ol {
    	list-style: none;
    }
    
    ul li {
    	padding:1px 0px;
    }
    
    a {
    	color: #3E6F32;
    }
    
    a:hover {
    	text-decoration:none;
    }
    
    p {
    	padding:5px 0px;
    }
    
    h2 {
    	font-size: 18px;
    }
    
    #wrap {
    	width: 911px;
    	padding: 4px 6px 0px;
    	background-color: #FFF;
    	margin: 0 auto;
    }
    
    #menu {
    	padding-left: 16px;
    	line-height: 48px;
    	background-image: url('./images/menuBg.jpg');
    	background-position: center top;
    	background-repeat: no-repeat;
    	height: 48px;
    }
    
    #menu ol li {
    	float: left;
    }
    
    #menu ol li a {
    	text-decoration: none;
    	font-weight: bold;
    	display: block;
    	line-height: 48px;
    	padding: 0 20px;
    	color: #FFF;
    }
    
    #menu ol li a:hover {	
    	background-image: url('./images/menuBgRO.jpg');
    	background-position: center top;
    	background-repeat: repeat-x;
    }
    
    #header {
    	margin-bottom: 8px;
    }
    
    #footer {
    	width: 911px;
    	padding-left: 6px;
    	padding-right: 6px;
    	background-color: #FFF;
    	margin: 0 auto;
    	height: 83px;
    	background-image: url('./images/footerBg.jpg');
    	background-position: center bottom;
    	background-repeat: no-repeat;
    	color:#FFF;
    }
    
    #footer a {
    	color: #FFF;
    	font-weight: bold;
    }
    
    #footer a:hover {
    	text-decoration: none;
    }
    
    #footerCopyA, #footerCopyB {
    	float: left;
    }
    
    #footerCopyC {
    	float: right;
    }
    
    #footerCopyA {
    	padding-top: 33px;
    	padding-left: 55px;
    }
    
    #footerCopyB {
    	padding-top: 33px;
    	padding-left: 50px;
    }
    
    #footerCopyC {
    	padding-top: 31px;
    	padding-right: 15px;
    }
    
    #leftColumn, #rightColumn {
    	width: 189px;
    }
    
    #leftColumn {
    	float: left;
    }
    
    #rightColumn {
    	float: right;
    }
    
    #middleColumn {
    	width: 527px;
    	margin: 0 auto;
    	padding-bottom: 1px;
    }
    
    .boxHeader {
    	width: 189px;
    	height: 41px;
    	background-image: url('./images/boxBgHeader.jpg');
    	background-position: center top;
    	background-repeat: no-repeat;	
    }
    
    .boxHeader h2 {
    	margin: 0;
    	padding: 0;
    	padding-left: 20px;
    	padding-top: 17px;	
    	font-weight: bold;
    	font-size: 11px;
    	color: #FFF;
    }
    
    .boxContent {
    	width: 185px;
    	padding: 1px 0px;
    	margin-bottom: 6px;
    }
    
    .boxContent ol li {
    	letter-spacing: -0.3px;
    	padding: 3px 1px;
    }
    
    .boxContent ol li a {
    	float: right;
    	color: #3E6F32;
    	font-weight: bold;
    }
    
    
    
    .forumPosts .text {
    	font-size: 9px;
    	padding: 1px 0px;
    	letter-spacing: -0.3px;
    }
    
    .forumPosts .textInfo {
    	font-size: 9px;
    	color: #6C0505;
    	padding: 1px 0px;
    	letter-spacing: -0.3px;
    }
    
    .forumPosts .text a {
    	color:#000;
    	text-decoration: none;
    }
    
    .forumPosts .text a:hover {
    	text-decoration: underline;
    }
    
    .forumPosts a.user {
    	color: #C01313;
    	font-weight: bold;
    }
    
    .forumPosts a.date {
    	color: #6C0505;
    	font-weight: bold;
    }
    
    .boxContent .fLeft div, .boxContent .fRight div {
    	margin-top: 8px;
    }
    
    .boxContent .rosterLeft {
    	padding-left: 5px;
    	float: left;
    	margin-bottom: 8px;
    }
    
    .boxContent .rosterRight {
    	padding-right: 5px;
    	float: right;
    	margin-bottom: 8px;
    }
    
    .boxContent .rosterLeft div, .boxContent .rosterRight div {
    	margin-top: 6px;
    }
    
    .boxContent .rosterUser {
    	background-color: #F3F3F3;
    	clear: both;
    	padding: 3px 5px;
    	text-align: center;
    }
    
    .boxContent .sponsor {
    	padding: 3px 0px;
    }
    
    .news {
    	background-image: url('./images/cboxBg.jpg');
    	background-position: center top;
    	background-repeat: repeat-y;	
    }
    
    .cBoxHeader {
    	width: 527px;
    	height: 45px;
    	background-image: url('./images/cboxBgHeader.jpg');
    	background-position: center top;
    	background-repeat: no-repeat;	
    }
    
    .cBoxHeader h2 {
    	margin: 0;
    	padding: 0;
    	padding-left: 44px;
    	padding-top: 14px;	
    	font-weight: bold;
    	font-size: 11px;
    	color: #FFF;
    }
    
    .cBoxBg {
    	width: 521px;
    	padding-top: 2px;
    	padding-bottom: 10px;
    	padding: 2px 3px 10px;
    	background-image: url('./images/cboxFooter.jpg');
    	background-position: center bottom;
    	background-repeat: no-repeat;
    	margin-bottom: 5px;
    }
    
    .cBoxBg .cBoxText .cBoxLink {
    	margin-top: 12px;
    	
    }
    
    .cBoxBg .cBoxText .cBoxLink a {
    	color: #B40F0F;
    	font-weight: bold;
    }
    
    .cBoxBg .cBoxText {
    	padding:8px 15px;
    }
    
    .cBoxBg .cBoxText .cBoxTextInfo {
    	color: #9B4D26;
    	margin-bottom: 8px;
    }
    
    .cBoxBg .cBoxText .cBoxTextInfo .what {
    	color: #140802;
    	font-weight:bold;
    }
    
    .teamAColor {
    	color: #6C0505;
    	font-size: 9px;
    }
    
    .teamBColor {
    	color: #191054;
    	font-size: 9px;
    }
    
    .vsColor {
    	font-size: 8px;
    	color: #1A1A1A;
    	font-weight: bold;
    }
    
    .red , .boxContent .red {
    	color: #AF0F0F;
    	letter-spacing: -0.5px;
    }
    
    .green , .boxContent .green {
    	color: #3E6F32;
    	letter-spacing: -0.5px;
    }
    
    .bold {
    	font-weight:bold;
    }
    
    .underline {
    	text-decoration: underline;
    }
    
    .fLeft {
    	float: left;
    }
    
    .fRight {
    	float: right;
    }
    
    .cRight {
    	clear: right;
    }
    
    .cLeft {
    	clear: left;
    }
    
    .cBoth {
    	clear: both;
    }
    I feel stupid, but could you tell me where to put that/what to change? Sorry...

  • #7
    Regular Coder FWDrew's Avatar
    Join Date
    Apr 2008
    Location
    Missouri
    Posts
    380
    Thanks
    38
    Thanked 45 Times in 43 Posts
    Hi again,

    Here is the CSS for your defaut links
    Code:
    a {
    	color: #3E6F32;
    }
    
    a:hover {
    	text-decoration:none;
    }
    Replace and/or add whatever styling you would like for your links to the a elements above, for example, you can try out some elements of Oesxyl's suggestions:
    Code:
    text-align: left;
    font-weight: normal;
    text-decoration: none;
    color: #000;/*Note this is black, probably wont work well with your background*/
    Hope that helps, if not let us know

    Regards,

    Drew
    Dev-Tips.com || Employee at the Envato Network || My Portfolio

  • #8
    New Coder
    Join Date
    Jul 2007
    Posts
    56
    Thanks
    0
    Thanked 0 Times in 0 Posts
    Okay, apparently I'm retarded because I cannot figure it out at all. I know the line of code you are talking about, so do I just enter it? Like just add that block of text somewhere?

  • #9
    Supreme Master coder! abduraooft's Avatar
    Join Date
    Mar 2007
    Location
    N/A
    Posts
    14,849
    Thanks
    160
    Thanked 2,223 Times in 2,210 Posts
    Blog Entries
    1
    .boxContent ol li a {
    float: right;
    color: #3E6F32;
    font-weight: bold;
    }
    Just comment (wrap in /* */) or remove the above rules from your CSS file and see what happens.
    The Dream is not what you see in sleep; Dream is the thing which doesn't let you sleep. --(Dr. APJ. Abdul Kalam)

  • #10
    New Coder
    Join Date
    Jul 2007
    Posts
    56
    Thanks
    0
    Thanked 0 Times in 0 Posts
    Okay, that worked, but now I have a new problem. Apparently, there is a different amount of spaces that I can have after each entry on that box.

    So like so:

    Home
    Contact Us

    I want an arrow at the end of the box, lined up.

    Like so:

    Home ARROW
    Contact Us ARROW

    See how those lined up? Mine don't. Even with the same # spaces, it turns out like this:

    Home ARROW
    Contact Us ARROW

    Any ideas?

  • #11
    Senior Coder jerry62704's Avatar
    Join Date
    Oct 2007
    Location
    Springfield, IL
    Posts
    1,100
    Thanks
    13
    Thanked 87 Times in 87 Posts
    Put a width to the container holding the "home" or "contact us". Everything after that will line up.
    .
    .
    ...and gladly would he learn and gladly teach

    Visit www.LiberalsWin.com for humor and the unique Bush/Obama Approval Polls

  • #12
    Senior Coder
    Join Date
    Jan 2005
    Location
    Memphis, TN
    Posts
    1,785
    Thanks
    8
    Thanked 131 Times in 129 Posts
    In the first lines of your css you have:
    Code:
    {
    	margin: 0;
    	padding: 0;
    	border: 0;
    }
    Is that a typo? That might be causing odd issues. Try

    Code:
    html, body {
    	margin: 0;
    	padding: 0;
    	border: 0;
    }
    Stop making things so hard on yourself.
    i is tugbucket :: help raise tugburg :: Whitehaven Kiwanis

  • #13
    New Coder
    Join Date
    Jul 2007
    Posts
    56
    Thanks
    0
    Thanked 0 Times in 0 Posts
    Okay... how do I put a width on the home, etc.? Is it just like

    <box content><width="100">Home</width>ARROW</box>

    ???

  • #14
    Senior Coder jerry62704's Avatar
    Join Date
    Oct 2007
    Location
    Springfield, IL
    Posts
    1,100
    Thanks
    13
    Thanked 87 Times in 87 Posts
    css:
    p { width: 10em;}

    html:
    <p>Home</p>
    <p>Longer Home</p>

    Further, you can center or right align them if you want:
    css:
    p {width: 10em;
    text-align:right;}

    If you want this to apply only to x, y and z and not a, b and c then you can make a class of it.
    css:
    .alignStuff {width: 10em;}

    html:
    <span class="alignStuff">Home</span>lined up stuff
    <span class="alignStuff">Longer Home</span>lined up stuff

    "10em" is just a number, use what is the largest you need. You probably wouldn't use "p" if you want the stuff to align after it, but you could with other options such as making it inline.
    .
    .
    ...and gladly would he learn and gladly teach

    Visit www.LiberalsWin.com for humor and the unique Bush/Obama Approval Polls

  • #15
    New Coder
    Join Date
    Jul 2007
    Posts
    56
    Thanks
    0
    Thanked 0 Times in 0 Posts
    Okay, so I'm going to add a class to the CSS right?

    Then, when I use said class, it will arrange things?

    I'm sorry I don't comprehend, I'm really trying here.

    Let me see if I have a grasp:
    "P" is a box. I put "Home" in "P", then "Arrow" after some spaces out of "P".
    The end result is "Home" with "Arrow" equally spaced from the box.

    "P" can be named anything right? I know <p> as "Start new paragraph", so I'm a little confused.


  •  
    Page 1 of 2 12 LastLast

    Posting Permissions

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