text wont centre css

**PEO** · 4th July 2009, 09:46 PM

Hello

Im trying to change the top part of the joomla site and I'm starting to make some progress, but Im having trouble making my text centred in the table using css. For some reason it keeps pulling to the left.

can anyone help me please.

css code...

Code:

.ts-1 {
	border: none;
	height: 57px;
	margin-left: auto;
	margin-right: auto;
	position: relative;
	text-align: left;
	width: 950px;
}

.ts-1-1 {
	background-color: #333333;
	border: none;
	height: 19px;
	left: 0px;
	padding: 0px;
	position: absolute;
	top: 0px;
	width: 475px;
}

.ts-1-2 {
	background-color: #333333;
	border: none;
	height: 19px;
	left: 475px;
	padding: 0px;
	position: absolute;
	top: 0px;
	width: 475px;
}

.ts-1-3 {
	border: none;
	height: 19px;
	left: 0px;
	padding: 0px;
	position: absolute;
	top: 19px;
	width: 553px;
}

.ts-1-4 {
	border: none;
	height: 19px;
	left: 553px;
	padding: 0px;
	position: absolute;
	top: 19px;
	width: 397px;
}

.ts-1-5 {
	background-color: #cc9999;
	border: none;
	height: 19px;
	left: 0px;
	padding: 0px;
	position: absolute;
	top: 38px;
	width: 950px;
}

php code

PHP Code:

 <body class="gen-1">

<!-- Header /-->

        <div class="ts-1">

            <div class="ts-1-1">

                <div align="center">spare</div>

            </div>

            <div class="ts-1-2">

                <div align="center">additional</div>

            </div>

            <div class="ts-1-3">

                <div align="center">logo</div>

            </div>

            <div class="ts-1-4">

                <div align="center">search</div>

            </div>

            <div class="ts-1-5">

                <div align="center">site menu</div>

            </div>

        </div>

    </body>

**EduTech** · 4th July 2009, 09:58 PM

this will do it:

Code:

<body class="gen-1"> 
<!-- Header /--> 
        <div class="ts-1">
        <center> 
            <div class="ts-1-1"> 
                <div>spare</div> 
            </div> 
            <div class="ts-1-2"> 
                <div>additional</div> 
            </div> 
            <div class="ts-1-3"> 
                <div>logo</div> 
            </div> 
            <div class="ts-1-4"> 
                <div>search</div> 
            </div> 
            <div class="ts-1-5"> 
                <div>site menu</div> 
            </div> 
            </center>
        </div> 
</body>

Leave the CSS as it is

James.

ignore me; it works in a general php editor.. i dont have joomla to look at the test of the code. sorry.

**PEO** · 4th July 2009, 10:02 PM

Thanks James unfortunately it dosent work. If i create this without the rest of the index content, it then works fine.... something else in the edujoomla code must be making it all go left

**PEO** · 4th July 2009, 10:03 PM

eh, where has james post reply gone lol

**PEO** · 4th July 2009, 10:14 PM

no worries

**mossj** · 4th July 2009, 10:17 PM

Why not just change ts-1, text-align from "left" to "center".

You have everything else positioned absolute so it shouldn't effect the layout. and it will be inherited down the chain.

p.s nice to see you changed the colors so you can see whats what... Neopolitten is so in this year!

**PEO** · 4th July 2009, 11:06 PM

Originally Posted by mossj

Why not just change ts-1, text-align from "left" to "center".

You have everything else positioned absolute so it shouldn't effect the layout. and it will be inherited down the chain.

p.s nice to see you changed the colors so you can see whats what... Neopolitten is so in this year!

lol!!! graphics to be added later. just doing one step at a time, I've made some progress

**PEO** · 4th July 2009, 11:19 PM

stupid problem progress. just need to create a top menu module, change sitemenu, and add graphics

**mossj** · 4th July 2009, 11:30 PM

All easy enough to do

just look it up on the Official Joomla Wiki or use sysmans templates as examples (thats what I do

)

I think all you need to do, is add the position to the xml file, and then to the php/html itself.

LinkBack

Thread Tools

Search Thread

text wont centre css

Similar Threads

IT Support Centre

Centre text with eg_brown template.

The IT Support Centre

New centre block

Thread Information

Users Browsing this Thread

Posting Permissions