[HELP] how to make sidebars with HTML only [HELP]

Status
Not open for further replies.

CronicHosts

Member
Aug 18, 2011
373
71
Make a content box in CSS with the height your size you want, the position of the bar (left).

Then <div id="csscontentboxname"> :D
 

Sean

‫‫‫‫‫‫  ‫  Don't Worry, Be Happy
Dec 12, 2011
1,121
405
Well use DIV without CSS - e.g. <div style="width:200px; height:500px; border-style:solid; padding:10px 10px 10px 10px; ">Hello</div>

just put that somewhere in your HTML document and :D
 

Rivaz

Member
Dec 12, 2011
51
4
Well use DIV without CSS - e.g. <div style="width:200px; height:500px; border-style:solid; padding:10px 10px 10px 10px; ">Hello</div>

just put that somewhere in your HTML document and :D
Still CSS, just not linking it to your stylesheet.
 

Rivaz

Member
Dec 12, 2011
51
4
Well I suppose so but you do not need to create a CSS document.
True, if your going to do that you might aswell add this underneath your head.

<style type="text/css">
CSS STUFF HERE... ;O
</style>
 

Weasel

👄 I'd intercept me
Nov 25, 2011
4,135
2,461
I found something like this on my PC, hopes it helps you out:

Code:
<div style="display: inline-block; background-color: red;font-family:Verdana;font-size:12px;border: 2px solid #CCC;box-shadow: 2px 2px 5px #BBB;text-shadow: 0px 1px 1px #666;"> <div style="padding:4px 5px;border:1px solid #FFF;"> <div style="padding:2px 4px 2px 25px;color: #FFF;border-radius: 4px; background-color:green; background-repeat: no-repeat; background-position: left top;"><span style="display: block;font-size: 9px;">
Text here.
</span></div></div> </div>
 

Sean

‫‫‫‫‫‫  ‫  Don't Worry, Be Happy
Dec 12, 2011
1,121
405
True, if your going to do that you might aswell add this underneath your head.

<style type="text/css">
CSS STUFF HERE... ;O
</style>
Well yes that would be simple but I am assuming that he does not actually know how to do CSS, hence the reason he only wants HTML.

I found something like this on my PC, hopes it helps you out:

Code:
<div style="display: inline-block; background-color: red;font-family:Verdana;font-size:12px;border: 2px solid #CCC;box-shadow: 2px 2px 5px #BBB;text-shadow: 0px 1px 1px #666;"> <div style="padding:4px 5px;border:1px solid #FFF;"> <div style="padding:2px 4px 2px 25px;color: #FFF;border-radius: 4px; background-color:green; background-repeat: no-repeat; background-position: left top;"><span style="display: block;font-size: 9px;">
Text here.
</span></div></div> </div>
That is pretty much what I just told him -.-
 
Status
Not open for further replies.

Users who are viewing this thread

Top