Jag har säkert klantat till det rejält, och vet inte hur jag skall lösa det snyggt.
Via en webbservice och SlideShowExtender1 så visar jag upp bilder ifrån en bestämd mapp. Det jag vill göra är att visa skugga(shadow) runt bilden.
.skugga
{
filter:shadow(color=black);
border:thick white; padding:0.5em;border-style: ridge;
background: color:#F5F5DC;
}
//om jag försöker att använda den direkt på bilden, så syns ingen skugga.
//om jag lägger det i en div så fungerar det, men efte3rsom bilderna har lite
//olika storlek så blir det inte bra
<div style=" position:relative; left:4%; top:10px; text-align:center;margin: 0px 0px 0px 0px">
div class="skugga" style="height:225px; width:70%; ">
<asp:Image ID="Image2" ImageUrl="~/Image/Vinter/Tallgården.JPG" runat="server" CssClass="kant"
Height="220px" >
</div>
<div style="position:relative; left:-50px; top:10px;">
<asp:Label ID="Label1" runat="server" Width="250px" CssClass="Titel"
Text="Tillsammans i Tillsammans..."></asp:Label>
</div>
</div>
Jag är väldigt tacksam för förslag om förbättring här. :stud
Jag satt igår och försökte att hitta någonting på nätet, det enda som jag fann var att jag var inte ensam om att ha problem med att sätta en class på asp image...
..och detta gjorde susen, nu får jag skuggan på bilderna som jag ville.
Men hur jag än gör, så kan jag inte centrera bilderna.
Jag har ju två divar i diven för att se till att texten kommer under bilden, det är ända anledningen, men tar jag bort de två, så ibland så lägger sig labelen till höger om bilden och det går inte att centrera.
Tips tas tacksamt imot. :stud
Tack voigtann1 för att du försöker men det blev inte bra.Bilderna är tagna med olika kamror och storleken kan variera. Bilden blev inte centrerad.
Dessutom labelen fär sin text ifrån bildnamnet. Jag har sparat bilderna som "I_vårsolens_glans.jpg". Innan jag visar dem, så tar jag bort extension och replaca bort "_". Detta innebär att om bilden inte är bred nog, så kan texten radbrytas.
Jag håller med dig om att table inte är bra att syssla med, men just nu så är det ända som jag har fått att fungera.
Så här ser den genererade koden ut
Jag förstå inte vad du menar med att bilder och text inte är centrerade och förstå inte heller vad du menar med filnamnet, vad kör du för doctype? Och ingen av.bilderna få ju vara större än din parent div. Skapa klassnamn och Styles till dom så är det enklare att orientera sig i din kod.
Postar gärna exempel på vilket sätt det inte fungera
Docktypen är ingenting som jag ändrar på normalt, den genereras av Visual Studio <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
Vad filnamnet är, du mäste skoja, det är ju det namnet som kopplas ihop med asp image för att det skall kunna bli en bild: ImageUrl="~/Image/Vinter/Tallgården.JPG" denna heter alltså tallgården.jpg.
Ingen av bilderna är större än diven..
Jag skickar med två bilder (rätt och fel) så du kan förstå mig.
För de som aldrig använder vs så är det svårt att veta vad för standard doctype de kör.
Sen om de är statiska bilder dvs du använder bara asp:image för att infoga en statisk bild (dvs du pekar ut bilden) så gör inte det, är ju onödigt att servern ta upp minne för det med en server tagg.
Låt mig citera dig min fråga av om bilden:
Jag har sparat bilderna som "I_vårsolens_glans.jpg". Innan jag visar dem, så tar jag bort extension och replaca bort "_". Detta innebär att om bilden inte är bred nog
Detta fattar jag inte alls vad det har med CSS att göra, att ha med eller utan "_" spelar mindre roll, om inte bilden heter rätt och servern hittar den så bli det en bruten bild.
Såg ett fel i din css: background: color:#F5F5DC;
vet inte riktigt vad du vill göra där, color sätter typsnittet och background-color är bakgrunden. det du har i din kod är en felaktig CSS och ge dig problem förmodligen.
Jag kan inte återskapa problemet med de CSS egenskaper du delar med dig just nu: http://jsbin.com/ijocag/edit (Om inte det är så att du är i IE och hamnar i quirks mode på din sida)?
