Wordpress Themes - WP Forum at BFA
Click here to register or to donate.
Auto self-registration is not available here - far too many spammers. This forum has many, many backlinks and because of that there is an intense desire among spammers to drop their links here.

Wordpress Themes - WP Forum at BFA » WordPress Themes » Montezuma Theme »

css in clearfix results nothing below header seen NSFW


  #1  
Old Jul 24, 2014, 11:27 AM
drashok's Avatar
drashok
 
18 posts · Nov 2012
Mumbai, India
Hi,

Link to my website NSFW

I have been trying to use code for 'tabs with only css without jquery'.
On inserting css in clearfix the post did not upload.
Now none of the posts show anything below header.

I tried similar thing in twentyfourteenchild, broke the site and got white screen, but didn't learn.

I'm sure your expertise will enable me to resolve this so that I get back my website
and hopefully I manage to get tab function in posts as well.

Thanks in advance,
Dr. Ashok
  #2  
Old Jul 24, 2014, 11:54 AM
juggledad's Avatar
juggledad
 
23,627 posts · Mar 2009
OSX 10.11.5 WP 4.x Atahualpa(all) Safari, Firefox, Chrome
what exactly did you put and exactly where?
__________________
"Tell me and I forget, teach me and I may remember, involve me and I learn." - Benjamin Franklin
Juggledad | Forum Moderator/Support
  #3  
Old Jul 25, 2014, 07:15 PM
CrouchingBruin's Avatar
CrouchingBruin
 
299 posts · Aug 2010
Santa Monica, CA
I get frequent database connection errors when I try to access your site. Where did you get the code for "tabs with only css without jquery?" It is hard to image that tabs can be implemented without some sort of scripting, because I would think an event handler would be needed to capture mouse clicks on the tabs.
__________________
My Montezuma-themed sites: ESHS Girls Basketball Team, Venice Hongwanji Buddhist Temple
Please consider making a donation to BytesForAll for their great themes!
  #4  
Old Jul 25, 2014, 09:47 PM
drashok's Avatar
drashok
 
18 posts · Nov 2012
Mumbai, India
Hi,

Thanks for your attention.

I can implement this "Only CSS-No jquery code for Tab" on a html page.

However, this doesn't work in these two WordPress themes I experimented, twentyfourteenchild and Mountezuma.

The code is incredibly simple and short.
If I am allowed to place it here below is the code.

CSS
Code:
input
{
    position: absolute;
    right: 100%;
}

input:checked + div
{
    display: block;
}
div
{
    display: none;
}
HTML
Code:
<label for="one">One</label>
<label for="two">Two</label>
<label for="three">Three</label>

<input type="radio" id="one" name="tab" checked="checked" />
<div>
    First content
</div>
<input type="radio" id="two" name="tab" />
<div>
    Second content
</div>
<input type="radio" id="three" name="tab" />
<div>
    Third content
</div>
SOURCE



http://jsfiddle.net/nzYnc/

http://stackoverflow.com/questions/4...using-only-css"

I inserted the CSS in Clearfix and HTML in the post.

Thanking you in anticipation,


What should I be doing?

Dr. Ashok
  #5  
Old Jul 26, 2014, 03:08 AM
juggledad's Avatar
juggledad
 
23,627 posts · Mar 2009
OSX 10.11.5 WP 4.x Atahualpa(all) Safari, Firefox, Chrome
the CSS
HTML Code:
div
{
    display: none;
}
says 'hid every <div...> on the page.

how many other div's do you think might exist?
your CSS is too general - try wrapping your html code in
HTML Code:
<div id="tab-test">........</div>
then add 'div#tab-test' in front of all your CSS selectors - for example
HTML Code:
div#tab-test div
{
    display: none;
}
Oh yeah, one other thing, not all answers you get from the internet actually work.
__________________
"Tell me and I forget, teach me and I may remember, involve me and I learn." - Benjamin Franklin
Juggledad | Forum Moderator/Support

Last edited by juggledad; Jul 26, 2014 at 03:22 AM.

Bookmarks

Tags
css added site broke

Thread Tools Search this Thread
Search this Thread:

Advanced Search
Display Modes


Similar Threads
Thread Thread Starter Forum Replies Last Post
Search Results billybatz9 Atahualpa 3 Wordpress theme 0 Jan 31, 2013 05:57 PM
Search Results kpkes@yahoo.com Center area post/pages 4 Jul 16, 2012 02:57 AM
Customize Search Results page when "No Results" vCopia Center area post/pages 2 Mar 1, 2011 08:05 AM
[SOLVED] Problem with class=&quot;clearfix rMenu-hor rMenu&quot; Talia Page & Category Menu Bars 5 Oct 29, 2010 01:35 PM
search bar results three50seven Header configuration & styling 1 Sep 4, 2010 06:22 AM


All times are GMT -6. The time now is 01:51 AM.


Powered by vBulletin® Copyright ©2000 - 2018, Jelsoft Enterprises Ltd.