Wrox Programmer Forums

Need to download code?

View our list of code downloads.

Go Back   Wrox Programmer Forums > Web Programming > CSS > CSS Cascading Style Sheets
Password Reminder
Register
| FAQ | Members List | Calendar | Search | Today's Posts | Mark Forums Read
CSS Cascading Style Sheets All issues relating to Cascading Style Sheets (CSS).
Welcome to the p2p.wrox.com Forums.

You are currently viewing the CSS Cascading Style Sheets section of the Wrox Programmer to Programmer discussions. This is a community of tens of thousands of software programmers and website developers including Wrox book authors and readers. As a guest, you can read any forum posting. By joining today you can post your own programming questions, respond to other developers’ questions, and eliminate the ads that are displayed to guests. Registration is fast, simple and absolutely free .
DRM-free e-books 300x50
Reply
 
Thread Tools Search this Thread Display Modes
  #1 (permalink)  
Old March 9th, 2011, 02:10 PM
Registered User
 
Join Date: Jan 2011
Posts: 6
Thanks: 0
Thanked 0 Times in 0 Posts
Unhappy CSS rules not being followed

I work for a company with a Sharepoint 2007 site, and would like to change the search box from one to the right of the other to one on top of the other (see pics). I was able to get this to work in firefox by adding display:block to the style of the TD's of the search boxes. However, this fails in every other browser. In Chrome, it defaults to display:table-cell, and in IE, it is still showing display:block in the dev console, but it is still showing up inline on the actual page. Can anyone help me with this? For anyone unfamiliar with Sharepoint, the html structure looks like this:

Code:
<table>
     <tbody>
          <tr>
               <TD class="ms-sbscopes ms-sbcell">dropdown box</td>
               <TD class="ms-sbcell">search box</td>
               <TD class="ms-sbgo ms-sbcell">go button</td>
          </tr>
     </tbody>
</table>
CSS code that works only in Firefox:
Code:
td.ms-sbcell {
	border-width:0px;
	background: #990000;
	padding-left: 5px;
	display:block !important;
}
Also, this MUST be done with css, I can't go arround and change the master page for some 500 sites. Is there something I am doing wrong? How can I fix this issue? Please view the images to get a better idea of what I am talking about. Thanks in advance!

What I want: (Firefox)
http://i54.photobucket.com/albums/g1...992/good-1.png

What I currently have: (Every other browser)
http://i54.photobucket.com/albums/g1...1992/bad-1.png
Reply With Quote
  #2 (permalink)  
Old April 16th, 2011, 12:16 AM
Friend of Wrox
Points: 1,749, Level: 16
Points: 1,749, Level: 16 Points: 1,749, Level: 16 Points: 1,749, Level: 16
Activity: 0%
Activity: 0% Activity: 0% Activity: 0%
 
Join Date: Jun 2007
Location: San Diego, CA, USA.
Posts: 477
Thanks: 10
Thanked 19 Times in 18 Posts
Default

Wish I could be of more help. There's a lot of styling that you can do with tables, but messing with their display is an absolute @#%@&(&. <tr> tags don't play nicely with a lot of styling including borders, and I'm pretty amazed to see that you were able to get table cells to stack in any browser, much less the #2 browser on the internet. If you hadn't demonstrated it, I would have guessed that it was a waste of time trying. I appreciate all your efforts, and hope someone else has some black voodoo up their sleeve to modify this, but I've worked with CSS for years and trying to disrupt the "standard layout" of a table is ultra difficult as it sounds like you're finding out unfortunately. This is one of the reasons that table based layouts are falling out of favor, because it's virtually impossible to repurpose them like you want without hacking the XHTML of all 500 sites.
__________________
-------------------------

Whatever you can do or dream you can, begin it. Boldness has genius, power and magic in it. Begin it now.
-Johann von Goethe

When Two Hearts Race... Both Win.
-Dove Chocolate Wrapper

Chroniclemaster1, Founder of www.EarthChronicle.com
A Growing History of our Planet, by our Planet, for our Planet.
Reply With Quote
Reply


Thread Tools Search this Thread
Search this Thread:

Advanced Search
Display Modes

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 Off
HTML code is Off
Trackbacks are Off
Pingbacks are On
Refbacks are Off


Similar Threads
Thread Thread Starter Forum Replies Last Post
XML database construction rules sani723 XML 1 July 4th, 2007 09:46 PM
Rules, that FxCop cannot check cyberjoe General .NET 1 May 6th, 2007 06:05 PM
Question within ASP business Rules. fkmfkm Classic ASP Basics 0 May 17th, 2005 10:33 PM
Rules/Constraints dhay1999 SQL Server 2000 1 July 11th, 2004 01:50 PM



All times are GMT -4. The time now is 08:44 PM.


Powered by vBulletin®
Copyright ©2000 - 2019, Jelsoft Enterprises Ltd.
© 2013 John Wiley & Sons, Inc.