Hey guys ! wass'up . i had asked a similar question in the past here about vertically aligning stuff and gary had given a great answer to my question .
But i have a similar situation , but this time with floats . and the table and table-cell solution does't seem to be working .
heres my HTML :
<div class="container"> <div class="col-6"> <img src="http://images2.fanpop.com/image/photos/9400000/Random-random-9449476-1680-1050.jpg" alt=""> </div> <div class="col-6">
Hi, i have 3 td columns. When I placed an image in the 1st , the 2nd and 3rd td dropped down. Can you tell me how to fix it?
thanks. I want all 3 columns' items to vertically align at top of each tab cell.
BTW I'm using html5 and CSS3.
In HTML file scroll down to - 3 columns start here - That is the section I'm talking about.
And in the CSS file scroll down to /****** HOME PAGE ONLY *****/ That section contains the coding.
I am trying to adjust the menu tabs on this page:
so that if a tab has just one line as opposed to two. it vertically aligns to the bottom of the tab area instead of the top as the "Test" tab does on the page.
Here is the CSS for the menu tabs:
border-top: 1px solid #343434;
font-family: 'Oswald', Helvetica, Arial, sans-serif;
Hello css gurus.
First of all I'd like to say that I am aware that there are a similar thread just a couple of rows down, however it doesn't have any attached code nor any good answers. So I will give it a shot!
I have a set of images that get displayed a on page. They can be varied sizes. But they all scale to a maximum of 120x120.
Now, I would like to display the images vertically aligned in the middle. I am able to display the images next to each other.
But what I am unable to achieve is to have the first image align vertically at the middle of the next image.
See attachment for how it currently looks. I would like the first image to align at the middle, so that vertical-align: middle is achieved, and not vertical-align:top.
Any help is appreciated.