Heya! While writing html code. I noticed there's a code makes columns for BBCode. But I don't know how do I put it into html.
(if that's spam please delete!)
(if that's spam please delete!)
Help Center
Ask questions and help others in this forum.
TOPIC | (html) column help!
Heya! While writing html code. I noticed there's a code makes columns for BBCode. But I don't know how do I put it into html.
(if that's spam please delete!)
(if that's spam please delete!)
@EchoDino
You'll want to read about HTML tables if you have multiple items in the columns:
https://www.w3schools.com/html/html_tables.asp
So a two column table with one row would be:
<table>
<tr>
<td>TEXT HERE</td>
<td>TEXT HERE</td>
</tr>
</table>
You could also make a simple two-column setup like this:
<div class="row">
<div class="column">TEXT HERE</div>
<div class="column">TEXT HERE</div>
</div>
You'll have to define "row" and "column" with CSS though. A flex table is a newer format that is super versatile.
.row {
display: flex;
}
.column {
flex: 50%;
}
Here's a third method:
<div style="float: left; width: 50%;">
TEXT HERE
</div>
<div style="float: right; width: 50%;">
TEXT HERE
</div>
Multiple ways here too:
https://stackoverflow.com/questions/6385293/simple-two-column-html-layout-without-using-tables
You'll want to read about HTML tables if you have multiple items in the columns:
https://www.w3schools.com/html/html_tables.asp
So a two column table with one row would be:
<table>
<tr>
<td>TEXT HERE</td>
<td>TEXT HERE</td>
</tr>
</table>
You could also make a simple two-column setup like this:
<div class="row">
<div class="column">TEXT HERE</div>
<div class="column">TEXT HERE</div>
</div>
You'll have to define "row" and "column" with CSS though. A flex table is a newer format that is super versatile.
.row {
display: flex;
}
.column {
flex: 50%;
}
Here's a third method:
<div style="float: left; width: 50%;">
TEXT HERE
</div>
<div style="float: right; width: 50%;">
TEXT HERE
</div>
Multiple ways here too:
https://stackoverflow.com/questions/6385293/simple-two-column-html-layout-without-using-tables
@EchoDino
You'll want to read about HTML tables if you have multiple items in the columns:
https://www.w3schools.com/html/html_tables.asp
So a two column table with one row would be:
<table>
<tr>
<td>TEXT HERE</td>
<td>TEXT HERE</td>
</tr>
</table>
You could also make a simple two-column setup like this:
<div class="row">
<div class="column">TEXT HERE</div>
<div class="column">TEXT HERE</div>
</div>
You'll have to define "row" and "column" with CSS though. A flex table is a newer format that is super versatile.
.row {
display: flex;
}
.column {
flex: 50%;
}
Here's a third method:
<div style="float: left; width: 50%;">
TEXT HERE
</div>
<div style="float: right; width: 50%;">
TEXT HERE
</div>
Multiple ways here too:
https://stackoverflow.com/questions/6385293/simple-two-column-html-layout-without-using-tables
You'll want to read about HTML tables if you have multiple items in the columns:
https://www.w3schools.com/html/html_tables.asp
So a two column table with one row would be:
<table>
<tr>
<td>TEXT HERE</td>
<td>TEXT HERE</td>
</tr>
</table>
You could also make a simple two-column setup like this:
<div class="row">
<div class="column">TEXT HERE</div>
<div class="column">TEXT HERE</div>
</div>
You'll have to define "row" and "column" with CSS though. A flex table is a newer format that is super versatile.
.row {
display: flex;
}
.column {
flex: 50%;
}
Here's a third method:
<div style="float: left; width: 50%;">
TEXT HERE
</div>
<div style="float: right; width: 50%;">
TEXT HERE
</div>
Multiple ways here too:
https://stackoverflow.com/questions/6385293/simple-two-column-html-layout-without-using-tables
@aboveclouds
Thank you! I didn't finf it in w3schools then i asked herec^^
Now I can develop my site ^^
Thank you! I didn't finf it in w3schools then i asked herec^^
Now I can develop my site ^^
@aboveclouds
Thank you! I didn't finf it in w3schools then i asked herec^^
Now I can develop my site ^^
Thank you! I didn't finf it in w3schools then i asked herec^^
Now I can develop my site ^^
@EchoDino Looks like you got an answer, but I've moved this to the Help Center in case it might help someone else!
@EchoDino Looks like you got an answer, but I've moved this to the Help Center in case it might help someone else!
 __
| Volunteer Moderator: If you have any questions, concerns, or feedback regarding moderation please feel free to use the Contact Us form. These submissions are viewed solely by the Flight Rising team, not the volunteer moderator group. (+0 FR Time) |