Forum Moderators: not2easy
I want to do something like a table row but only with divs, is it possible?
Thanks
you can do this:
<html>
<head>
<title>test</title>
<style>
div{display: inline;}
</style>
</head>
<body>
<div><div>1</div><div>2</div><div>3</div><div>...</div></div>
</body>
</html>
But i'm quite sure what you're trying is more complex... Try searching this forum because there is alot of information about this here!
1) display
2) position
3) float
These are the basic atributes to allow you to position your divs around the page and each other.
I already had tried to do it with "display: inline" but I was putting it in the container, not in children.
The disadvantage of "inline" is that the "width" attribute is ignored. But I've found another value for display attribute that works fine with widths: "table-cell".
So, my solution will be something like this:
<style>
.celldiv {display: table-cell; width: 25%;}
</style>
...
<div>
<div class="celldiv">1</div>
<div class="celldiv">2</div>
<div class="celldiv">3</div>
<div class="celldiv">...</div>
</div>
<style>
div#safir div{display:table-cell; width:25%}
</style>
<div id="safir">
<div>1</div>
<div>2</div>
<div>3</div>
<div>4</div>
</div>
This way you say: use this style for all div's decending from the div with id="safir"
