Ask Question Forum:
Model Library:2025-02-08 Updated:A.I. model is online for auto reply question page
C
O
M
P
U
T
E
R
2
8
Show
#
ASK
RECENT
←
- Underline
- Bold
- Italic
- Indent
- Step
- Bullet
- Quote
- Cut
- Copy
- Paste
- Table
- Spelling
- Find & Replace
- Undo
- Redo
- Link
- Attach
- Clear
- Code
Below area will not be traslated by Google,you can input code or other languages
Hint:If find spelling error, You need to correct it,1 by 1 or ignore it (code area won't be checked).
X-position of the mouse cursor
Y-position of the mouse cursor
Y-position of the mouse cursor
Testcursor
caretPos
Attachment:===
Asked by Miguel_G
at 2024-11-01 06:59:26
Point:0 Replies:9 POST_ID:828767USER_ID:11672
Topic:
Cascading Style Sheets (CSS);;
Hey
Please visit this Page:
http://promenade.no/okonomi/banker
On first Page load, the first Tab content does not render well. There are 3 Columns with text, however there is a gap and some text overlapping issues.
It renders fine after you click on other Tabs and go back to the first Tab.
See attached screenshot.
Can you help fix the issue?
Thanks
Please visit this Page:
http://promenade.no/okonomi/banker
On first Page load, the first Tab content does not render well. There are 3 Columns with text, however there is a gap and some text overlapping issues.
It renders fine after you click on other Tabs and go back to the first Tab.
See attached screenshot.
Can you help fix the issue?
Thanks
Attachment:TabsIssue.png
Author: Miguel_G replied at 2024-11-10 02:15:49
that was the only solution that worked!
Author: Miguel_G replied at 2024-11-05 06:47:21
That solution did not work and it was not implemented.
Expert: Gary replied at 2024-11-05 06:42:36
Author: Miguel_G replied at 2024-11-05 06:29:24
I've requested that this question be closed as follows:
Accepted answer: 0 points for Miguel_G's comment #a39624289
for the following reason:
None of the provided solutions had worked.
Issue was fixed using 3rd party JavaScript.
Accepted answer: 0 points for Miguel_G's comment #a39624289
for the following reason:
None of the provided solutions had worked.
Issue was fixed using 3rd party JavaScript.
Accepted Solution
Author: Miguel_G replied at 2024-11-05 06:28:28
Issue has been resolved using JavaScript:
<script type='text/javascript'>jQuery(window).load(function(){jQuery('.tabs_type_2').find('dt:contains("A - F")').trigger('click');});</script> 1:2:3:4:5:
Expert: Gary replied at 2024-11-01 10:00:52
Ignore my comment above, I see what you are trying to do.
You are manually putting class="current" into every block - this should only be on the first block of banks
You are manually putting class="current" into every block - this should only be on the first block of banks
Expert: Gary replied at 2024-11-01 08:49:59
Stop using position absolute to position elements that should naturally flow.
Move the background image
background-image: url("images/shortcodes/tabs-type2-BG.png");
to the DT element (I presume it should be here and not in
.tabs_type_2 dd {}
But also remove position:absolute from that class (.tabs_type_2 dd {}) and add clear:both
The page will then render somewhat like it should.
Move the background image
background-image: url("images/shortcodes/tabs-type2-BG.png");
to the DT element (I presume it should be here and not in
.tabs_type_2 dd {}
But also remove position:absolute from that class (.tabs_type_2 dd {}) and add clear:both
The page will then render somewhat like it should.
Expert: duncanb7 replied at 2024-11-01 07:23:50
There are many p tag paragraph broken from one into two paragraph.
You need to set p tag CSS with white-space:nowrap so that
SpareBank 1 Buskerud-Vestfold won't be displayed as
SpareBank 1 Buskerud-
Vestfold
p
{
white-space:nowrap;
}
You need to set p tag CSS with white-space:nowrap so that
SpareBank 1 Buskerud-Vestfold won't be displayed as
SpareBank 1 Buskerud-
Vestfold
p
{
white-space:nowrap;
}
Expert: COBOLdinosaur replied at 2024-11-01 07:11:47
Page with excessive scripting from multipe libraries often end up with conflicts or compatibilities issues.
What you describe is indicative if that and as the page is valid markup, I would suggest that you will have to disable the jquery libraries one at a time to see which one is breaking the page.
Cd&
What you describe is indicative if that and as the page is valid markup, I would suggest that you will have to disable the jquery libraries one at a time to see which one is breaking the page.
Cd&