3 replies to this topic

[D@kness @ngel]

Po é o seguinte, estou fazendo um site com dl, (lista de definição) então coloco o dt com o que eu quero e depois o dd, ta, até ai tudo bem, ai eu quero colocar uma figura que fique alinhada a esquerda da dl, ai eu coloco no css para imagem a linha float: left; ela vai pra esquerda, só que o dl se quebra o dt fica do lado da figura e o dd fica em baixo, mais quando boto bordas no dd, para ver o que pode estar havendo, vejo que a figura esta dentro da tag dd, só que aundo vou no codigo a imagem esta fora da tag dl,, só que quando eu abro no browser fica certo, mas quando faço que alinhe para direita a imagem fica abaixo ou acima do dl! ai não fica certo no browser!

[No Rain]

Acho que o problema está no alinhamento da figura. Veja bem...alinhamento da figura...nao do paragrafo. Tente alinhar a figura em middle ou absoluttle middle. Este é o alinhamento da figura em relação ao paragrafo, no seu caso em relação a DL. Espero que ajude...se nao for postae pra gente quebrar a cabeça, ou melhor, posta o código dessa parte pra entender melhor.

[D@kness @ngel]

Acho que o problema está no alinhamento da figura. Veja bem...alinhamento da figura...nao do paragrafo. Tente alinhar a figura em middle ou absoluttle middle. Este é o alinhamento da figura em relação ao paragrafo, no seu caso em relação a DL. Espero que ajude...se nao for postae pra gente quebrar a cabeça, ou melhor, posta o código dessa parte pra entender melhor.

Ai vai o codigo, fiz o ele falow ai em cima, mas não adiantou,
esse é o codigo do html.


<img src="img/fig_01.jpg">
<dl>
<dt> Pessoas </dt>
<dd> Estou grávida! E agora? </dd>
<dd> Prêmio " Revelação do Varejo" </dd>
</dl>


Esses são os codigos do css!

#coluna-1 img{
margin: 5px;
float: left;
}

#coluna-1 dl {
border: 0px solid #000000;
margin: 0px;
padding: 0px;
}

#coluna-1 dl dt {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 14px;
font-weight: bold;
color: #0066CC;
}

#coluna-1 dl dd {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
width: 100%;
color: #336699;
background-image: url(img/ico_seta.jpg);
background-repeat: no-repeat;
background-position: 2px 4px;
border: 0px solid #000000;
padding-left: 17px;
padding-bottom: 5px;
padding-top: 3px;
}

Lembrando que eu estou usando um div como coluna, por isso o #coluna-1!

Valeu pessoal!!!

[No Rain]

Cara. Vc quer que fique a imagem na esquerda de toda a tua DL? Pq vc simplesmente nao insere sua img dentro da dt e alinha ela para a esquerda?? como anexo....
Nao entendi pq vc tá usando css para alinhamento. Acho que isso só tá complicando sua vida

Attached Files

•  dlapagar.gif   5.44KB   0 downloads