We Keep Coding

how to style a tooltip of asp:image

I'm planning to apply a css on ToolTip attribute of asp:Image but it's not working. This is what I've tried so far.
<asp:Image ID="sampleimage" runat="server"
ImageUrl="~/Image/questionmark.png" ToolTip='<%# Eval("NAME") %>'
CssClass="tooltips" />
^ the text on tooltip shows but the css is not. It only has a white
background color.
.tooltips
{
background-color: Green;
width:150px;
height:20px;
}
This is from my stylesheet from other folders.
I'm totally new at using CSS. Any form of instructions will help. Thank you

You can not style tooltips with CSS only, because they are rendered by the browser, not your web page.
But you can use a JS library to render custom tooltips (which allow custom styling).
I like to use qTip2.

Asp.net webpage is not displayed correctly in Firefox or Chrome

The webpage is displayed correctly in IE or Microsoft Edge but not in Chrome or Firefox.The controls are misplaced and even the styled fonts are not display correctly.
here is a sample of my code:
<asp:Label ID="schoolHead" runat="server" Text="WELCOME HOME" AssociatedControlID="schoolHead" style="position:absolute; top: 66px; left: 1160px; font-size:80px; font-family:Eras Bold ITC" ForeColor="Black"></asp:Label>

How to Add Button Image for Calender in MasterPage

I have a page for employee which does insertion.There is a field called as datehired.It requires a calender.I don't know to insert a calender image for the button.I can add a image by writing this code
Likewise how to add an icon for button for calender
I am using Visual Studio 2010 framework 4.0
<asp:Image ID="Image1" runat="server" ImageUrl="BACKIMAGE.jpg" />

Sql server report alignment to center of web page

I am using SQL Server Reporting service for reports and displaying it with Report viewer control.
It is displaying the report on left side of the page. I want it to be center aligned.
I tried Following things but it didn't worked out.
Wrapping Report viewer control in div or table and make it center aligned.
Zoom mode of Report viewer Control.
So please give me some solution for making it center aligned.

Try like this:
<div align="center">
<rsweb:ReportViewer ID="ReportViewer1" runat="server" DocumentMapWidth="100%"
Font-Names="Verdana" Font-Size="8pt" PromptAreaCollapsed="True"
ShowToolBar="False" Width="1100px" Height="100%">
</rsweb:ReportViewer>
</div>
OR With JQUERY:
$('#ReportViewer1_fixedTable tbody tr').attr("align", "center");
OR Server-Side:
ReportPageSettings rst = rptVwr.LocalReport.GetDefaultPageSettings();
if (rptVwr.ParentForm.Width > rst.PaperSize.Width)
{
int vPad = (rptVwr.ParentForm.Width - rst.PaperSize.Width) / 2;
rptVwr.Padding = new Padding(vPad, 1, vPad, 1);
}
[Adjustment with heigh and width]
Hope its helpful.

Adding an image to WebParts DeclarativeCatalog

I try to add an image banner as a catalog item, but it won't show the image at all. Do I have to wrap it in something or add a custom webpart for this functionality?
When I add the exact same code in an ordinary WebPartZone it shows the image correctly.
<asp:CatalogZone ID="CatalogZone1" runat="server">
<ZoneTemplate>
<asp:PageCatalogPart ID="PageCatalogPart1" runat="server" />
<asp:DeclarativeCatalogPart ID="DeclarativeCatalogPart1" runat="server" >
<WebPartsTemplate>
<asp:Image ID="Image1" ImageUrl="..." runat="server" />
</WebPartsTemplate>
</asp:DeclarativeCatalogPart>
</ZoneTemplate>
</asp:CatalogZone>