|
|||
|
Hey guys one last small problem, I've been trying to put a box around both my content item and My title. This may be completely wrong but for some resason when I put for example:
.contentpaneopen border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-top-color: #4EA7FF; border-right-color: #4EA7FF; border-bottom-color: #4EA7FF; border-left-color: #4EA7FF; the Title and content item are separate and each have their own complete box instead of just one for the entire post. This is the same again for background images, I cant get them to become one instead of two separate pieces. If anyone has an answer please let me know, I'm desperate to get this web site finished |
|
|||
|
I'm not working today but I need to see an image of your issue.
Please note: that each piece of the main content com of Joomla is like a table it's self so not all the pieces fit as one when you styling them. In English what that means is that you many have to style two class's to get the effect your looking for. see image cut outs in in our free css guide to the Joomla style sheet. http://www.m65.net/article-pages-joo...51-93.html#1_1 The content section each piece that is in blue is the part effected ie the table that needs style. Now Joomla has a few layout that turn on and off if title links are active. that a look it should make sent ![]() Cheers, Brian happy fourth. |
|
|||
|
Thanx for taking the time to help
![]() Okay, theres a whole box around the title and a whole box around the content item as you can see here: (i set up an Image but it wont display) hmmmmm, You see how where it says 'Ztyle' on this post? There is a Grey line underneath that 'separates' it from the content item I am writing in now. I want both the Ztyle (title) section and the content Item I'm writing in now to be the same colour in one simple box without the Grey line as a divider which is currently whats happening. It seems extreamly simple and I can see it done all over the internet but when I do it I get 2 boxs instead of one giant box for the whole thing to sit in. Last edited by Ztyle; 07-04-2007 at 08:58 PM. |
|
|||
|
Hi
The issue with this is not that you’re doing something wrong from what see. But that Joomla uses tables which is fine but each table is assigned for a blog style layout a contentpaneopen class. Now you have two tables one for the title one for the content part so you’re going to get two boxes. I think the solution for your issue and your going to kick yourself is to not format the borders on the contentpaneopen class. But make a table or div in the index.php template itself then inside that table or div add the mainbody call so that your content is surrounded by your rounded cornered table or div.If you look at some the templates that come with the kit I have done this with tables. http://www.m65.net/article-template-products-joomla!-templates-blue-round-corners-60-4.html#1_9 You could just copy and the code and style or change to your liking. Doing it in div’s is fine to. ------------------- | | | | | Main body | | | ------------------- /* round corners class */ .round {background: url(../images/bl_grey.gif) 0 100% no-repeat #dddddd; width: 20em; margin-bottom: 10px;} .round div {background: url(../images/br_grey.gif) 100% 100% no-repeat} .round div div {background: url(../images/tl_grey.gif) 0 0 no-repeat} .round div div div {background: url(../images/tr_grey.gif) 100% 0 no-repeat; padding:10px; padding-top: 0px; padding-bottom: 2px;} .round div div div div {background: none;} <!-- HTML Code --> <div class="round"> <div> <div> Main Body Call </div> </div> </div> </div> Cheers, Brian |
![]() |
| Thread Tools | |
| Display Modes | |
|
|