The forum of the forums
Would you like to react to this message? Create an account in a few clicks or log in to continue.

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

4 posters

Go down

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

Post by Mace Hathaway Sat 13 Jan - 5:25

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.
Problems understanding WHY my code looks the way the way it does Screen10

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

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


Last edited by Mace Hathaway on Sat 13 Jan - 17:50; edited 2 times in total
Mace Hathaway
Mace Hathaway
New Member

Posts : 24
Reputation : 1
Language : English

poesia-verses likes this post

Back to top Go down

Solved Re: Problems understanding WHY my code looks the way the way it does

Post by SLGray Sat 13 Jan - 6:39

I do not see the closing tags for the title.


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

When your topic has been solved, ensure you mark the topic solved.
Never post your email in public.
SLGray
SLGray
Administrator
Administrator

Male Posts : 51554
Reputation : 3524
Language : English
Location : United States

https://forumsclub.com/gc/128-link-directory/

Back to top Go down

Solved Re: Problems understanding WHY my code looks the way the way it does

Post by Mace Hathaway Sat 13 Jan - 7:41

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.
Mace Hathaway
Mace Hathaway
New Member

Posts : 24
Reputation : 1
Language : English

Back to top Go down

Solved Re: Problems understanding WHY my code looks the way the way it does

Post by skouliki Sat 13 Jan - 7:50

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;
}
skouliki
skouliki
Manager
Manager

Female Posts : 15391
Reputation : 1709
Language : English,Greek
Location : Greece

http://iconskouliki.forumgreek.com

Back to top Go down

Solved Thanks for the reply

Post by Mace Hathaway Sat 13 Jan - 8:25



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;
}
Mace Hathaway
Mace Hathaway
New Member

Posts : 24
Reputation : 1
Language : English

Back to top Go down

Solved What would be the proper way to close it

Post by Mace Hathaway Sat 13 Jan - 8:27

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?
Mace Hathaway
Mace Hathaway
New Member

Posts : 24
Reputation : 1
Language : English

Back to top Go down

Solved Re: Problems understanding WHY my code looks the way the way it does

Post by skouliki Sat 13 Jan - 8:47

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
skouliki
skouliki
Manager
Manager

Female Posts : 15391
Reputation : 1709
Language : English,Greek
Location : Greece

http://iconskouliki.forumgreek.com

Back to top Go down

Solved Re: Problems understanding WHY my code looks the way the way it does

Post by Niko Sat 13 Jan - 12:33

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:
Problems understanding WHY my code looks the way the way it does Scree228 Problems understanding WHY my code looks the way the way it does Scree229
Niko
Niko
Helper
Helper

Male Posts : 3285
Reputation : 254
Language : English, Italian, French
Location : Italy

https://www.fmcodes.net/

SarkZKalie and TonnyKamper like this post

Back to top Go down

Solved Niko For the Win

Post by Mace Hathaway Sat 13 Jan - 17:49

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
Mace Hathaway
New Member

Posts : 24
Reputation : 1
Language : English

Niko likes this post

Back to top Go down

Solved Re: Problems understanding WHY my code looks the way the way it does

Post by Niko Sat 13 Jan - 17:57

@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 Wink

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" huhohi

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! Love

Have a nice day! :rose:
Niko
Niko
Helper
Helper

Male Posts : 3285
Reputation : 254
Language : English, Italian, French
Location : Italy

https://www.fmcodes.net/

Back to top Go down

Solved Re: Problems understanding WHY my code looks the way the way it does

Post by skouliki Sat 13 Jan - 19:07

Problem solved & topic archived.
Please read our forum rules: ESF General Rules
skouliki
skouliki
Manager
Manager

Female Posts : 15391
Reputation : 1709
Language : English,Greek
Location : Greece

http://iconskouliki.forumgreek.com

Niko likes this post

Back to top Go down

Back to top

- Similar topics

 
Permissions in this forum:
You cannot reply to topics in this forum