Fetstil Fetstil Kursiv Understrykning linje färgläggning tabellverk Punktlista Nummerlista Vänster Centrerat högerställt Utfyllt Länk Bild htmlmode
  • Forum & Blog
    • Forum - översikt
      • .Net
        • asp.net generellt
        • c#
        • vb.net
        • f#
        • silverlight
        • microsoft surface
        • visual studio .net
      • databaser
        • sql-server
        • databaser
        • access
        • mysql
      • mjukvara klient
        • datorer och komponenter
        • nätverk, lan/wan
        • operativsystem
        • programvaror
        • säkerhet, inställningar
        • windows server
        • allmänt
        • crystal reports
        • exchange/outlook
        • microsoft office
      • mjukvara server
        • active directory
        • biztalk
        • exchange
        • linux
        • sharepoint
        • webbservers
        • sql server
      • appar (win/mobil)
      • programspråk
        • c++
        • delphi
        • java
        • quick basic
        • visual basic
      • scripting
        • asp 3.0
        • flash actionscript
        • html css
        • javascript
        • php
        • regular expresssion
        • xml
      • spel och grafik
        • DirectX
        • Spel och grafik
      • ledning
        • Arkitektur
        • Systemutveckling
        • krav och test
        • projektledning
        • ledningsfrågor
      • vb-sektioner
        • activeX
        • windows api
        • elektronik
        • internet
        • komponenter
        • nätverk
        • operativsystem
      • övriga forum
        • arbete karriär
        • erbjuda uppdrag och tjänster
        • juridiska frågor
        • köp och sälj
        • matematik och fysik
        • intern information
        • skrivklåda
        • webb-operatörer
    • Posta inlägg i forumet
    • Chatta med andra
  • Konto
    • Medlemssida
    • Byta lösenord
    • Bli bonsumedlem
    • iMail
  • Material
    • Tips & tricks
    • Artiklar
    • Programarkiv
  • JOBB
  • Student
    • Studentlicenser
  • KONTAKT
    • Om pellesoft
    • Grundare
    • Kontakta oss
    • Annonsering
    • Partners
    • Felanmälan
  • Logga in

Hem / Forum översikt / inlägg

Posta nytt inlägg


Skuggad div

Postades av 2005-03-14 14:31:28 - Daniel Åsberg, i forum html/css, Tråden har 5 Kommentarer och lästs av 826 personer

Kan man utan bilder få en o-fade:ad skugga på ett lager?
(vill inte ha nånting som bara fungerar i IE)


Svara

Sv: Skuggad div

Postades av 2005-03-14 14:41:21 - Simon Dahlbacka

m.h.a. DOM manipulationer kan du göra "vad som helst"

Exempel: http://www.sitepoint.com/examples/textshadows/ (där sätter dom dropshadow på text, men pricipen är ungefär den samma)


Svara

Sv: Skuggad div

Postades av 2005-03-14 17:12:17 - Göran Andersson

Du kan ju lägga ett annat lager bakom, lite förskjutet, så att det blir skuggan.


Svara

Sv:Skuggad div

Postades av 2005-03-14 18:09:07 - Bo Eriksson

Så här brukar jag göra skuggor, kanske finns bättre sätt!

<code>
<HTML>
<HEAD>
<style type=text/css>
body {background-color:green;}
div {background-color:#333366;width:300px; height:200px;position:absolute;left:50; top:50;}
table {width:300px; height:200px; border:2px solid black; position:relative;left:-8; top:-8;}
td {background-color:lightblue; }

.div2 {background-color:#333333;width:300px; height:200px;position:absolute;left:400; top:50;}
.tabell2 {width:300px; height:200px; border:2px solid black; position:relative;left:8; top:8;}
.td2 {background-color:silver; width:150px; height:200px; border:1px solid black;}

.skugga {
FONT-FAMILY:Verdana;
FONT-WEIGHT:800;
FONT-SIZE:14pt;
COLOR:darkblue;
LINE-HEIGHT:40pt;
HEIGHT:1pt;
FILTER:DropShadow(Color=gray,OffX=4,OffY=4)
}

.bildskugga {width:100px; height:100px; background-color:gray;position:absolute; left:450; top:300;}
.bild {widht:100px; height:100px; position:relative;left:-5; top:-3;}

</style>
</HEAD>
<BODY>
<div>
<table cellpadding=0 cellspacing=0>
<tr>
<td>
</td>
</tr>
</table>
</div>
<div class=div2>
<table class=tabell2 cellpadding=0 cellspacing=0>
<tr>
<td class=td2>
</td>
<td class=td2>
</td>
</tr>
</table>
</div>
<br><br><br><br><br><br><br><br><br><br><br><br>
<p class=skugga>Lite svalkande skugga kanske ?</p>
<div class=bildskugga>
<img src="bild1.jpg" class=bild>
</div>
</BODY>
</HTML>
</code>


Svara

Sv:Skuggad div

Postades av 2005-03-15 14:31:19 - Daniel Åsberg

Göran Andersson:
detta lager som ska ligga bakom. Kan man lägga det innuti det främre lagret? Och då på så vis få samma bred med "width:100%" ?


Svara

Sv: Skuggad div

Postades av 2005-03-15 21:51:33 - Göran Andersson

Nej, jag tror inte det. Ifall du lägger en div i en annan så tror jag inte att du kan få den att ligga bakom.


Svara

Nyligen

  • 08:28 Butiksskyltar: Hur upplever utbude
  • 22:31 Slappna av
  • 19:55 kick-off med fokus på hälsa?
  • 19:53 kick-off med fokus på hälsa?
  • 16:24 Föreslå en skönhetsklinik online
  • 16:23 Föreslå en skönhetsklinik online
  • 18:42 Hvor finder man håndlavede lamper
  • 18:41 Hvor finder man håndlavede lamper

Sidor

  • Hem
  • Bli bonusmedlem
  • Läs artiklar
  • Chatta med andra
  • Sök och erbjud jobb
  • Kontakta oss
  • Studentlicenser
  • Skriv en artikel

Statistik

Antal besökare:
Antal medlemmar:
Antal inlägg:
Online:
På chatten:
4 570 768
27 960
271 761
361
0

Kontakta oss

Frågor runt konsultation, rådgivning, uppdrag, rekrytering, annonsering och övriga ärenden. Ring: 0730-88 22 24 | pelle@pellesoft.se

© 1986-2013 PelleSoft AB. Last Build 4.1.7169.18070 (2019-08-18 10:02:21) 4.0.30319.42000
  • Om
  • Kontakta
  • Regler
  • Cookies