nucleon
Forum Replies Created
-
Forum: Themes and Templates
In reply to: Change Sidebar PositionPSalvia
Hey, ok this is a rather simple fix, but takes a bit of tweaking to get “right”.
Basically to put those columns on the right, you will need to either float the Center part of your content left, or float those columns right using CSS commands float: left or float: right. In doing so you also have to ensure that you clear your floats correctly, by placing a div INSIDE the floated div whose only property is clear: both; (or firefox dies) as well as size all of the related divs to allow space for the floated items to appear side by side. In order for divs to appear side by side (which is what occurs with floats) there has to be enough room for them to do so.Floats are tricky at first, but quite simple once you have a grasp for them. Good luck
[sig moderated]
Forum: Themes and Templates
In reply to: Deleting the sidebarOKPeery
My suggestion would be if you want ONE specific page to operate in ONE specific way, that you assign a class to the unique page you want that will size that entry appropriately. So instead of having
<div id="content">Content</div>
use on your full width unique pages
<div id="content" class="full_width">Content</div>
With the CSS being
.full_width { width: 100%, or 800px, or whatever is relevent; }Simply attach the class to the content DIV in the pages you want to be sidebarless. Not neccessarily the most elegant solution, but it works =p.
The advantage of attaching a class instead of creating another DIV-id is that i’m guessing you want the content on all the pages to still be styled in the same manner just with a differing widths. If you used another DIV-ID you would have to duplicate the styling code for your current DIV-ID into the new div-ID, and anytime you are duplicating code problems will soon appear.
Forum: Fixing WordPress
In reply to: get rid of the bullets and lists for linksWell first off, to remove bullets from UL’s you use the CSS command
ul { list-style: none; }With regards to other things you are trying to figure out you will need to be more specific in what you want to accomplish, or a link to your website always helps people diagnose issues.
————
News/Sports/Life at http://www.DecorateLife.netForum: Fixing WordPress
In reply to: content not centered with header and weird spaces?To my knowledge the flow is like this
<container 900px wide> <masthead 900px wide></masthead> <content-box 900px wide> <column 1 float: left> <column 2 float: left> <column 3 float: right> </content-box> <footer></footer> </container>Forum: Fixing WordPress
In reply to: content not centered with header and weird spaces?Wow… i’m looking through your source code and I have to say it needs a lot of work. Here’s my first tip for l_sidebar, fix this and we’ll move on to fix other things.
Lets start with your l_sidebar
you have<div id="l_sidebar"> <ul class="sidebar_list"> <li id="text-1" class="widget widget_text"> <div class="textwidget"><a href = "http://bloggingforjesus.net/?page_id=8>Bible Study</a> <a href = http://bloggingforjesus.net/?page_id=9>Devotional</a> <a href="http://bloggingforjesus.net/? page_id=10">Staying Healthy</a></br> <a href="http://bloggingforjesus.net/? page_id=11">Making Ends Meet</a></br> <a href="http://bloggingforjesus.net/?page_id=12">Housework</a></br> <a href="http://bloggingforjesus.net/?page_id=13">Marriage</a></br> <a href="http://bloggingforjesus.net/?page_id=14">Parenting</a></br> <a href="http://bloggingforjesus.net/?page_id=15">Missionaries</a></br> <a href="http://bloggingforjesus.net/?page_id=16">Entertainment</a></br> <a href="http://bloggingforjesus.net/? page_id=17">Prayer Requests</a></br>First, when you use
<ul>stands for unordered list… within a UL EVERY element needs to have an<li></li>around it (list element).So. You need
<li><a href="http://bloggingforjesus.net/?page_id=12">Housework</a></li>
etc for all the elements. Secondly do not usetags, ever, with CSS based markup. There is no need to use BR’s with UL. If you want a bit of space between every item in your list then you style it with the following CSS.
#l_sidebar li { padding-bottom: 5px; }That makes it so that every LI inside of #l_sidebar recieves a 5px padding on the bottom. See what i’m saying? Thirdly, you have a DIV INSIDE your UL… I don’t understand the purpose for that. Very very very rarely should you have a DIV inside a UL. I’m using cutline 3 for my website as well ( http://www.decoratelife.net ) so i’m familiar with the layout of it. Fix these problems and we’ll work on getting the alignment right.
Forum: Your WordPress
In reply to: News Site – Feedback needed – DecorateLife.netAgreed, I think I will shrink the RSS logo’s a bit, but i’m having a bit of problem with the a:hover on them.
My nav bar is like this
<ul><li><a>Front Page</a><a><img src="rss"/></a></li> </ul>So as you can see inside each LI there is text and an icon for the RSS feed. This allows me to attach a margin-right to the LI’s to space them out accordingly. In order to create the blue line when you hover over I use the following line of code.
li a:hover { border-bottom: 3px solid #006ff4; }The problem is I don’t want it to create the blue line when someone hovers over the RSS img… I’ve tried li a:hover img {border-bottom: none;} but that doesn’t work =p. Anyone have any idea how to fix this one?