Textpattern CMS support forum
You are not logged in. Register | Login | Help
- Topics: Active | Unanswered
Pages: 1
Format Problem
Hey guys,
I’ve recently installed textpattern onto my website, and I seem to be having some problems getting the formatting to work correctly. I’ve set up the design the way I want it, but the way the formatting works is messed up, and I can’t figure out why. I’ve tried searching the website and this forum for already answered questions, but couldn’t find anything that could assist why my design isn’t working.
The website is http://www.bleedpunk.net, and the way I wanted it to show up is with the bleedpunk logo (which is not displayed on the website just yet) to be at the top, centered. Then I want it to be in two different columns, with the column on the left with the links and the column on the right with the content. But how it’s showing up now is with the links above the content, not in it’s own column.
Here’s a screen shot of what I’m looking at, incase it shows up differently for anybody else:
http://bleedpunk.net/images/problem.gif
I also was wondering if anybody could tell me where I’m supposed to put the coding to put the bleedpunk logo at the top center, that’d be great. =)
If anybody could help out, I’d really appreciate. =)
Thanks so much,
-Bobby
Offline
Re: Format Problem
You need to fix up your css. Alot of the layout stuff you’ve added in doesn’t exist on the page itself. Just make sure you <code>float:</code> the sidebars and let the main column pop up. Also, keep in mind the box model while doing that.
Offline
Re: Format Problem
Hey Walker,
Thanks for the reply. We’re all still really new to this, so does anybody think they can explain/link us to something that can explain how to “float” the sidebars, as mentioned?
Thanks so much!
Offline
Offline
Re: Format Problem
<code>
#sidebar-1 {
margin-right: 5px;
padding-top: 100px;
float: left;
width: 150px;
}
#sidebar-2 {
margin-left: 5px;
padding-top: 100px;
float: right;
width: 150px;
}</code>
(from the default styles)
For the logo, you could use something like this:
<code>
h1 a {
width: 400px; /*logo width*/
height: 300px; /*logo height */
margin: 200px auto 10px; /*top, left and right, bottom */
background: url(/images/logo.png);
display: block;
text-indent: -9999px;
}
</code>
Offline
Re: Format Problem
Oh, you rock!!! That looks great! We’re going to try it out now! Thanks for the link!
Offline
Re: Format Problem
Hey guys,
Okay, so I used the “two box” CSS from the link provided by Walker to seperate the columns. The problem still persists though; the entires are showing up under the menu, even though they are in two seperate boxes. Can anybody tell me how I go about moving the content up to the top?
Thanks so much!
Offline
Re: Format Problem
Did you change the id or class in the HTML (Login>Presentation>Page)?
Basically:
id– ex:<div id="example">; can be used once in a page; represented by the pound symbol in CSS (#example {})class– ex:<div class="other">; can be reused in a page; represented by a period in CSS (.other {})
Offline
Re: Format Problem
Thank you SO much! I didn’t realize we forgot to change the information in the HTML. Looks great now! Now we just have to fine tune the rest of the design and we’ll be set to transfer over the info to the new domain! Thanks so much!!
Offline
Pages: 1