Jump to content

Add Image To Sidebar


Bam
 Share

Recommended Posts

played with it a little bit, ive got a "box/table" I want to put the image under it

 

here is some of the css

>/* ##### Right Side Bar ##### */

.rightSideBar {
 width: 13em;
 margin: 2ex 0.75ex 0 0;
 padding: 0;
 float: right;
 clear: right;
 border: 1px solid rgb(216,210,195);
 
}

[class~="rightSideBar"] {
 margin-right: 1.5ex;
}

.rightSideBar .sideBarTitle {
 color: black;
 background-color: rgb(230,223,207);
 font-weight: bold;
 margin: 1.25ex 1ex;
 padding: 0.9ex 1ex;
}

.rightSideBar a {
 color: rgb(123,141,164);
 background-color: transparent;
 text-decoration: none;
 font-weight: bold;
}

.rightSideBar a:hover {
 text-decoration: underline;
}

.rightSideBar .sideBarText {
 color: rgb(123,141,164);
 line-height: 1.5em;
 margin: 0;
 padding: 0 2ex 1em 2ex;
}

.rightSideBar .more {
 text-decoration: none;
 text-align: right;
 margin: 0;
 padding: 0 2ex 1em 2ex;
 display: block;
}

.rightSideBar .more:hover {
 text-decoration: underline;
}
.rightSideBar ul {
 list-style-type: none;
 list-style-position: outside;
 margin: 0 0 1em 0;
 padding: 0;
}

.rightSideBar li {
 margin: 1ex;
 padding: 0 0 0 0;
}

.rightSideBar img {
border: 0; 

}

 

so where would it go? tried the img right above and at the top, but no change any ideas?

Edited by Bam
Link to comment
Share on other sites

This should add an image to the right sidebar.

 

>.rightSideBar {
width: 13em;
margin: 2ex 0.75ex 0 0;
padding: 0;
float: right;
clear: right;
border: 1px solid rgb(216,210,195);
background: url(http://yourdomain.exr/path-to-file/your-image.jpg);
}

 

Enter you domain name for the yourdomain.exe, enter the path to the image for path-to-file and enter the name of the image you want to use for your-image.jpg

Link to comment
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

 Share

×
×
  • Create New...