O que está errado com esse pequeno CSS ? [RESOLVIDO] !

Galera, preciso por favor de uma força. Já utilizo o Joomla faz tempo, a parte do sistema eu domino, mas template ainda estou aprendendo a fazer. Só recentemente comecei a querer fazer template do zero.

Estou montando um template simples, do zero, com 3 colunas para um trabalho que tenho, ja fiz tudo ( index.php, o xml e agora o css ) Mas travei em duas coisas do css que não consigo resolver, não sou expert em css, estou aprendendo sozinho também, mas tem certas coisas que é fogo. <!-- s:o --><img src="{SMILIES_PATH}/icon_e_surprised.gif" alt=":o" title="Surpreso" /><!-- s:o -->

Prentendo ir aprimorando o template aos poucos conforme eu for aprendendo.

No caso é o seguinte, o texto da coluna do meio vaza. Coloquei na div do css ( na coluna do meio ) overflow hidden, mas o texto continua vazado, só que aí fica embaixo.

Além disso não consigo tirar a borda dos icones ( onde tem imprimir, pdf e email )
Coloquei na classe do ccs: img { border: none; } mas não adiantou

E na parte da coluna que o texto vaza o css está assim:

#centro {

float: left;
width: 510px;
margin-top: 5px;
margin-left: 5px;
margin-right: 5px;
border: 1px solid #CCC;
padding: 10px;
line-height:1.3em;
}

ou

#centro {

float: left;
width: 510px;
margin-top: 5px;
margin-left: 5px;
margin-right: 5px;
border: 1px solid #CCC;
padding: 10px;
line-height:1.3em;
overflow:hidden;
}

Tentei adicionar: word-wrap: break-word; no css
Aí o texto quebrou automaticamente e deixou de vazar, mas ficou estanho.

Na index php coloquei assim:


<div id="centro">
<jdoc:include type="component" />
</div>

Veja o resultado na imagem anexo....

Oque será ? <!-- s:evil: --><img src="{SMILIES_PATH}/icon_evil.gif" alt=":evil:" title="Mal ou Muito Furioso" /><!-- s:evil: -->

Por favor preciso de uma força, já pesquisei bastante e tentei várias coisas mas não consegui.
Agradeço desde já

Olá Luciano,

No problema 1 tente usar:
img {border:0 none;text-decoration:none; }

No 2: Vc já experimentou colocar espaços no seu texto? Na imagem está: sdddddddddddfffffffffffffffffffffffffffffffff. Aí não tem com quebrar mesmo...

Abs.

Valeu pela dica, a borda da imagem resolveu.

Mas a questão do texto estourar é o seguinte, não esta havendo uma área delimitadora dentro da DIV que bloqueie os textos de vazar, essa quebra pelo que sei tem que ser automática , ou seja, teoricamente eu não deveria precisar dar espaço manual quando digito o texto no adm do artigos ( para que ele não "vaze" ). Pelo menos em layouts prontos que eu usei era assim.

O ddddfffff que coloquei é somente um texto de exemplo, poderia se qualquer tipo de texto que vazaria do mesmo jeito. Essa é a questão. Como travar o texto para não vazar na coluna direita ?

Por exemplo, se eu digitar: oooooooooooooooooooooooo até o final e não der um enter no teclado e depois salvar. quando eu for abrir a pagina no site esse texto estará até o fim da página, passando por cima da coluna direita, entendeu ?

ooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooo

Como vc pode ver acima, isso é normal acontecer.
Não normal seria vc digitar uma palavra tão extensa sem espaços.