MyBB Community Forums
Help with alignment, please! - Printable Version

+- MyBB Community Forums (https://community.mybb.com)
+-- Forum: Extensions (https://community.mybb.com/forum-201.html)
+--- Forum: Themes (https://community.mybb.com/forum-103.html)
+---- Forum: Theme Support (https://community.mybb.com/forum-10.html)
+---- Thread: Help with alignment, please! (/thread-106446.html)



Help with alignment, please! - st1cky1cky - 2011-10-23

Hello, i've been a member on here for some time now although I dont post very much. So heres my problem i've ran into. I designed a header and used some software for alignment of the welcome block, etc...

My problem is though it has to be " Position: Absolute; " which makes it hard to align it properly with the template... So when I do try to align it with the template it goes all wack or even if I remove the position...

I'm stuck, stumped and I cannot figure out what else I can really do to align this properly with the template.. Could anyone help me? Just take a look at the header: www.cryptx.org

I really do need help bad, i'm willing to pay $3.00 via Paypal for help with this problem. If you need to understand my code more look below:

This template is Blackevo-Space, I ONLY changed the logo basically, and added the buttons to our own creative header. Other then that no major modifications has been done to the template, and copyright is still in the original owner's name. We do not take credit for the template, although we do take 100% credit for the custom header.

----------------------------------------------------

This is the Header Template:
<!-- begin wrapper -->
<div id="wrapper">
<div style="position:;top:30px;left:50%px;right:50%px">
<div class="header" style="margin:0 auto;text-align:center:10%px">
<div id="bv_Image1" style="margin:0;padding:0;position:absolute;left:162px;top:0px;width:1020px;height:200px;text-align:center;z-index:0;">
<img src="images/30ti89c.png" id="Image1" alt="" align="top" border="0" style="width:1020px;height:200px;"></div>
<div id="bv_Text2" style="margin:0;padding:0;position:absolute;left:207px;top:35px;width:342px;height:16px;text-align:left;z-index:1;">
<font style="font-size:9px" color="#FFFFFF" face="Arial">{$welcomeblock}</font></div>
<div id="bv_Text1" style="margin:0;padding:0;position:absolute;left:882px;top:23px;width:289px;height:64px;text-align:left;z-index:2;">
<font style="font-size:13px" color="#FFFFFF" face="Arial">{$pm_notice}<br>
{$bannedwarning}<br>
{$bbclosedwarning}<br>
{$unreadreports}</font></div>
<div id="bv_Shape1" style="margin:0;padding:0;position:absolute;left:168px;top:134px;width:95px;height:32px;text-align:center;z-index:3;">
<a href="/index.php"><img src="images/bv01002.gif" id="Shape1" alt="" title="" style="border-width:0;width:95px;height:32px"></a></div>
<div id="bv_Shape2" style="margin:0;padding:0;position:absolute;left:268px;top:134px;width:95px;height:32px;text-align:center;z-index:4;">
<a href="/search.php"><img src="images/bv01003.gif" id="Shape2" alt="" title="" style="border-width:0;width:95px;height:32px"></a></div>
<div id="bv_Shape3" style="margin:0;padding:0;position:absolute;left:364px;top:135px;width:95px;height:32px;text-align:center;z-index:5;">
<a href="/memberlist.php"><img src="images/bv01004.gif" id="Shape3" alt="" title="" style="border-width:0;width:95px;height:32px"></a></div>
<div id="bv_Shape4" style="margin:0;padding:0;position:absolute;left:464px;top:135px;width:95px;height:32px;text-align:center;z-index:6;">
<a href="/calendar.php"><img src="images/bv01005.gif" id="Shape4" alt="" title="" style="border-width:0;width:95px;height:32px"></a></div>
<div id="bv_Shape5" style="margin:0;padding:0;position:absolute;left:565px;top:135px;width:95px;height:32px;text-align:center;z-index:7;">
<a href="/misc.php?action=help"><img src="images/bv01006.gif" id="Shape5" alt="" title="" style="border-width:0;width:95px;height:32px"></a></div>
<div id="bv_Shape6" style="margin:0;padding:0;position:absolute;left:666px;top:134px;width:95px;height:32px;text-align:center;z-index:8;">
<a href="/contact.php"><img src="images/bv01007.gif" id="Shape6" alt="" title="" style="border-width:0;width:95px;height:32px"></a></div>
<div id="bv_Text3" style="margin:0;padding:0;position:absolute;left:989px;top:101px;width:150px;height:10px;text-align:left;z-index:9;">
<font style="font-size:8px" color="#666666" face="Arial"></font></div>
<div id="bv_Shape7" style="margin:0;padding:0;position:absolute;left:602px;top:25px;width:248px;height:54px;text-align:center;z-index:10;">
<a href="/index.php"><img src="images/bv01008.gif" id="Shape7" alt="" title="" style="border-width:0;width:248px;height:54px"></a></div>
<div id="bv_Text4" style="margin:0;padding:0;position:absolute;left:1011px;top:118px;width:84px;height:16px;text-align:left;z-index:11;">
&nbsp;</div>
<div id="bv_Text5" style="margin:0;padding:0;position:absolute;left:1012px;top:128px;width:83px;height:16px;text-align:left;z-index:12;">
<img src="{$mybb->settings['bburl']}/{$mybb->user['avatar']}"></div>
</div>
</div>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<Br>
<br>
	
      
<div id="container">




RE: Help with alignment, please! - ranjani - 2011-10-23

what you are trying to achieve - can you show with an image (mock-up) ...