sEnte Posted September 11, 2015 Report Share 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 Link to comment Share on other sites More sharing options...
HappyHippyHippo Posted September 11, 2015 Report Share Posted September 11, 2015 o que está a acontecer e não deveria acontecer ? IRC : sim, é algo que ainda existe >> #p@p Portugol Plus Link to comment Share on other sites More sharing options...
sEnte Posted September 11, 2015 Author Report Share 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 Link to comment Share on other sites More sharing options...
HappyHippyHippo Posted September 12, 2015 Report Share Posted September 12, 2015 tira os "float: left" IRC : sim, é algo que ainda existe >> #p@p Portugol Plus Link to comment Share on other sites More sharing options...
sEnte Posted September 12, 2015 Author Report Share 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 Link to comment Share on other sites More sharing options...
HappyHippyHippo Posted September 12, 2015 Report Share 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 Link to comment Share on other sites More sharing options...
sEnte Posted September 12, 2015 Author Report Share 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 Link to comment Share on other sites More sharing options...
HappyHippyHippo Posted September 12, 2015 Report Share 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 Link to comment Share on other sites More sharing options...
sEnte Posted September 12, 2015 Author Report Share 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 Link to comment Share on other sites More sharing options...
sEnte Posted September 13, 2015 Author Report Share 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 Link to comment Share on other sites More sharing options...
pexoia Posted September 14, 2015 Report Share 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 Link to comment Share on other sites More sharing options...
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment
Create an account
Sign up for a new account in our community. It's easy!
Register a new accountSign in
Already have an account? Sign in here.
Sign In Now