...

View Full Version : Text Style Question



Murdok09
07-12-2008, 05:35 PM
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.

oesxyl
07-12-2008, 06:09 PM
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

FWDrew
07-12-2008, 06:21 PM
You missed a semicolon Oesxyl :D


text-decoration: none;

Drew

Murdok09
07-12-2008, 07:52 PM
<!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?

FWDrew
07-12-2008, 08:55 PM
In your stylesheet:
style.css

Regards,

Drew

Murdok09
07-13-2008, 04:20 AM
{
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...

FWDrew
07-13-2008, 09:52 AM
Hi again,

Here is the CSS for your defaut links

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:

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

Murdok09
07-14-2008, 11:46 AM
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?

abduraooft
07-14-2008, 12:07 PM
.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.

Murdok09
07-16-2008, 03:57 AM
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?

jerry62704
07-16-2008, 02:35 PM
Put a width to the container holding the "home" or "contact us". Everything after that will line up.

harbingerOTV
07-16-2008, 03:51 PM
In the first lines of your css you have:


{
margin: 0;
padding: 0;
border: 0;
}



Is that a typo? That might be causing odd issues. Try



html, body {
margin: 0;
padding: 0;
border: 0;
}

Murdok09
07-17-2008, 12:54 AM
Okay... how do I put a width on the home, etc.? Is it just like

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

???

jerry62704
07-17-2008, 03:23 PM
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.

Murdok09
07-18-2008, 07:23 PM
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.

jerry62704
07-18-2008, 07:36 PM
You will put the class definition in the css (.someclass { some stuff}) and will use it in the html (<div class="someclass"> some text stuff</div>)

It will affect only those things (you can put class on a lot of tags) you directly apply it to. You could use a class one or a hundred times unlike an "id" that can only occur once.

You can think of the class as a box where you set the size of it and it will apply to everything you use that class on. Spacing is not easy here, but it might look like this (with "-" being a space):

css
.widtheven {width:10em;}

html
xxx <span class="widtheven">short</span> yyy
xxx <span class="widtheven">longererer</span> yyy

display in browser
xxx short----- yyy
xxx longererer yyy

where the "yyy" lines up and your label/text would appear.

Murdok09
07-21-2008, 08:02 PM
I did what you said, and I have everything entered, but there's yet another problem.

The <a href="index.html">&raquo;</a> causes a problem. If I leave it IN the <span></span>, then it doesn't solve the problem, it's the same as if <span> wasn't there at all. If I put it OUTSIDE of the <span></span>, it moves the &raquo; to the next line.

Is there any code I can use to keep the arrow on the same line as the span end?

Murdok09
07-24-2008, 03:30 PM
*BUMP*

Anything guys?

Murdok09
07-27-2008, 03:05 AM
*BUMP*

Aaaaaanything? If not, I'm going to post another thread.



EZ Archive Ads Plugin for vBulletin Copyright 2006 Computer Help Forum