media 65
Home | Login | Register | Password Reset |

Media 65 Technologies | Beta 0.6 |
User Name:   Password: 

Password Reset
Close


Go Back   Media 65 Forums > Joomla > Joomla Templates

Reply
 
Thread Tools Display Modes
  #1 (permalink)  
Old 07-04-2007, 09:49 AM
Junior Member
 
Join Date: Jun 2007
Posts: 15
Default Genisus Required, Title does not connect with Content Item Problem

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
Digg this Post!Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!
Reply With Quote
  #2 (permalink)  
Old 07-04-2007, 10:08 AM
Administrator
 
Join Date: Sep 2006
Posts: 326
Wink

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.
Digg this Post!Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!
Reply With Quote
  #3 (permalink)  
Old 07-04-2007, 08:51 PM
Junior Member
 
Join Date: Jun 2007
Posts: 15
Default Example of Problem

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.
Digg this Post!Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!
Reply With Quote
  #4 (permalink)  
Old 07-05-2007, 10:35 AM
Administrator
 
Join Date: Sep 2006
Posts: 326
Default

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
Digg this Post!Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!
Reply With Quote
Reply

Thread Tools
Display Modes

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

BB code is On
Smilies are On
[IMG] code is On
HTML code is Off
Trackbacks are On
Pingbacks are On
Refbacks are Off


All times are GMT -4. The time now is 03:23 PM.


Powered by vBulletin® Version 3.7.2
Copyright ©2000 - 2008, Jelsoft Enterprises Ltd.
Search Engine Friendly URLs by vBSEO 3.1.0