Problems understanding WHY my code looks the way the way it does
4 posters
Page 1 of 1
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
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
Last edited by Mace Hathaway on Sat 13 Jan - 17:50; edited 2 times in total
Mace Hathaway- New Member
- Posts : 24
Reputation : 1
Language : English
poesia-verses likes this post
Re: Problems understanding WHY my code looks the way the way it does
I do not see the closing tags for the title.
Lost Founder's Password |Forum's Utilities |Report a Forum |General Rules |FAQ |Tricks & Tips
You need one post to send a PM.
You need one post to send a PM.
When your topic has been solved, ensure you mark the topic solved.
Never post your email in public.
Re: Problems understanding WHY my code looks the way the way it does
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.
So I learned something else, the code in the title WILL extend into your body...if it isn't closed.
Mace Hathaway- New Member
- Posts : 24
Reputation : 1
Language : English
Re: Problems understanding WHY my code looks the way the way it does
hello
paste this code to your css sheet
admin panel...display...colors and CSS...css
this way the red will become green if you want the red to become other color change the color to the above code
edit: to remove the underline text use this code
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 don't use bold or color and keep to the default text. This is reserved for the staff for moderation. Thank you.
|
edit: to remove the underline text use this code
- Code:
span {
text-decoration: none !important;
}
Thanks for the reply
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- New Member
- Posts : 24
Reputation : 1
Language : English
What would be the proper way to close it
..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- New Member
- Posts : 24
Reputation : 1
Language : English
Re: Problems understanding WHY my code looks the way the way it does
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
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
Re: Problems understanding WHY my code looks the way the way it does
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:
For the underline "decoration", this is applied on a parent element and not on the link itself
Current code:
You need to change it in this way:
At this point remove this CSS code:
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 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 & 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 & 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:
SarkZKalie and TonnyKamper like this post
Niko For the Win
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
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- New Member
- Posts : 24
Reputation : 1
Language : English
Niko likes this post
Re: Problems understanding WHY my code looks the way the way it does
@Mace Hathaway You have simply edited the template or some code, which included the
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!
|
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!
Re: Problems understanding WHY my code looks the way the way it does
Problem solved & topic archived.
|
Niko likes this post
Similar topics
» css problems with center code
» Problems with code (Accordion)
» Problems after google ads code fixed appeared.
» Problems with prefix again(Add suffix code)
» Understanding ADD removals
» Problems with code (Accordion)
» Problems after google ads code fixed appeared.
» Problems with prefix again(Add suffix code)
» Understanding ADD removals
Page 1 of 1
Permissions in this forum:
You cannot reply to topics in this forum