Sök  
 
Skribent Inlägget Löst
Google
 
     

  Forum » ASP.NET 2.0 » Kalenderdesign  
 
Skriven av: danne16 | den 19 oktober 2011 Kl 12:53
Kalenderdesign
Jag har en ren estetisk fråga. Jag blir lite irriterad på de streck som finns under samtliga datum i en ASP.NET Calendar-kontroll. Är det någon som vet vad understrecken har för funktion? Går det överhuvud taget att få bort dessa streck?

Antal svar 5




Skriven av: MacTommy | den 19 oktober 2011 Kl 13:07
Du borde kunna trolla bort dessa med CSS.... Har du kollat hur HTML-elementen ser ut och vad de har för CSS-klasser?
Skriven av: danne16 | den 19 oktober 2011 Kl 13:24
Det är ju en standard ASP.NET WebControls Calendar

Här är min kalender:
Kod:
<div>
<asp:Calendar style="margin-top: -10px; margin-left: 55px;" id="Calendar1" runat="server" Height="180px" Width="200px" Font-Names="Arial" Font-Size="X-Small" BorderStyle="Solid" Font-Underline="False" Font-Bold="False" OnSelectionChanged="Calendar1_SelectionChanged" Caption="VÄLJ DAG" FirstDayOfWeek="Monday" BorderColor="White" BorderWidth="1px">
<SelectedDayStyle backcolor="PaleGoldenrod" font-bold="True" forecolor="Black"></SelectedDayStyle>
<WeekendDayStyle backcolor="#D3DEED" bordercolor="White" borderwidth="1px" borderstyle="Solid" forecolor="Red"></WeekendDayStyle>
<TodayDayStyle backcolor="LightSteelBlue" bordercolor="White" borderwidth="1px" borderstyle="Solid" font-bold="True"></TodayDayStyle>
<OtherMonthDayStyle backcolor="#E0E0E0"></OtherMonthDayStyle>
<DayStyle wrap="False" backcolor="#D3DEED" bordercolor="White" borderwidth="1px" borderstyle="Solid" font-names="Arial" font-size="X-Small" forecolor="Black"></DayStyle>
<DayHeaderStyle backcolor="#C9C9C9" font-names="Arial" font-size="X-Small"></DayHeaderStyle>
<TitleStyle backcolor="Gainsboro" bordercolor="White" borderwidth="1px" borderstyle="Solid" font-names="Times New Roman" font-size="Small"></TitleStyle>
</asp:Calendar>
</div>




Skriven av: MacTommy | den 19 oktober 2011 Kl 13:51
Kom på att jag använt den kontrollen själv för ett tag sedan.

Det du kan göra är att wrappa calender kontrollen i en div och sett en class på den <div class="kalender"><asp:calender...></div>

I CSS-filen så borde man kunna köra med detta för att bli av med understrykningen.

.calender  table tr td a { text-decoration: none; }
Skriven av: danne16 | den 19 oktober 2011 Kl 15:15
Jag skrev in fökjande under <body>:
<style>
TABLE A {text-decoration:none}
</style>
Då fick jag det att fungera.
Tack för hjälpen.
Skriven av: MacTommy | den 19 oktober 2011 Kl 16:01
Tänk bara på om du kör detta att alla länkar i en tabell kommer att "tappa" understrykningen... En div som wrappar runt kalendern med ett specifikt class-namn elliminerar sådana eventualiteter. ;)
 
     

  Svara på inlägg  
 
Du måste vara medlem på ASPsidan för att kunna skriva i forumet.
För att bli medlem klicka här.
 
     

  » Logga in  
 
Användarnamn

Lösenord

 
     

  » Bli medlem  
  Bli medlem på ASPsidan!  
     

     
  Microsoft  
     

  » Partners  
  Comsolvia  
     
  » ANNONS  
  ingen annons än  
     

  » Senast online  
  Endast för inloggade  
  Antal inloggade: 1  
     

Copyright © 2007 www.ASPsidan.se
ingen sponsrar längre ASPsidan med Dedikerad Server
ASPsidan RSS
   
 XHTML / CSS
Det tog 0,2500 sekunder att ladda sidan