Sharepoint webpart und overiding der CSS-Stil

Question

Werfen Sie einen Blick auf dieses Bild

alt text http://www.abbeylegal.com/downloads/2009-04-01/web%20part%20top%20line.jpg

weiß jemand, was CSS-Stil für die Linie verwendet wird/Grenze rot markiert? Ich versuche es Blatt in meinem benutzerdefinierten Stil zu über fahren, aber ich habe kein Glück, so weit ich habe versucht, diese verschiedenen Arten overiding ...

.ms-viewheadertr
.ms-vh2
.ms-vb
.ms-vb2
.ms-unselectedtitle
.ms-summarystandardbody

, die die Anzeige ändert sich aber nicht über die Grenze, es ist genug, Ihnen zu machen verrückt!

Update:

.ms-WPHeader ist in der Tat eine der CSS-Klassen, aber wenn Sie die Grenze Stil auf none gesetzt gibt es immer noch eine Zeile, die angezeigt wird; nur ein bisschen dünner. Ich kann .ms-viewheadertr verwenden, um den Header vollständig zu entfernen, aber kann einfach nicht scheinen, diese eine Zeile zu entfernen.

Answer 1

Ich arbeite intensiv an der Anpassung von Sharepoint UI. So weiß ich sicher, dass die Klasse, die Sie bei der Suche werden sollte, ist die folgende:

*.ms-vh,.ms-vh2,.ms-vh-icon,.ms-vh2-nofilter,.ms-vh2-nofilter-icon,.ms-viewheadertr .ms-vh-group,.ms-vh2-nograd,.ms-vh3-nograd,.ms-vh2-nograd-icon,.ms-ph,.ms-pickerresultheadertr{ 
background-image:url("/_layouts/images/viewheadergrad.gif"); 
background-repeat:repeat-x; 
padding-top:1px; 
padding-bottom:0px; 
background-color:#f2f2f2; 
}* 

Sie sollten das Bild Referenz in der Eigenschaft Hintergrund-Bild entfernen, wie so:

*background-image:url("");* 

Das entfernt das dunkle graue Linie an der Spitze.

Happy Customizing !!!

Answer 2

Warum verwenden Sie nicht firefox & das Firebug Addon um herauszufinden, welche Klassen zu überschreiben?

Verwenden Sie die Wichtigkeit, die CSS-Klassen zu überschreiben?

Answer 3

Chrome scheint darauf hinzudeuten, dass es die iframe (id Filterlframe1), das ist der Täter:

border-bottom-style: inset; 
border-bottom-width: 2px; 

Klarstellung: Die Sharepoint-Listenansicht verwendet einen iframe für die Menüleiste am oberen Rand - das ist, wo die Grenze ist, gerendert

Answer 4

Nun, nachdem er in der IE8 dev Toolbar spielen, ich kam mit:

<tr class="ms-WPHeader"> 

CSS Requisiten:

border-bottom:#4e7cb7 1px solid; 
border-collapse:collapse; 

Answer 5

Check out Heather Solomom Sharepoint CSS Bezug auf http://www.heathersolomon.com/content/sp07cssreference.htm.

Durch Durchsuchen der Webpart-spezifischen Abschnitt bei http://www.heathersolomon.com/content/sp07cssreference.htm#WebParts, sieht es aus wie dies möglicherweise ms-WPBorder vielleicht?

Hoffe, das hilft.

Answer 6

Ich überprüfte jede der Antworten und keiner von ihnen war erfolgreich. Der Schlüssel ist die Farbe der Zeile "# 4E7CB7". Ich suchte dann die Wurzel CSS-Dateien auf dem Server und in Zeile 2683 des core.css änderte ich den

.ms-WPHeader TD { 
    border-bottom:1px solid #4e7cb7; 
    border-collapse:collapse; 
} 

zu

.ms-WPHeader TD { 
    border-bottom:0px solid #4e7cb7; 
    border-collapse:collapse; 
}