[Burichan] [Futaba] [Kusabax]  -  [WT]  [Home] [Manage]
IF YOU DO NOT READ THE COMMENTS IN CONFIG.PHP YOU VOID YOUR RIGHT TO SUPPORT

[Return]
Posting mode: Reply
Name
Email
Subject   (reply to 6812)
Message
File
Password  (for post and file deletion)
  • Supported file types are: GIF, JPG, PNG
  • Maximum file size allowed is 1000 KB.
  • Images greater than 200x200 pixels will be thumbnailed.
  • Currently 1307 unique user posts. View catalog


File 128366044440.jpg - (211.95KB , 1199x559 , ScreenHunter_002.jpg )
6812 No. 6812 ID: 10b8d3
How do I make a side box (circled in red) like the one on the front page?

I tried to do it the same way using
<div style="float: right; width: 215px; margin-left: 15px;">
<h2>Box Title</h2>
</div>

But when I place it into news.tpl, the news title bars (circled in blue) and the text extend through the side box.

How do I fix this? I just want a side box like this site except I wish to put "Recent pictures" in there.

Yes, I am an extreme newbie.
Expand all images
>> No. 6813 ID: 5c9cf8
1.) It depends on where you place the bar. I assume you're putting it in the same place as the code suggests on KusabaX's news page, in which case, you're good to go on that front.
2.) You will need to add a "margin-right" property for the "content" DIVs in your CSS to ensure that the sidebar DIV and the "content" DIVs do not overlap. Judging from the code on KusabaX's front page, the "margin-right" property should be the combined value of the sidebar DIV's width and its "margin-left" property (in this case, 215 + 15 = 230).
>> No. 6814 ID: 5c9cf8
>>6813

Quick follow-up to #2, as I discovered this with some Firebug tinkering: the "margin-right" property for the "content" DIVs must be the combined values of the sidebar DIV's width and the "margin-right" and "margin-left" properties of the sidebar DIV. Thus, if you add a "margin-right: 15px" property to the sidebar DIV, the value of the "margin-right" property of the "content" DIV must have that extra 15 added to it ("245px" instead of "230px") in order for the DIVs to play nice and not overlap.
>> No. 6818 ID: 10b8d3
File 128371685064.jpg - (21.86KB , 253x544 , ScreenHunter_002.jpg )
6818
Everything works now, thank you!
>> No. 6819 ID: ee45c1
i have allways woundered...why use frames when you can have a div like this on the left that displayes all the boards?
>> No. 6827 ID: 5c9cf8
>>6819

Because nobody's coded such a sidebar yet. And because some people just prefer frames, as opposed to a single-page layout. (Don't ask me why; I prefer single-page, myself.)
>> No. 6880 ID: ee45c1
>>6827
i saw a chan that had a side menu like that!I cant remember the name.


Delete post []
Password  
Report post
Reason