RocketTheme - TOPIC: CSS Woes: Internet Destroyer [PIC Included] (1/2)

Welcome Guest! Login

0 items Join Now

Terp
Elite Rocketeer
Posts: 1720
Thanks: 23

CSS Woes: Internet Destroyer [PIC Included]

Posted 16 years 5 months ago

This is a total shot in the dark, but I am at a total loss, having spent the last 4 hours changing each and every parameter in the CSS, saving, spamming refresh, wash, rise, repeat. The site is not online (local install), but thought maybe someone has seen this before and could offer a suggestion...leaning toward I need a new line in here, as, again, I have changed each and every parameter, increase it, decrease it, remove it, etc, a *bazillion times*.

Here's the CSS to control the blog header area/toolbar:

/* MyBlog header */
#myBlog-wrap #myBlog-head {
     margin-bottom: 10px;
     margin-top: 15px;
     position: relative;
     height:35px;
}
 
#myBlog-wrap #myBlog-head h1,
#myBlog-wrap #myBlog-head h2{
     display:none;
}
 
/* MyBlog Toolbar Start*/
#myBlog-wrap #myBlog-toolbar ul, #myBlog-head ul {
     padding-left: 5px;
     position: absolute;
     float:left;
     bottom: 1px;
     left: 0px;
}
#myBlog-wrap #myBlog-toolbar li {
     list-style: none;
     display: inline;
     padding-left:0px;
     padding-bottom:35px;
     padding-top:20px;
}
 
#myBlog-wrap #myBlog-toolbar li.toolbarHome {
     background: url('images/home.png') no-repeat;
}
#myBlog-wrap #myBlog-toolbar li.toolbarTags {
     background: url('images/tagcloud.png') no-repeat;
}
#myBlog-wrap #myBlog-toolbar li.toolbarSearch {
     background: url('images/search.png') no-repeat;
}
#myBlog-wrap #myBlog-toolbar li.toolbarFeed {
     background: url('images/feed.png') no-repeat;
}
 
#myBlog-wrap #myBlog-toolbar li a {
     text-decoration: none;
     margin-left: 17px;
     padding: 2px 70px 2px 45px;
}
 
#myBlog-wrap li#blogActive a {
     color: #D78102;
}
/* MyBlog Toolbar End*/

I was proud of myself that I styled it perfectly last night using FF; woke up this morning, thought I would go through the site using Internet Destroyer, and was finally on board with the views toward MS and their IE...run into this issues each and every time I try to change anything.

#183987

- Robert W
- Elite Rocketeer
- Posts: 815
- Thanks: 0
- IT
Re: CSS Woes: Internet Destroyer [PIC Included]

Posted 16 years 5 months ago
- Terp - I'm assuming you modified the "template_css.css" file however I think there is a "template_IE.css" file that you will need to modify as well.
#184000
- Terp
- Elite Rocketeer
- Posts: 1720
- Thanks: 23
Re: CSS Woes: Internet Destroyer [PIC Included]

Posted 16 years 5 months ago
- MyBlog template has its own css, from where I pulled the CSS. I should dig around the IE.css that shipped with the RT template? Perhaps it's overriding something? I know this is a shot in the dark, not being live, but I'll go have a look...try anything at this point.
#184011
- GollumX
- Elite Rocketeer
- Posts: 2817
- Thanks: 0
Re: CSS Woes: Internet Destroyer [PIC Included]

Posted 16 years 5 months ago
- Give the 'a' or 'li' elements a height (equal to the height of the icons)
- Say no to Internet Explorer 6.
  twitter.com/mark_up
#184055
- Terp
- Elite Rocketeer
- Posts: 1720
- Thanks: 23
Re: CSS Woes: Internet Destroyer [PIC Included]

Posted 16 years 5 months ago
- GollumX wrote:
  Give the 'a' or 'li' elements a height (equal to the height of the icons)
  
  Great idea, thanks! I did, however, stick a height: in every single sectiona and played with it for another 3 hours, believe it or not...think I'll have to wait until I get it live...head hurts beyond words.
#184222
- Terp
- Elite Rocketeer
- Posts: 1720
- Thanks: 23
Re: CSS Woes: Internet Destroyer [PIC Included]

Posted 16 years 5 months ago
- Okay, I put more time in on this nonsense; though I am a total CSS rookie, there are only so many things I could possibly change/add. Well, half a day later, I couldn't do it. >
  
  I did do an install on a test site I have setup, moved the template over, so if any of you CSS gurus would just peak with FireBug, I would appeciate it...the height suggestion sounded like just what the doctor ordered, but I couldn't pull it off.
  
  Ie Sucks
  
  I just thought of something...is there a Firebug-like app for IE? Otherwise, what good would Firebug do me in this case, as it looks fine with FF?!? *confused*
- Last Edit: 16 years 5 months ago by Terp.
#184442
- Peter Osipof
- Elite Rocketeer
- Posts: 1117
- Thanks: 0
Re: CSS Woes: Internet Destroyer [PIC Included]

Posted 16 years 5 months ago
- Terp wrote:
  I just thought of something...is there a Firebug-like app for IE? Otherwise, what good would Firebug do me in this case, as it looks fine with FF?!? *confused*
  
  Internet Explorer Developer Toolbar
  
  By the way there is a new bloggin component available for Joomla 1.5 IdoBlog
- Last Edit: 16 years 5 months ago by Peter Osipof.
- VirtueShop
#184490
- GollumX
- Elite Rocketeer
- Posts: 2817
- Thanks: 0
Re: CSS Woes: Internet Destroyer [PIC Included]

Posted 16 years 5 months ago
- tsk tsk tsk... they've forced inline. Terp, look for the li elements, change display:inline; to display:block; and add float:left;
- Say no to Internet Explorer 6.
  twitter.com/mark_up
#184507
- Joe Halleck
- Preeminent Rocketeer
- Posts: 5480
- Thanks: 67
- Never give up!
Re: CSS Woes: Internet Destroyer [PIC Included]

Posted 16 years 5 months ago
- No input here...I just love the title of post.
  Sounds like a good name for some barbecue sauce!
- Magento - phpBB3 - Kunena - RokBridge Specialist
  No Secure Tab posts unless requested.
  Use the Thank You and Life Preserver Buttons!
  Your signature is also great place for setup details...help us help you!
#184581
- Joe Halleck
- Preeminent Rocketeer
- Posts: 5480
- Thanks: 67
- Never give up!
Re: CSS Woes: Internet Destroyer [PIC Included]

Posted 16 years 5 months ago
- Peter Osipof wrote:
  Terp wrote:
  I just thought of something...is there a Firebug-like app for IE? Otherwise, what good would Firebug do me in this case, as it looks fine with FF?!? *confused*
  
  Internet Explorer Developer Toolbar
  
  By the way there is a new bloggin component available for Joomla 1.5 IdoBlog
  Thank for the reminder on IE dev bar...I forgot to add that back to my windows build.
  
  And the blog - sweet!
  1.5 native and nice option set and talk about intergration with the new CB 1.2
  idojoomla.com/blog/viewpost/42.html
- Last Edit: 16 years 5 months ago by Joe Halleck.
- Magento - phpBB3 - Kunena - RokBridge Specialist
  No Secure Tab posts unless requested.
  Use the Thank You and Life Preserver Buttons!
  Your signature is also great place for setup details...help us help you!
#184584