Help troubleshooting CSS Code
Posted: 21 December 2009 11:46 PM   [ Ignore ]
Newbie
Rank
Total Posts:  1
Joined  2009-12-21

I am teaching myself CSS and I am still learning all the rules.  I have coded a page for my web site using CSS and it looks fine in IE but not in Firefox.  I don’t know where to begin. I would appreciate any help that can be given.

The url of the site is http://www.howeisd.net

Here is the code:

<style type=“text/css”>
<!—
.SWMyStartBar {width:960px;
}
body {
background-color:#626262;
}
#master{
margin:0px auto 0px auto;
}

#header {
width:960px;
height:145px;
background-image:URL(/howe/lib/howe/_template398/_assets/header.jpg);
}
#nav {
width:960px;
height:71px;
background-image:URL(/howe/lib/howe/_template398/_assets/nav.jpg);
}
#body-content{
width:962px;
background-image:URL(/howe/lib/howe/_template398/_assets/body-contents.jpg);
background-repeat: repeat-n;
}
#shortcuts{
width:200px;
background-image:URL(/howe/lib/howe/_template398/_assets/quicklinks.jpg);
overflow:auto;
padding:42px 10px 0px 10px;
background-repeat:no-repeat;
float:left;
}
#headlines{
width:420px;
background-image:URL(/howe/lib/howe/_template398/_assets/welcome.jpg);
overflow:auto;
padding:42px 10px 0px 10px;
background-repeat:no-repeat;
float:left
}

#announcements{
background-repeat:no-repeat;
}

#upcoming{
width:300px;
background-image:URL(/howe/lib/howe/_template398/_assets/events.jpg);
overflow:auto;
padding:42px 10px 0px 10px;
background-repeat:no-repeat;
float:left;
}
#footer{
width:960px;
height:95px;
background-image:URL(/howe/lib/howe/_template398/_assets/footer.jpg);
}
—>
</style>
<div id=“master”>
  <div id=“header”> </div>
  <div id=“nav”>[$CHANNELSECTIONMENU$]</div>
  <div style=“WIDTH: 960px” id=“body-content”>
    <table style=“WIDTH: 920px; BORDER-COLLAPSE: collapse” align=“left”>
    <tbody>
      <tr>
        <td style=“PADDING-LEFT: 18px; VERTICAL-ALIGN: top”>
        <div id=“shortcuts”>[$SITESHORTCUTS$]</div></td>
        <td style=“VERTICAL-ALIGN: top”>
        <div id=“headlines”>
          <div id=“hp-flash-container”>
            <div id=“hp-flash=rotate”>
            <div id=“announcements”>[$WELCOMETEXT$]

              </div>
            <div> </div></div></div></div></td>
        <td style=“VERTICAL-ALIGN: top”>
        <div id=“upcoming”>[$UPCOMINGEVENTS$]</div></td>
      </tr>
    </tbody>
  </table></div></div>
<div id=“footer”> </div>
<div> </div>

Profile
 
 
Posted: 01 May 2010 09:48 PM   [ Ignore ]   [ # 1 ]
Sr. Member
RankRankRankRank
Total Posts:  139
Joined  2010-04-23

I could not follow what the questions was.
____________________
sudoku - social - puppies

Profile
 
 
Posted: 03 August 2010 09:25 AM   [ Ignore ]   [ # 2 ]
Newbie
Rank
Total Posts:  3
Joined  2010-08-03

Hi folks

I have installed roktabs into a site I am working on, Although its not working quite right just yet and I’m hoping someone here can help me…..
The site is at http://Shubhinetwork.com

I have 3 issues
1. There are points at the end of each tab ecept the last
2. The image for the top of the tab bar is not stretching across
3. The Home (link over bottom of image) button is not coming up over the image like it would in an RT template
http://kitesurfa.com/rt_roktabs_q1.jpg


On number 2 in the first image I want to get it looking like 2a in the second image, it seems as thought there is an issue in the CSS and its not calling the image it needs.

http://kitesurfa.com/rt_roktabs_q2.jpg


Also if you hit refresh you see the bar (2a) appear in the refresh and then disappear, I guess somethings overriding it….


full version

Profile
 
 
Posted: 04 August 2010 10:31 PM   [ Ignore ]   [ # 3 ]
Newbie
Rank
Total Posts:  4
Joined  2010-08-04

I really want to help you, but don’t understand your question.
________________
pes 2011 patchs

Profile