Problems understanding WHY my code looks the way the way it does

http://www.caboodlz.com? ?http://www.caboodlz.forumotion.com/forum

Hello, and thanks in advance for anyone who has time to see what I've stumbled into, and explain why.

So I'll try to keep this short as possible, but it will take a bit of explaining to get my point across.

There are certainly more pressing topics with folks having real site issue. I do not wish to cut the line. Just really didn't see anywhere else to post this type of question..(Classic non conformist rule breaker here...it's genetic).

This is concerning(not really concerned, just confused...)? a block of code that I am using in my forum widgets, that seems to have a strange appearance. I don't hate it, it's different, just do not understand...

SO this block of code is just the description, and a photo( hosted at [i.serve-IMG] & also-hyper linked to my destination link), and in addition, an actual typed link(same link, same destination)...that is UNDERLINED, AND HYPER LINKED......so two links in one sully of code...all links are (finally) working and pointing to the proper destinations...that is not my issue...

I will tack the code at the end for any detectives bored enough to set me straight....

Before I go any further I feel one thing that may be a factor is that I have a <'CENTERED style'> code in my display title box for the widget., rather than just going with default left.
?I had found a couple different ways to code that, and thinking this crunky way I chose to code that title as centered ?is somehow effecting the body code(tacked on to bottom for inspection)

My Page is Caboodlz.com...or caboodlz.forumotion.com/forum.... to see what I mean you might wanna just look...check my column widgets on the left....they are not all currently finished, but the ones that are are more toward the top...
So,...what is weird behavior is the color of the underlined typed link stays white, after clicking the typed link, when it becomes red after visiting...white is my chosen default color for my text...my non visited link is green, visited is red.


Am I just crazy, 0r should the underline of the link also change to red when the link is visited?...It remains white...?..the underline just isn't part of the link?...can I move that underline<div> in the code so the colors do work proper?..... Again I don't hate that it retains the original chosen default text color. I chose to underline the link, to draw more attention to the fact that it's actually a link...though I realize they are not usually underlined, just change colors on the hover.

I've pasted that code successfully(ish) into most of my widgets, and will keep using it for now. Just the not knowing that is kind of driving me nuts.
If it's always that way, on every link, everywhere on the net, then I'm just mega confused I guess.

I hope that makes sense...I'll tack my code in the end.. maybe someone will spot it.

Just thinking the easy answer is prob something I already know, ie:/the underline just isn't part of the link...or..// my code for centering the widget name ...I'll tack that on too...that is also white, so I was thinking maybe that is why. If not, it's in my code. And that part is keeping me awake.

I'm sure folks have many more important things to cypher, just every time I see it, something doesn't seem right.

Giant Thanks in advance for anyone taking the time to help me get a little sleep!

______------------------------------------------------------

<a href="http://{__Destination Link__}"></a>
<div align="center" style="">
? ? ? ? ? ? ? <strong> ? <span style="text-decoration: underline;"><a href="http://{__Destination Link____}"> {__hyperlinked title in CAPS__}</a></span></strong>
</div><a href="http://{___Destination link___}"></a>
<div>
? ? ? ? ?<br /><a href="https://servimg.com/view/20540119/231" class="postlink" target="_blank" rel="nofollow"> </a><a href="http://www.{___Destination link___}"><img src="https://i.servimg.com/u/f86/20/54/01/{_img name___}" border="0" alt="/" /></a>
</div>
<div>
? ? ? ? <a href="http://www.{___Destination link___}"><img alt="" border="0" src="https://i.servimg.com/u/f86/20/54/01/19/{__img name____}" /></a><a></a>
</div><a> ? ? <br /></a><br /><a href="https://servimg.com/view/20540119/231" class="postlink" target="_blank" rel="nofollow"> ?</a><a rel="nofollow" target="_blank" class="postlink" href="https://servimg.com/view/20540119/231"> ?</a>

-----------------------------------------------------------------

Title Centering Code

<div align="center" style="">MY WIDGET TITLE

____________-----------------------------------------------

I do know how to spell visited...but you get it

I do not see the closing tags for the title.

SL GREY....I do believe you may have found it....I'm gonna throw it on one and see how it works out...I feel dumb...but when the full title was typed in...with code..it pushed the actual title end completely out of view to the right....out of sight, out of mind, when I copied it for this message I didn't even look.....it's so simple...my best Homer Simpson/...DOH!!!

So I learned something else, the code in the title WILL extend into your body...if it isn't closed.

hello

paste this code to your css sheet

admin panel...display...colors and CSS...css

Code:


h3 a:visited, .h3 a:visited {
      color: #53c223 !important;
}


this way the red will become green if you want the red to become other color change the color to the above code

Please Use the Code tag when posting your codes. Thank you. Please read our forum rules: ESF General Rules

Please don't use bold or color and keep to the default text. This is reserved for the staff for moderation. Thank you. Please read our forum rules: ESF General Rules

edit: to remove the underline text use this code

Code:


span {
    text-decoration: none !important;
}


Appreciate that...not really what I'm wanting to do...trying to figure out why my code is wrong. The colors I have are what I want already.





skoulikihello

paste this code to your css sheet

admin panel...display...colors and CSS...css

Code:


h3 a:visited, .h3 a:visited {
      color: #53c223 !important;
}


this way the red will become green if you want the red to become other color change the color to the above code

Please Use the Code tag when posting your codes. Thank you. Please read our forum rules:  ESF General Rules

Please don't use bold or color and keep to the default text. This is reserved for the staff for moderation.  Thank you. Please read our forum rules:  ESF General Rules

edit: to remove the underline text use this code

Code:


span {
    text-decoration: none !important;
}


SLGray wrote:I do not see the closing tags for the title.

..
Not sure what the proper way to close it is...sorry I'm an oldy trying to learn new tricks



I tried <div> and had no change...do I need span in there somewhere?

can you paste again your code using the button code tags so that we can see it properly

you have a link color, a visit hover color and a visited color
if your code widget does not have a style of its own then the style is adopted from the forum style

Coucou,

I don't know if I understood the problem you have, but I think it can be summarized liked this? correct me if I'm wrong:

Am I just crazy, 0r should the underline of the link also change to red when the link is visited?

For the underline "decoration", this is applied on a parent element and not on the link itself
Current code:

Code:

<span style="text-decoration: underline;">
<a href="//rss.com/podcasts/coffeecannabis/">
<strong> </strong>
</a>
<strong>
<a href="http://rss.com/podcasts/coffeecannabis/">COFFEE &amp; CANNABIS </a>
</strong>
</span>

You need to change it in this way:

Code:

[code]
<a href="//rss.com/podcasts/coffeecannabis/">
<strong> </strong>
</a>
<strong>
<a href="http://rss.com/podcasts/coffeecannabis/">COFFEE &amp; CANNABIS </a>
</strong>
[/code]

At this point remove this CSS code:

Code:

a {
    text-decoration: none;
}

Now you will have the underline "decoration" applied correctly on the link itself, and therefore it will inherit the color of the link element (according to its status - hover, visited, ...)

Result:

I was able to try your code, and it worked...saved for a later date!..

As I stated the first message, I DON"T HATE it...thinking that since it is different than most I'll keep it...everyone seemed to assume I want it changed back to "NORMAL"...I'm not normal.

I just needed to understand WHY it was different, what had I accidentally done to make it WORK.(I'm sure in everyone else's eyes this is a mistake).

So the underline being slaved to my forum default  text color, white, without any other css overrides, is what's making this happen. OK...now I know how to REPRODUCE my mistake.

This may seem 'all to do of nothing', but I appreciate you folks helping me understand it.

I'm going to leave them for now...someday maybe I'll go a different route.

Thanks again.-Mace

@Mace Hathaway You have simply edited the template or some code, which included the

Code: <span style="text-decoration: underline;">CONTENT</span>

structure, maybe following a template or just trying to customize the forum

That code snippet is not part of the default code of the forum, so it was probably added my mistake during some modifications, but we can't know what happened - we can only say it "didn't appear magically"

In any case don't worry, we will always be here to support with any problem or request you may have to improve and manage your forum!

Have a nice day!