1. Este site usa cookies. Ao continuar a usar este site está a concordar com o nosso uso de cookies. Saber Mais.

Problema do css no template em Joomla

Discussão em 'Web Development' iniciada por Eagleslb, 8 de Junho de 2009. (Respostas: 5; Visualizações: 741)

  1. Boa tarde a todos, eu tenho um problema no meu site, que é o seguinte, se forem a este site http://www.testeweb.pt.vu/ e depois clicarem em compras-->compras altamente-->detalhe do produto, podem visualizar, que a descrição do produto está um pouco abaixo, como posso coloca-lo ca em cima? Alguém percebe bem de css?

    Tenho aqui o css do template do Joomla:

    body {
    margin: 0px 20px;
    padding: 0;
    text-align: center;
    color: #000000;
    background-image: url(../images/bg.jpg);
    background-repeat: repeat-x;
    background-color: #434343;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    background-attachment: fixed;
    }
    p {
    font-size: 11px;
    padding: 0px;
    margin: 0px;
    font-family: Arial, Helvetica, sans-serif;
    }
    td, tr {
    font-size: 11px;
    }
    #middle {
    text-align:center;
    }
    #container {
    margin: 0 auto;
    border: 3px solid #000000;
    text-align: left;
    background: #FFFFFF;
    border-top: none;
    }
    #header {
    height: 136px;
    background-image: url(../images/header_bg.jpg);
    background-repeat: repeat-x;
    }
    #logoarea {
    float: left;
    height: 136px;
    width: 203px;
    background-image: url(../images/logo_bg.jpg);
    color: #FFFFFF;
    }
    #logo {
    background-image: url(../images/logo.png);
    background-repeat: no-repeat;
    height: 136px;
    background-position: 50px 40px;
    width: 203px;
    }
    #rightheader {
    height: 136px;
    margin-left: 203px;
    }
    #top {
    height: 42px;
    line-height: 42px;
    float: left;
    width: 100%;
    }
    #sitename {
    float: left;
    padding-left: 10px;
    color: #CCCCCC;
    font-size: 18px;
    line-height: 42px;
    height: 42px;
    }
    #user4 {
    float: right;
    height: 34px;
    width: 185px;
    margin: 4px 0px;
    vertical-align: middle;
    }
    #user4 input,
    #user4 .input,
    #user4 .inputbox {
    background-image: url(../images/search.gif);
    background-repeat: no-repeat;
    background-position: 3px 3px;
    border: 1px solid #666;
    padding-left: 30px;
    margin: 0;
    height: 20px;
    float: left;
    background-color: #FFFFFF;
    }
    #banner {
    background-color: #E2E2E2;
    background-image: url(../images/banner.jpg);
    border-top: 2px solid #000;
    border-bottom: 2px solid #000;
    }
    #topmenu_out {
    float: left;
    overflow: hidden;
    }
    #topmenu {
    color: #000000;
    height: 80px;
    margin-top: 8px;
    line-height: 80px;
    font-size: 12px;
    float: left;
    margin-left: -3px;
    }
    #topmenu ul, #topmenu li{
    list-style-type: none;
    padding: 0px;
    margin: 0px;
    display: inline;
    }
    #topmenu li{
    float: left;
    }
    #topmenu a:link, #topmenu a:visited {
    height: 80px;
    line-height: 80px;
    display: block;
    float: left;
    text-align: center;
    color: #000000;
    padding: 0px 30px;
    background-image: url(../images/topmenu_bg.jpg);
    background-repeat: no-repeat;
    background-position: left;
    font-size: 12px;
    }
    #topmenu a:hover{
    text-decoration: none;
    background-image: url(../images/topmenu_over.jpg);
    background-repeat: repeat-x;
    }
    #maincontent {
    background-image: url(../images/maincontent.jpg);
    background-repeat: repeat-x;
    }
    #content_outmiddle, #content_outleft, #content_outright {
    background-image: url(../images/content_bg.jpg);
    background-repeat: repeat-x;
    background-position: bottom;
    border-left: 2px solid #E6E6E6;
    border-right: 2px solid #E6E6E6;
    border-bottom: 2px solid #E6E6E6;
    background-color: #FFFFFF;
    margin-bottom: 10px;
    }
    #left_outmiddle, #left_outleft, #left_outright {
    width: 190px;
    float: left;
    background-image: url(../images/maincontent.jpg);
    background-repeat: repeat-x;
    }
    #right_outmiddle, #right_outleft, #right_outright {
    width: 200px;
    float: right;
    background-image: url(../images/maincontent.jpg);
    background-repeat: repeat-x;
    }
    #left, #right {
    margin: 0px 5px 5px 5px;
    width: 190px;
    }
    #left ul,
    #right ul,
    #left ul.menu li,
    #right ul.menu li {
    list-style-type: none;
    padding: 0;
    margin: 0;
    }
    #left ul ul,
    #right ul ul,
    #left ul.menu li li,
    #right ul.menu li li {
    list-style-type: none;
    padding: 0 0 0 5px;
    margin: 0;
    }
    #left ul ul ul,
    #right ul ul ul,
    #left ul.menu li li li,
    #right ul.menu li li li {
    list-style-type: none;
    padding: 0 0 0 5px;
    margin: 0;
    }
    #left ul.menu li a,
    #left ul.menu li#current a,
    #left a.mainlevel,
    #right ul.menu li a,
    #right ul.menu li#current a,
    #right a.mainlevel {
    border-left: 3px solid #0E8FB9;
    height: 25px;
    line-height: 25px;
    display: block;
    margin: 2px 0px;
    color: #000000;
    width: auto;
    text-indent: 5px;
    font-size: 12px;
    }
    #left ul.menu a:hover,
    #right ul.menu a:hover,
    #left a.mainlevel:hover,
    #right a.mainlevel:hover,
    #left #active_menu,
    #right #active_menu,
    #left ul.menu li#current a,
    #right ul.menu li#current a {
    background-color: #68B9D3;
    text-decoration: none;
    border-left: 3px solid #68B9D3;
    color: #FFFFFF;
    }
    #left a.sublevel,
    #left ul.menu li#current li a,
    #left ul.menu li li a,
    #left ul.menu li li#current a,
    #left ul.menu li li#current li a,
    #left ul.menu li li li a,
    #right a.sublevel,
    #right ul.menu li#current li a,
    #right ul.menu li li a,
    #right ul.menu li li#current a,
    #right ul.menu li li#current li a,
    #right ul.menu li li li a {
    color: #666666 !important;
    height: 18px;
    line-height: 18px;
    padding-left: 14px;
    background: url(../images/sublevel.png) no-repeat left !important;
    padding-right: 5px;
    border: none;
    font-size: 11px;
    }
    #left a.sublevel:hover,
    #right a.sublevel:hover,
    #left ul.menu li#current li a:hover,
    #right ul.menu li#current li a:hover,
    #left ul.menu li li a:hover,
    #right ul.menu li li a:hover{
    border: none;
    text-decoration: underline;
    }
    #left a.sublevel#active_menu,
    #right a.sublevel#active_menu,
    #left ul.menu li li#current a,
    #left ul.menu li li li#current a,
    #right ul.menu li li#current a,
    #right ul.menu li li li#current a {
    background: #68B9D3 !important;
    text-decoration: none;
    color: #FFFFFF !important;
    }
    #content_outmiddle {
    margin: 0px 200px;
    }
    #content_outleft {
    margin-left: 200px;
    border-right: none;
    }
    #content_outright {
    margin-right: 200px;
    border-left: none;
    }
    #content {
    padding: 5px 5px 10px 5px;
    }
    #bannermodul {
    padding: 5px;
    }
    #pathway {
    border-bottom: 1px solid #E6E6E6;
    color: #666666;
    font-size: 10px;
    padding: 5px;
    }
    #pathway a {
    color: #666;
    }
    #left_outmiddle h3,
    #left_outleft h3,
    #left_outright h3,
    #right_outmiddle h3,
    #right_outleft h3,
    #right_outright h3 {
    background-image: url(../images/h3.jpg);
    background-repeat: repeat-x;
    color: #FFFFFF;
    font-size: 15px;
    line-height: 30px;
    height: 30px;
    text-align: left;
    margin: 5px 0px;
    text-indent: 10px;
    font-weight: normal;
    }
    #user_out {
    margin-top: 4px;
    background-image: url(../images/user_out_bg.jpg);
    border-top: 1px solid #CCC;
    background-color: #E6E6E6;
    background-repeat: repeat-x;
    padding: 0 4px;
    border-bottom: 1px solid #CCC;
    }
    #user_out .topmodule_user,
    #user_out .topmodule_user1,
    #user_out .topmodule_user2,
    #user_out .topmodule_user3 {
    background-image: url(../images/box_bg.jpg);
    background-repeat: repeat-x;
    float: left;
    }
    #user_out .topmodule_user1 {
    width: 100%;
    }
    #user_out .topmodule_user2 {
    width: 49%;
    }
    #user_out .topmodule_user3 {
    width: 32%;
    }
    #user_out .topmodule_inside {
    margin: 4px;
    overflow: hidden;
    }
    #user_out .moduletable, #user_out .moduletable td {
    width: 100%;
    }
    #user_out .topmodule_user th,
    #user_out .topmodule_user1 th,
    #user_out .topmodule_user2 th,
    #user_out .topmodule_user3 th,
    #user_out .topmodule_user h3,
    #user_out .topmodule_user1 h3,
    #user_out .topmodule_user2 h3,
    #user_out .topmodule_user3 h3,
    #bannermodul th,
    #bannermodul h3 {
    height: 25px;
    line-height: 25px;
    color: #FFF;
    font-size: 15px;
    background-color: #8B8B8B;
    padding: 0px 5px;
    text-align: left;
    font-weight: normal;
    margin: 0;
    }
    #user_out .topmodule ul, .topmodule li {
    margin: 0px;
    padding: 0px;
    }
    .sep, .sep1, .sep2, .sep3 {
    float: left;
    background-image: url(../images/sep.jpg);
    background-repeat: repeat-y;
    background-position: center;
    }
    .sep1, .sep2, .sep3 {
    width: 1%;
    }
    .sep2, .sep3 {
    }
    #bottom {
    background-image: url(../images/bottom.jpg);
    background-repeat: repeat-x;
    text-align: left;
    color: #8B8B8B;
    border-top: 1px solid #FFF;
    height: 50px;
    line-height: 50px;
    }
    #copy {
    float: left;
    font-size: 11px;
    padding-left: 10px;
    width: 40%;
    }
    #othermenu {
    float: right;
    overflow: hidden;
    font-size: 11px;
    width: 50%;
    }
    #othermenu_in ul, #othermenu_in li {
    list-style-type: none;
    margin: 0;
    padding: 0;
    display: inline;
    }
    #othermenu_in {
    margin-right: -2px;
    float: right;
    height: 50px;
    line-height: 50px;
    }
    #othermenu_in a {
    color: #8B8B8B;
    border-right: 1px solid #8B8B8B;
    padding: 0px 10px;
    }
    ul {
    list-style-type: square;
    }
    .clear{
    clear:both;
    }
    .contentheading {
    color: #0E8FB9;
    font-size: 24px;
    }
    .contentpane {
    }
    .contentpaneopen {
    }
    .contentdescription {
    padding: 10px 0px;
    }
    .componentheading {
    height: 26px;
    line-height: 26px;
    color: #FFFFFF;
    font-size: 15px;
    padding: 0px 5px;
    background-color: #0E8FB9;
    }
    a:link, a:visited {
    color: #8F0E0E;
    text-decoration: none;
    }
    a:hover {
    text-decoration: underline;
    }
    .sectiontableheader {
    padding: 3px 5px;
    background-color: #666;
    color: #FFFFFF;
    font-size: 15px;
    color: #FFFFFF;
    }
    .sectiontableentry1, .sectiontableentry2 {
    background-image: url(../images/sectiontableentry.jpg);
    background-repeat: repeat-x;
    height: 26px;
    line-height: 26px;
    font-size: 12px;
    text-indent: 5px;
    background-position: bottom;
    background-color: #FFFFFF;
    }
    .button {
    background-image: url(../images/button.jpg);
    color: #FFFFFF;
    font-size: 15px;
    border: 1px solid #9ABC57;
    margin: 5px 0px;
    background-color: #9ABC57;
    padding: 2px 3px;
    }
    .button:hover, .button:focus {
    border: 1px solid #9ABC57;
    background: #9ABC57;
    }
    .input {
    border: none;
    padding: 0;
    margin: 0;
    }
    .inputbox {
    border: 2px solid #E0E0E0;
    padding: 2px;
    }
    .small {
    color: #8B8B8B;
    font-size: 11px;
    }
    a.readon {
    background-color: #EBEBED;
    color: #8B8B8B;
    font-size: 11px;
    padding: 1px 3px;
    }
    a.readon:hover {
    text-decoration: none;
    background-color: #CCCCCC;
    }
    .back_button a {
    background-color: #EBEBED;
    color: #8B8B8B;
    border: 1px solid #8B8B8B;
    font-size: 12px;
    padding: 2px 4px;
    }
    .back_button a:hover {
    text-decoration: none;
    background-color: #CCCCCC;
    }
    .createdate {
    color: #8B8B8B;
    font-size: 11px;
    margin-bottom: 10px;
    }
    .search {
    margin: 5px 0px;
    padding: 2px;
    }
    img {
    border: none;
    padding: 0;
    margin: 0;
    }

    Fico a espera de uma resposta. Obrigado
     
  2. Site

    Boa noite, alguém me pode ajudar? É urgente! Obrigado
     
  3. paulo.joomla

    paulo.joomla Power Member

    ja les-te uns manuais de css?
     
  4. site

    Já dei uma vista de olhos, mas se alguem soube-se bem de css e de joomla, agradecia a ajuda. Alguem percebe bem de css e joomla? Obrigado
     
  5. paulo.joomla

    paulo.joomla Power Member

    acho que se estás á espera que alguem vá fazer o trabalhinho todo por ti tas enganado mas...


    utiliza algum programa para que consigas detectar qual a classe do css a alterar
     

Partilhar esta Página