All Questions
31 questions
0
votes
1
answer
35
views
float:left not working for me in HTML CSS
I have developed a script to present an active YouTube chat along with a summary of who's in the chat. The idea is that the table of chat items will appear to the right of the list of chat members. ...
- 1,182
2
votes
2
answers
586
views
HTML/CSS Make table full width while having float right image
I would like to make a table full (remaining) width without getting pushed away by an "float: right" image. The (simplified) code is like this:
<div>
<img style="float: right;&...
- 53
1
vote
1
answer
44
views
How do I set a floating element automatically fill the remaining height of its parent element (height not fixed and displayed as a table)?
I have the following code:
.parent {width: 960px; display: table}
.1 {
width: 45%;
margin: 20px;
float: left;
height: 1000px; /* it can be smaller or bigger than this value to fit ...
- 7,443
5
votes
5
answers
10k
views
Align button to the right in td element
I have a <td> element with content and a button. The width of the content should be all except the width of the button which will be fixed. The button should be aligned to the right of the ...
- 7,875
0
votes
1
answer
124
views
How to horizontally rotate table headings and keep col widths auto?
I want to rotate either table headings or an element inside the table headings 270 degrees (using transform:rotate (270 top left) or similar), AND have the width of the column be the height (before ...
- 481
0
votes
0
answers
89
views
Prevent collapse of several floating left tables
I have several floating left tables wrapped into a div. The question is how to prevent/avoid these tables to collapse when screen resolution is low. My code:
<html>
<head>
<...
- 5,316
1
vote
3
answers
2k
views
Two Row Table With Three Columns Using Divs
I've looked at other questions and none of them answer what I'm looking for here. The requirements I need:
Three columns
Two rows
Header row
All text align toward the top
Code I currently have:
<...
- 149
0
votes
2
answers
41
views
Removing extra spacing on top of a table
I'm creating a layout using div and table.
<div class="main-container bg-white">
<div class="main-content-container bg-blue">
<div class="logo-container">
<img src="...
- 370
0
votes
3
answers
1k
views
Turn Html table row into two floating divs with css
I am trying to transfer a table into a set of floating divs and I can't seem to get it. How can I make .div1 and .div2 behave like .td1 and .td2?
UPDATED (also replaced prior icon with image to show ...
- 2,393
2
votes
1
answer
2k
views
Parent div shrinking smaller than width of child table
I have a wrapper div with only a fixed height. There are two child divs, both of which are floated to be horizontal. The right-hand child div contains a table. I expect the right-hand div to shrink to ...
- 1,301
2
votes
1
answer
1k
views
Get table to fill remaining width
I'm having a bit of trouble getting my table to fill the remaining space within a floated element. This is what I'm trying to achieve:
And this is what I have so far:
HTML:
<div class="parent">...
- 78.8k
0
votes
2
answers
2k
views
HTML table with vertical-align bottom and an element with float right
I know this question has been asked to death, but I couldn't find a case similar to this. I have an HTML table, and the "th" row has text that's aligned along the bottom via vertical-align: bottom. ...
- 1,353
1
vote
2
answers
1k
views
Keep floated elements in one line within table cell
I have table where inside one column is name and level (number) - I want name on the left side and level "sticked" to right side.
Width of columns is dynamic.
If there is enough space everything is ...
- 479
15
votes
3
answers
99k
views
HTML layout: adding sidebar column to existing site
I have a site with a body that looks like that:
<body>
<div id="header">...</div>
<div id="content">...</div>
<div id="footer">...</div>
</body>
...
- 17.2k
0
votes
2
answers
2k
views
Superscript <sup> affecting table alignment
Why is a table-data element causing a misalignment of the previous row?
<table>
working as it should: http://jsfiddle.net/WH3uz/2
Not working with data: http://jsfiddle.net/NCs8H/
- 189