Back to top

Autore Topic: CSS Template Problema  (Letto 4366 volte)

Offline St3rMiN4ToR

  • Esploratore
  • **
  • Post: 53
    • Mostra profilo
CSS Template Problema
« il: 05 Apr 2007, 11:38:40 »
Ciao a tutti, ho caricato un Template, solo che quando voglio aggiungere un contenuto, mi posiziona il cursore di default al centro della pagina, vorrei spostarlo a sinistra come in tutti, credo sia un problema di CSS, vi posto la mia config CSS del mio Template:



* { margin:0; padding:0; }

body {
font-family:arial, verdana, sans-serif;
height: 100%;
font-size: 72%;
margin:0;
padding:0;
text-align:center;
background: url(../images/bg.png) repeat-x;
color: #333;
}

/* ---Layout--- */

#pagewidth{
width:1000px;
text-align:left; 
margin-left:auto;
margin-right:auto; 
}
   
#header{
background: url(../images/header.png) no-repeat;
height:130px;
}

#logo{
position: absolute;
height:81px;
background: url(../images/logo.png) no-repeat;
width:351px;
}
 
#resizer {
float:right;
padding-right:40px;
padding-top:100px;
   }
#top{
position:relative;
height:153px;
background: url(../images/top.png) no-repeat;
width:100%;
color:#FFFFFF;
}
#topmenu{
height:51px;
background: url(../images/topmenu.png) no-repeat;
}

#top_inner{
width:958px;
padding-left:38px;
padding-right: 5px;   
color:#FFFFFF;
}
#topmenu_inner{
width:958px;
padding-left:28px;
padding-top:2px;
}
#news
{   
display:block;
width: 350px;
font-size:10px;
color:#FFFFFF;
padding-top:10px;
}

#wrapper{
background: url(../images/content.png) repeat-y;
}

#wrapper_inner{
width:960px;
margin-left:auto;
margin-right:auto; 
padding-top:15px;
padding-bottom:20px;
}

/* width of content/mainbody */
#content-left-main-right {
width: 560px;
float: left;
margin-left: 12px;
margin-right: 10px;
padding-bottom:20px;
}

#content-left-main {
width: 740px;






float: left;
margin-left: 10px;
margin-right: 10px;
padding-bottom:20px;
}

#content-main-right {
width: 750px;
float: left;
margin-right: 20px;
padding-bottom:20px;
}

#content-main-only {
margin-left: 10px;
margin-right: 20px;
padding-bottom:20px;
}
/**/

#left {
width: 170px;
float: left;
margin-left: 8px;
padding-bottom:20px;
}

#right {
width: 160px;
float: right;
margin-left: 20px;
padding-bottom:20px;
}

/* bottomshelf */
#bottom_wrap{
width:1000px;
background: url(../images/bottomshelf.png) repeat-y;
text-align:left;
margin-left:auto;
margin-right:auto;
 }

#bottom_inner{
width:960px;
margin: 0px;
padding: 0px;
overflow: auto;
 }
 
#bottom_left{
float: left;
margin-left: 10px;
padding: 10px 15px 10px 15px;
 }
 
#bottom_center{
float: left;
margin-left: 10px;
padding: 10px 15px 10px 15px;
 }
 
#bottom_right{
float: left;
margin-left: 10px;
padding: 10px 15px 10px 15px;
 } 
/**/

#footer{
width:1000px;
height:65px;
background: url(../images/footer.png) no-repeat;
clear:both;

 }
#footer_inner{
width:960px;
margin-left:auto;
margin-right:auto;
padding-top:15px;
}
 
 /* *** Float containers fix from:
 http://www.csscreator.com/attributes/containedfloat.php *** */
.clearfix:after {
 content: ".";
 display: block;
height: 0;
 clear: both;
 visibility: hidden;
 }
 
.clearfix{display: block;}





/* Hides from IE-mac \*/
* html .clearfix{height: 1%;}
.clearfix{display: block;}
/* End hide from IE-mac */ 

 /*printer styles*/
 @media print{
/*hide the left column when printing*/
#leftcol{display:none;}
#twocols, #maincol{width:100%; float:none;}
}



/* ---Styles--- */

ul
{
List-Style-Type: none
}

ol
{
List-Style-Type: none
}


/* Text and Headers */
p {
margin-top: 0;
}

div, p, table, td, th {
font-family:arial, verdana, sans-serif;
font-size: 1.0em;
color: #333333;
}

div.componentheading {
padding-left: 0px;
}

h1 {
padding: 0;
font-family:Helvetica ,Arial,sans-serif;
font-size: 1.3em;
font-weight: bold;
vertical-align: bottom;
color: #666666;
text-align: left;
width: 100%;
}

h2, h4 {
padding: 0;
font-family: Arial, Helvetica,sans-serif;
font-size: 1.4em;
font-weight: normal;
vertical-align: bottom;
color: #333333;
text-align: left;
width: 100%;
}

table.contentpaneopen h3 {
margin-top: 25px;
}


h3, table.moduletable th {
padding: 0;
font-weight: bold;
font-size : 1.2em;
color: #1f78ac;
padding-left: 0px;
padding-top:5px;
margin-bottom: 2px;
text-align: left;
}

h5 {
color: #1f78ac;
font-family: Arial, Verdana, Helvetica, sans-serif;
font-size: 13px;
font-weight: bold;
   }

h6 {
color: #1f78ac;
font-family: Arial, Verdana, Helvetica, sans-serif;
font-size: 12px;
font-weight: bold;
   }
   
.contentheading {
color: #1f78ac;


font-size : 1.3em;
font-weight:bold;

}

.componentheading {
color: #1f78ac;
font-size : 1.2em;
font-weight:bold;

}

#news  h3 {
color:#ffffff;
font-size : 1.4em;
text-align : left;
}

#bottom_left .moduletable h3, #bottom_center .moduletable h3, #bottom_right .moduletable h3  {
font-size: 1.1em;
color: #ffffff;
padding-left: 10px;
height: 15px;
background: url(../images/blue.png) no-repeat;
}

/* modules */

#news td{
color : #ffffff;
}

#bottom_left td, #bottom_center td, #bottom_right td {
color: #185f88;
}

#bottom_left p, #bottom_center p, #bottom_right p {
color: #185f88;
}
#footer_inner div{
color : #ffffff;
}
/* menu links */
ul#mainlevel-nav
{
list-style: none;
padding: 0;
margin: 0;
font-size: 0.9em;
}

ul#mainlevel-nav li
{
display: block;
float: left;
margin: 0;
white-space: nowrap;
padding-top:2px;
}

ul#mainlevel-nav li a
{
   display: block;
}

a.mainlevel-nav:link, a.mainlevel-nav:visited
{

display : block;
float:left;
color : #ffffff;
text-align : center;
width:auto;
padding-left:10px;
padding-right:10px;
line-height:33px;
height:34px;

text-decoration : none;
background: url(../images/menubg.png) no-repeat;
}


a.mainlevel-nav:hover {
color : #ffffff;
background: url(../images/menubg_hover.png) repeat-x;
width:auto;
padding-left:10px;
padding-right:10px;
height:33px;
}


a#active_menu-nav {
color : #ffffff;
background: url(../images/menubg_hover.png) repeat-x;
width:auto;
padding-left:10px;
padding-right:10px;
height:40px;}


a.mainlevel:link, a.mainlevel:visited  {
font-size: 1.0em;
display : block;
text-decoration : none;
width : 155px;
text-align : left;
color : #333333;
line-height: 25px;
list-style:none;
border-bottom : 1px solid #d9d9d9;
background: url(../images/arrows.png) no-repeat;
padding-left : 17px;
padding-top : 2px;
}

a.mainlevel:hover, a.mainlevel#active_menu:hover {
font-size: 1.0em;
width : 155px;
text-align : left;
color : #333333;
line-height: 25px;
text-decoration : none;
list-style:none;
}

a.mainlevel#active_menu {
font-size: 1.0em;
display : block;
text-decoration : none;
width : 155px;
text-align : left;
color : #333333;
line-height: 25px;
list-style:none;
}

a.sublevel:link, a.sublevel:visited {
display : block;
text-decoration : none;
width : 150px;
text-align : left;
color : #333333;
line-height: 25px;
text-indent:10px;
list-style:none;
}

a.sublevel:hover{
width : 140px;
text-align : left;
color : #666666;
line-height: 25px;
text-decoration : none;
list-style:none;
}

/* links */
a:link, a:visited
{
color: #185f88;
text-decoration : none;
font-weight:normal;
}

a:hover {
color: #185f88;
text-decoration : none;
font-weight:bold;

}
a.readon {
display: block;
float: left;
padding-left: 20px;
line-height: 14px;
height: 16px;
}

.pagenav {
/* for formatting texts for "<< Start < Previous 1 Next > End >>" links */
font-weight: normal;
color: #1f78ac;
}

a.pagenav, a.pagenav:visited {
font-weight: normal;
color: #1f78ac;
}

a.pagenav:hover {
color: #1f78ac;
font-weight: bold;
}

/* content tables */
td.sectiontableheader {
background: #efefef;
color: #333;
font-weight: bold;
padding: 4px;
}

tr.sectiontableentry0 td,
tr.sectiontableentry1 td,
tr.sectiontableentry2 td {
padding: 4px;
}

td.sectiontableentry0,
td.sectiontableentry1,
td.sectiontableentry2 {
padding: 3px;
}


/* content styles */
table.contentpaneopen, table.contentpane {
margin: 0;
padding-right: 15px;
}

table.contentpaneopen fieldset {
border: 0;
border-top: 1px solid #ddd;
}

table.contentpaneopen h3 {
margin-top: 25px;
}

table.contentpaneopen h4 {
font-family: Arial, Helvetica, sans-serif;
color: #333;
}

/* module control elements */


table.moduletable {
/* styling the module table */
margin: 0px 0px 0px 0px;
width: 95%;
   }

table.moduletable th {
/* styling the module header, and the module titles */
font-weight: bold;
text-align: left;
   }
/*
table.moduletable td {
for formatting the table cells of the module table
   }*/

/* forms */
table.adminform textarea {
width: 520px;
height: 400px;
font-size: 1em;
color: #000099;
}

div.search input {
width: 145px;
border: 1px solid #ccc;
margin: 15px 0 10px 0;

}

/* Parameter Table */
table.paramlist {
margin-top: 5px;
}

table.paramlist td.paramlist_key {
width: 128px;
text-align: left;
height: 30px;
}

div.message {
font-family : Arial, Helvetica, sans-serif;
font-weight: bold;
font-size : 1.0em;
color : #c30;
text-align: center;
width: auto;
background-color: #f9f9f9;
border: solid 1px #d5d5d5;
margin: 3px 0px 10px;
padding: 3px 20px;
}

div.offline {
width: 100%;
position: absolute;
top: 0;
left: 0;
font-size: 1.2em;
padding: 5px;
}

span.pathway {
display: block;
margin: 0 20px;
height: 16px;
line-height: 16px;
overflow: hidden;
}
.small, .createdate, .modifydate
{
font-size: 0.8em;
color: #333333;
}
.clr {
clear: both;
}

/** overlib **/
.ol-background {
   background-color: #666;
}
.ol-foreground {
   background-color: #f6f6f6;
}

.ol-textfont {
   font-family: Arial, Helvetica, sans-serif;
   font-size: 9px;
}

.ol-captionfont {
   font-family: Arial, Helvetica, sans-serif;
   font-size: 10px;
   color: #f6f6f6;
   font-weight: bold;
}
.ol-captionfont a {
   color: #0B55C4;
   text-decoration: none;
   font-size: 10px;
}

.ol-closefont {}


/* System Messages */

dl#system-message { margin: 0; padding: 0; }
#system-message dt { font-weight: bold; }
#system-message dd { margin: 0; font-size: 14px; }

/* System Standard Messages */

#system-message dt.message { display: none; }
#system-message dd.message { background: #fff; }


#system-message dd.message ul { list-style: none; color: black; padding: 10px 10px 10px 40px;}

/* System Error Messages */

#system-message dt.error { display: none; }
#system-message dd.error { background: #f00; }
#system-message dd.error ul { list-style: none; background: url(../../../images/M_images/icon_error.gif) no-repeat 10px 10px; color: white; padding: 10px 10px 10px 40px;}

.pagination span { padding: 2px; }
.pagination a    { padding: 2px; }


Grazie a tutti :)

Offline filpi5481

  • Global Moderator
  • Instancabile
  • ********
  • Post: 4106
  • Sesso: Maschio
  • NO MP TECNICI
    • Mostra profilo
Re: CSS Template Problema
« Risposta #1 il: 05 Apr 2007, 11:43:10 »
potresti mettere il link al tuo sito. così vediamo come è fatto..

ciao
Volete sapere tutto sul nuovo iPad di Apple? iPad Forum Italia
Global moderator Joomla.it

Offline St3rMiN4ToR

  • Esploratore
  • **
  • Post: 53
    • Mostra profilo
Re: CSS Template Problema
« Risposta #2 il: 05 Apr 2007, 11:44:00 »

Offline .Andrea S.

  • Instancabile
  • ******
  • Post: 4404
  • Sesso: Maschio
    • Mostra profilo
Re: CSS Template Problema
« Risposta #3 il: 05 Apr 2007, 13:02:21 »
Ciao a tutti, ho caricato un Template, solo che quando voglio aggiungere un contenuto, mi posiziona il cursore di default al centro della pagina,
.........

Non ho capito il problema  ??? ???
Io il sito lo vedo normale
Andrea | www.joomlovers.net | Il sito per gli amanti di Joomla!

Offline St3rMiN4ToR

  • Esploratore
  • **
  • Post: 53
    • Mostra profilo
Re: CSS Template Problema
« Risposta #4 il: 05 Apr 2007, 13:21:47 »
il sito ê normalissimo si, ma nella parte Administration, quando aggiungo un contenuto o qualsiasi cosa con un campo di testo, nel riquadro del testo, mi piazza il cursore al centro del riquadro, e non a sinistra come tutti gli altri :) è questo il mio problema, banale, ma sempre un problema hehe

Offline filpi5481

  • Global Moderator
  • Instancabile
  • ********
  • Post: 4106
  • Sesso: Maschio
  • NO MP TECNICI
    • Mostra profilo
Re: CSS Template Problema
« Risposta #5 il: 05 Apr 2007, 13:30:16 »
scusami.. ma non ho capito bene cosa intendi..  ::)
vorresti che il cursore del mouse si piazzi a sinistra anzichè al centro???  ??? ???  ???
Volete sapere tutto sul nuovo iPad di Apple? iPad Forum Italia
Global moderator Joomla.it

Offline St3rMiN4ToR

  • Esploratore
  • **
  • Post: 53
    • Mostra profilo
Re: CSS Template Problema
« Risposta #6 il: 05 Apr 2007, 14:35:48 »
ecco, così capite lol

http://img296.imageshack.us/img296/2413/cursorekr1.jpg

quando scrivo un nuovo contenuto o qualsiasi cosa con del testo...mi setta il cursore al centro della pagina, ma lo vorrei a sinistra come a tutti i comuni mortali :)

Offline joomlapixel

  • Abituale
  • ****
  • Post: 1555
    • Mostra profilo
Re: CSS Template Problema
« Risposta #7 il: 05 Apr 2007, 16:04:33 »
Comincia col dare un occhiata a questo
http://forum.joomla.it/index.php?topic=6142.0

Offline St3rMiN4ToR

  • Esploratore
  • **
  • Post: 53
    • Mostra profilo
Re: CSS Template Problema
« Risposta #8 il: 05 Apr 2007, 17:02:11 »
oh perfetto, grazie mille molto gentile ho risolto!!

 



Web Design Bolzano Kreatif