SMF Support > SMF 2.0.x Support

Alignment issue

(1/3) > >>

trekkie2444:
I'm having issues aligning a certain part of my CSS code for a theme I'm using. I had it working fine on another theme, a div named "social" that has my social networking icons in it. I want to put it on the right side of the page across from the search box, but as you can see it doesn't want to line up right no matter what I do to it. The search CSS code has multiple parts, so I'm not sure how to combine them into a single block with left and right. Any help?

In a perfect world, I'd like to have those display across from my logo on the top blue part all in a single line or two lines would probably be better, so if anyone knows hot do that too, that'd be great. Here's my index.css and a screenshot.

WillyP:
Using Firebug, for Firefox, (or developer tools in Chrome) it would be easy to look at your site and suggest a solution. However, you did not provide a link.

Storman™:
Give that a go, may or not work:


--- Code: ---#social {
clear: both;
position: absolute;
bottom: 22px;
right: 1em;
padding: 0;
float:right;
margin:0 10px 0 0;
}
#searcharea {
clear: both;
position: absolute;
bottom: 25px;
right: 23em;
padding: 0;
display:block;
float:right;
margin:0 9px 0 0;
width:125px;
height:20px;
border: 1px solid;
background: white;
/* background:url(../images/theme/search_bg.png) no-repeat; */
}
--- End code ---

trekkie2444:

--- Quote from: WillyP on May 26, 2012, 08:23:22 AM ---Using Firebug, for Firefox, (or developer tools in Chrome) it would be easy to look at your site and suggest a solution. However, you did not provide a link.

--- End quote ---

The theme isn't currently in use so you'd have to register to see anyways, but if you want, the link is http://e-p1.net

trekkie2444:
Afraid your attempt didn't work, it made the social area crash into the main menu, and the search box got all funky.

Navigation

[0] Message Index

[#] Next page