- This topic is empty.
January 26, 2016 at 8:28 am #237318
I kindly ask you to take a look at this my web page: http://www.cookinggamesforkids.biz/caw/?page_id=225
I can not align vertically in the middle of my three images that are in the first line. Could you give me a hand or a suggestion? thank you very much
I decided not to use the property flex because I think still is not yet supported by all browsers most used.
Thank a lot!January 26, 2016 at 8:59 am #237319January 26, 2016 at 9:24 am #237321
Firstly…I don’t think a
dl/dtstructure is right here. Use a table (if you must) for preference.
Then …and you have a strange combination of
float…pick one or the other…not both…and is this even required?January 26, 2016 at 9:26 am #237322
As for Flexbox..it’s OK for IE10 and up. What is your requirement?January 26, 2016 at 9:33 am #237323
Hi Paulie_D, thanks a lot!
Unfortunately tags dt and dl are entered automatically from my wordpress theme, and unfortunately, I can not do without it!
What I want to achieve is to have the three images aligned to the center, that is, that the three images were balanced on the line.
Can you help me?
ps: ok, I removed float property (thanks!)January 26, 2016 at 9:34 am #237324
I would not use Flexbox because I have problems with Safari 6January 26, 2016 at 10:15 am #237331
Well if you can’t use actual tables, use CSS tablesJanuary 26, 2016 at 4:19 pm #237349
Pardon me, I do not intend to bring up any more of your precious time, but I do not think there yet. I would like the fourth image was going to head into a new line, excuse me a lot I’m not understanding how I can get this layout.
This is the example that I’d like to have
http://imgur.com/DeA6AwrJanuary 26, 2016 at 4:38 pm #237351
And this is my web page nowJanuary 27, 2016 at 2:37 am #237357
You should probably break up the page into rows of three images…then it should work.
Other than that it’s probably a little complex especially given the limitations of the structure.January 27, 2016 at 3:43 am #237361gcyrillusParticipant
you may also reset to inline, everything but dt to inline-block .
max-width on img will shrink themJanuary 27, 2016 at 5:13 am #237366
Great! Thanks a lot to everyone! Thanks Paulie_D and gcyrillus. How can I support this forum? Can I do a donation?January 27, 2016 at 7:46 am #237378gcyrillusParticipant
maybe helping someone else where you can will do ;)
- The forum ‘CSS’ is closed to new topics and replies.