sEnte 0 Report post Posted September 11, 2015 (edited) Boa noite. Estou aqui a criar uma página para uma newsletter em HTML5 e CSS Estava tudo direito até adicionar <figure> <img src="img/"> </figure> aqui fica o fiddle com o código. http://jsfiddle.net/bpmKW/588/ Aproveitava e pedia uma opinião. Para uma newsletter o 'post' com uma imagem fica melhor se ficar por exemplo um div com 500x300 onde a imagem fica 150x300 e o texto e titulo ocupam o restante ou se esses 500x300 tem 3 divs interiores diferentes onde o titulo ocupa 100 da largura e por baixo a imagem com o texto ao lado. Edited September 11, 2015 by sEnte "If It Ain't Broke, Break it and build something Cooler!" Unknown Share this post Link to post Share on other sites
HappyHippyHippo 1,165 Report post Posted September 11, 2015 o que está a acontecer e não deveria acontecer ? IRC : sim, é algo que ainda existe >> #p@p Portugol Plus Share this post Link to post Share on other sites
sEnte 0 Report post Posted September 11, 2015 A parte que está a "amarelo" a qual dei o nome de article deveria conter a parte que tem o titulo, o texto e a imagem. abri a tag <figure> dentro do article e ficou como na imagem. "If It Ain't Broke, Break it and build something Cooler!" Unknown Share this post Link to post Share on other sites
HappyHippyHippo 1,165 Report post Posted September 12, 2015 tira os "float: left" IRC : sim, é algo que ainda existe >> #p@p Portugol Plus Share this post Link to post Share on other sites
sEnte 0 Report post Posted September 12, 2015 Ok obrigado, já tirei e por enquanto resolveu, Agora como meto o texto junto da foto? "If It Ain't Broke, Break it and build something Cooler!" Unknown Share this post Link to post Share on other sites
HappyHippyHippo 1,165 Report post Posted September 12, 2015 tens de ser mais claro nas explicações do que pretendes IRC : sim, é algo que ainda existe >> #p@p Portugol Plus Share this post Link to post Share on other sites
sEnte 0 Report post Posted September 12, 2015 Basicamente é isto que eu quero fazer. rectângulo a preto é o titulo, o laranja é a imagem e o vermelho é o texto. Normalmente para uma newsletter qual dos dois costuma ficar melhor? "If It Ain't Broke, Break it and build something Cooler!" Unknown Share this post Link to post Share on other sites
HappyHippyHippo 1,165 Report post Posted September 12, 2015 O que fica melhor e sempre relativo. Afinal qual queres? O que fica melhor e sempre relativo. Afinal qual queres? IRC : sim, é algo que ainda existe >> #p@p Portugol Plus Share this post Link to post Share on other sites
sEnte 0 Report post Posted September 12, 2015 Das duas formas. Quais as alterações que tenho que fazer? "If It Ain't Broke, Break it and build something Cooler!" Unknown Share this post Link to post Share on other sites
sEnte 0 Report post Posted September 13, 2015 Serão estas as formas mais corretas de fazer o que queria com a imagem? - Imagem do lado esquerdo do texto e por baixo do titulo https://jsfiddle.net/bpmKW/596/ - imagem do lado esquerdo do div do texto e titulos https://jsfiddle.net/bpmKW/597/ "If It Ain't Broke, Break it and build something Cooler!" Unknown Share this post Link to post Share on other sites
pexoia 0 Report post Posted September 14, 2015 Boas, Editei o teu codigo, organizei ele um bocado e meti do jeito que tu queres acho. Se for assim diz https://jsfiddle.net/bpmKW/599/ Cumprimentos Share this post Link to post Share on other sites