Tycoon Talk
Become a Big fish!
The number 1 forum for online business!
Post topics, ask questions, share your knowledge.
Tycoon Talk is part of Freelancer.com - find skilled workers online at a fraction of the cost.

CSS Forum


You are currently viewing our CSS Forum as a guest. Please register to participate.
Login



Reply
Button Alignment Help
Old 11-10-2010, 02:36 PM Button Alignment Help
Novice Talker

Posts: 5
Name: ross
Trades: 0
Hello i bought a theme for my drupal site and i am having a problem recreating the button set up. The theme has 5 differant skins and to call the reply button the code ive been advised is this-

PHP Code:
<div class="readon-wrap1"><div class="readon1-l"></div><a href="http://onlinebanter.com" class="readon-main"><span class="readon1-m"><span class="readon1-r">Add New Post</span></span></a></div><div style="clear: both;"
I have added it to a block that accepts full html and the button can be viewed on the right coloum on my frontpage here-
http://onlinebanter.com

(the %term block)

as you can see the button does not display correctly. It seems to display ok though for login button and also on the repy buttons that are hard coded to the theme. The css looks to be this-

PHP Code:
#page-bg .feature-block .readon1-l, .readon1-l {position:absolute;width: 15px;height: 30px;left:0;top:0;} 
Ive tried changing things with firebug for what seems like weeks now and i really can't get to the bottom of it. Can anyone help a man gain his sanity?

thanks
kompressaur is offline
Reply With Quote
View Public Profile
 
 
Register now for full access!
Old 11-10-2010, 03:17 PM Re: Button Alignment Help
Novice Talker

Posts: 5
Name: ross
Trades: 0
You can also see another default button working here
http://onlinebanter.com/?q=user

I don't know if the theme has some extra code in it to recreate how it pulls a differant colored button for each style.
kompressaur is offline
Reply With Quote
View Public Profile
 
Old 11-10-2010, 06:08 PM Re: Button Alignment Help
edgray's Avatar
Super Moderator

Latest Blog Post:
Frantic
Posts: 4,264
Name: Sugarcane Gray
Location: Hell, Southern Spain
Trades: 0
You need to change this:

Code:
.readon1-l, {
height: 30px;
left: 0px;
position: absolute;
top: 0px; <-- change this to 7px, 
width: 15px;
then it should be ok. But really you should do it without using absolute positioning, it's not needed here.
__________________

Please login or register to view this content. Registration is FREE
- a project in video and sound.

Please login or register to view this content. Registration is FREE
"Absolute Rubbish, an insult to the blues." - NME.

Please login or register to view this content. Registration is FREE
- Come use our agency :)
edgray is offline
Reply With Quote
View Public Profile Visit edgray's homepage!
 
Old 11-10-2010, 06:09 PM Re: Button Alignment Help
edgray's Avatar
Super Moderator

Latest Blog Post:
Frantic
Posts: 4,264
Name: Sugarcane Gray
Location: Hell, Southern Spain
Trades: 0
by the way, really like the design.
__________________

Please login or register to view this content. Registration is FREE
- a project in video and sound.

Please login or register to view this content. Registration is FREE
"Absolute Rubbish, an insult to the blues." - NME.

Please login or register to view this content. Registration is FREE
- Come use our agency :)
edgray is offline
Reply With Quote
View Public Profile Visit edgray's homepage!
 
Old 11-10-2010, 06:52 PM Re: Button Alignment Help
Novice Talker

Posts: 5
Name: ross
Trades: 0
Thanks ed. aye the theme is ideal for me. Ive tried a million drupal themes before i settled on that one. The problem with premium drupal themes i found though are they are just straight ports from wordpress or Joomla and they tend to ignore drupal tendancies (using Views etc) Anyhow rant over. Lets go give this a try...

I went from a to a when i saw the effect. Yes it sorted my button but it's now made the other buttons in the theme, the ones that came with the theme (add reply, register etc) theyve all gone the same way as my custom link (html in a block) These buttons can be viewed on my frontpage and login page. again all help appreciated. I have been trying for a few weeks to fix it and keep putting it on the back burner whilst i work on the rest of my site. Now imm nearly ready to open the place and i wouldnt mind putting it to bed.

I appreciate the repy ed. thanks
kompressaur is offline
Reply With Quote
View Public Profile
 
Old 11-11-2010, 01:24 AM Re: Button Alignment Help
Novice Talker

Posts: 5
Name: ross
Trades: 0
In my infinit ..infinate ...in my limted wisdom i deduced that if changing

HTML Code:
.readon1-l, {
height: 30px;
left: 0px;
position: absolute;
top: 0px; <-- change this to 7px, 
width: 15px;
changed what i wanted then why didnt i just change the original code to-

HTML Code:
<div class="readon-wrap1"><div class="readon1-[B]2[/B]"></div><a href="http://onlinebanter.com" class="readon-main"><span class="readon1-m"><span class="readon1-r">Add New Post</span></span></a></div><div style="clear: both;">
the readon1-l bit to readon1-2. then i could just add the same code with a slightly diff div class name and things would work ok. They nearly did but instead it just chopped off the left of the button as viewable here on the right of my page
http://onlinebanter.com/

I think it's the "readon-wrap1" bit that makes the left apppear. If anyone has any other ideas of things i could try it would be much appreciated. thanks.
kompressaur is offline
Reply With Quote
View Public Profile
 
Old 11-11-2010, 04:23 AM Re: Button Alignment Help
edgray's Avatar
Super Moderator

Latest Blog Post:
Frantic
Posts: 4,264
Name: Sugarcane Gray
Location: Hell, Southern Spain
Trades: 0
I would consider redesigning all of the buttons, removing any absolute positioning.

have a look at this article, and give it a go:

http://www.tripwiremagazine.com/2009...ancements.html
__________________

Please login or register to view this content. Registration is FREE
- a project in video and sound.

Please login or register to view this content. Registration is FREE
"Absolute Rubbish, an insult to the blues." - NME.

Please login or register to view this content. Registration is FREE
- Come use our agency :)
edgray is offline
Reply With Quote
View Public Profile Visit edgray's homepage!
 
Old 11-11-2010, 04:43 PM Re: Button Alignment Help
Novice Talker

Posts: 5
Name: ross
Trades: 0
Thanks ed. The problem for me is that the theme i am using has 6 different styles and it calls for whatever coloured button to suit the style that it is in. That put's it all a wee bit over my head. I will go and see of the theme designers are offering anymore help as they don't seem like to help even if im just pointing out the countless changes ive made to their theme to help them with future releases.

Nah they never reply. Wish i had never purchased their theme truth be told. I'll just get on with other things and probably have to return to this next week. Nice site that tripwire. ill have a browse of that when i get a moment. thanks
kompressaur is offline
Reply With Quote
View Public Profile
 
Reply     « Reply to Button Alignment Help
 

Thread Tools Search this Thread
Search this Thread:

Advanced Search

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

BB code is On
Smilies are On
[IMG] code is On
HTML code is Off
Trackbacks are Off
Pingbacks are Off
Refbacks are Off





   
RSS Feed  Feeds: RSS   JS   XML
RSS Feed  Feeds for this forum: RSS   JS   XML



Page generated in 0.30625 seconds with 12 queries