- Postagens: 6
- Obrigados Recebidos: 0
- Fórum
- /
- Suporte Joomla
- /
- Templates
- /
- Joomla 1.5
- /
- O que está errado com esse pequeno CSS ? [RESOLVIDO] !
O que está errado com esse pequeno CSS ? [RESOLVIDO] !
- LucianoSR
-
Autor do Tópico
- Offline
- JCB! Novato
-
Menos
Mais
15 anos 4 meses atrás #33603
por LucianoSR
LucianoSR replied the topic: Re: O que está errado com esse pequeno CSS ? Uma força...
Mas não tem como travar a div no css em pixels para o texto não vazar ?
Estou usando um template ponto em um site, não acontece isso.
Estou usando um template ponto em um site, não acontece isso.
Please Entrar ou Registrar to join the conversation.
- Acimar Rocha
-
- Offline
- JCB! Geek
-
15 anos 3 meses atrás #33616
por Acimar Rocha
Acimar Rocha -[color=#0080FF:36wlu71r] [url:36wlu71r]http://www.webpositiva.com.br[/url:36wlu71r][/color:36wlu71r]
[i:36wlu71r][color=#400000:36wlu71r]Você não pode ter tudo... Onde você colocaria?[/color:36wlu71r][/i:36wlu71r]
Acimar Rocha replied the topic: Re: O que está errado com esse pequeno CSS ? Uma força...
Deve ter alguma propriedade que faz isso, se alguém lembrar, avisa aí....
Acimar Rocha -[color=#0080FF:36wlu71r] [url:36wlu71r]http://www.webpositiva.com.br[/url:36wlu71r][/color:36wlu71r]
[i:36wlu71r][color=#400000:36wlu71r]Você não pode ter tudo... Onde você colocaria?[/color:36wlu71r][/i:36wlu71r]
Please Entrar ou Registrar to join the conversation.
- Andre MaNcHa
-
- Offline
- JCB! Hero
-
15 anos 3 meses atrás #33620
por Andre MaNcHa
Andre MaNcHa replied the topic: Re: O que está errado com esse pequeno CSS ? Uma força...
Como o Acimar explicou, se a palavra for sem espaços vai acontecer, mas como não existe palavras assim.. experimente um texto do Lorem ipsum.
Depois encontre a DIV do meio, no caso do quadro "Quem somos" e tente aplicar o seguinte:Tente usar uma medida width caso não resolva também:Se estivesse online seria mais fácil ajudar..
Abs <!-- s:ugeek: --><img src="{SMILIES_PATH}/icon_e_ugeek.gif" alt=":ugeek:" title="Uber Geek" /><!-- s:ugeek: -->
Depois encontre a DIV do meio, no caso do quadro "Quem somos" e tente aplicar o seguinte:
div { display: table; }div { width: 500px; }Abs <!-- s:ugeek: --><img src="{SMILIES_PATH}/icon_e_ugeek.gif" alt=":ugeek:" title="Uber Geek" /><!-- s:ugeek: -->
Please Entrar ou Registrar to join the conversation.
- LucianoSR
-
- Offline
- JCB! Novato
-
Menos
Mais
- Postagens: 6
- Obrigados Recebidos: 0
15 anos 3 meses atrás #33647
por LucianoSR
LucianoSR replied the topic: Re: O que está errado com esse pequeno CSS ? Uma força...
Puz não deu certo, um mistério isso. Vou postar o a index.php e o css pra ver se alguém tem uma luz:
index .php
========================================================
<?php
defined( '_JEXEC' ) or die( 'Restricted access' );
?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" " www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> ;
<html xmlns=" www.w3.org/1999/xhtml" ; xml:lang="<?php echo $this->language; ?>" lang="<?php echo $this->language; ?>" >
<head>
<jdoc:include type="head" />
<link rel="stylesheet" href="templates/_system/css/general.css" type="text/css" />
<link rel="stylesheet" href="templates/<?php echo $this->template ?>/css/template.css" type="text/css" />
</head>
<body>
<div id="wrap">
<div id="header">
<jdoc:include type="modules" name="header" style="" />
</div>
<div id="top">
<jdoc:include type="modules" name="top" style="xhtml" />
</div>
<div id="pathway">
<jdoc:include type="module" name="breadcrumbs" />
</div>
<div id="left">
<jdoc:include type="modules" name="left" style="xhtml" />
</div>
<div id="centro">
<jdoc:include type="component" />
</div>
<div id="right">
<jdoc:include type="modules" name="right" style="xhtml" />
</div>
<div id="footer">
</div>
</div>
</body>
</html>
============================================================
CSS
BODY{ font-family:Tahoma, Geneva, sans-serif;
font-size:13px;
text-align: justify;
background: #ffffff;
}
P{ width: 500px;
}
H1{
}
H2{
}
H3{ size:14px;
}
a:link, a:active, a:visited{ text-decoration: none;
}
a:hover{ color: #999;
}
#wrap {
width:960px;
border: 1px solid #cccccc;
margin: 0 auto;
text-align:left
}
#header {
height: 150px;
background:#090;
}
#left {
float: left;
width: 180px;
border: 1px solid #CCC;
margin-left:5px;
margin-bottom: 15px;
margin-top: 5px;
padding: 10px;
}
#right {
float: left;
width: 180px;
margin-top: 5px;
border: 1px solid #CCC;
margin-right:5px;
margin-bottom: 15px;
padding: 10px;
}
#centro {
float: left;
width: 510px;
margin-top: 5px;
margin-left: 5px;
margin-right: 5px;
border: 1px solid #CCC;
padding: 10px;
line-height:1.3em;
display: table;
}
#footer {
clear:both;
text-align:center;
background:#060;
color: #FFF;
padding: 10px;
}
img {border:0 none;text-decoration:none;
}
.breadcrumbs{
margin-left: 10px;
}
.clr{
clear:both;
}
.componentheading, .contentheading {
background:#eeeeee; }
.sectiontableentry1{
text-align:left;
}
.sectiontableentry2{
text-align:left;}
index .php
========================================================
<?php
defined( '_JEXEC' ) or die( 'Restricted access' );
?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" " www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> ;
<html xmlns=" www.w3.org/1999/xhtml" ; xml:lang="<?php echo $this->language; ?>" lang="<?php echo $this->language; ?>" >
<head>
<jdoc:include type="head" />
<link rel="stylesheet" href="templates/_system/css/general.css" type="text/css" />
<link rel="stylesheet" href="templates/<?php echo $this->template ?>/css/template.css" type="text/css" />
</head>
<body>
<div id="wrap">
<div id="header">
<jdoc:include type="modules" name="header" style="" />
</div>
<div id="top">
<jdoc:include type="modules" name="top" style="xhtml" />
</div>
<div id="pathway">
<jdoc:include type="module" name="breadcrumbs" />
</div>
<div id="left">
<jdoc:include type="modules" name="left" style="xhtml" />
</div>
<div id="centro">
<jdoc:include type="component" />
</div>
<div id="right">
<jdoc:include type="modules" name="right" style="xhtml" />
</div>
<div id="footer">
</div>
</div>
</body>
</html>
============================================================
CSS
BODY{ font-family:Tahoma, Geneva, sans-serif;
font-size:13px;
text-align: justify;
background: #ffffff;
}
P{ width: 500px;
}
H1{
}
H2{
}
H3{ size:14px;
}
a:link, a:active, a:visited{ text-decoration: none;
}
a:hover{ color: #999;
}
#wrap {
width:960px;
border: 1px solid #cccccc;
margin: 0 auto;
text-align:left
}
#header {
height: 150px;
background:#090;
}
#left {
float: left;
width: 180px;
border: 1px solid #CCC;
margin-left:5px;
margin-bottom: 15px;
margin-top: 5px;
padding: 10px;
}
#right {
float: left;
width: 180px;
margin-top: 5px;
border: 1px solid #CCC;
margin-right:5px;
margin-bottom: 15px;
padding: 10px;
}
#centro {
float: left;
width: 510px;
margin-top: 5px;
margin-left: 5px;
margin-right: 5px;
border: 1px solid #CCC;
padding: 10px;
line-height:1.3em;
display: table;
}
#footer {
clear:both;
text-align:center;
background:#060;
color: #FFF;
padding: 10px;
}
img {border:0 none;text-decoration:none;
}
.breadcrumbs{
margin-left: 10px;
}
.clr{
clear:both;
}
.componentheading, .contentheading {
background:#eeeeee; }
.sectiontableentry1{
text-align:left;
}
.sectiontableentry2{
text-align:left;}
Please Entrar ou Registrar to join the conversation.
- Andre MaNcHa
-
- Offline
- JCB! Hero
-
15 anos 3 meses atrás #33650
por Andre MaNcHa
Andre MaNcHa replied the topic: Re: O que está errado com esse pequeno CSS ? Uma força...
Você trocou o texto por outro com palavras normais?
Poste uma imagem pra nós...
Abs <!-- s:ugeek: --><img src="{SMILIES_PATH}/icon_e_ugeek.gif" alt=":ugeek:" title="Uber Geek" /><!-- s:ugeek: -->
Poste uma imagem pra nós...
Abs <!-- s:ugeek: --><img src="{SMILIES_PATH}/icon_e_ugeek.gif" alt=":ugeek:" title="Uber Geek" /><!-- s:ugeek: -->
Please Entrar ou Registrar to join the conversation.