ok! Du kan via css flytta en gråad text bakom vanliga texten för att få det att se ut som en skugga. Hej! det där kanske funkar, men i så fall enbart i Internet Explorer. Det går dock att lösa problemet med CSS och högst antagligen DOM pillande, ska se om jag hittar länken jag tänker på.. Det här fungerar. Skapa ett nytt dokument med detta innehåll: Lysande och tack... Det finns flera sätt: <TABLE>-tagen tillåter att du specificerar en fast bredd. Det gör du genom: Det betyder bara att man specificerar att fontens storlek skall vara 100%! Dvs 100% motsvarar fontens normalstorlek - oftast 10px. Det har inget att göra med tabellstorleken (som diskussionen gällde tidigare). 100% är helt enkelt 100% av storleken från parrent och till sist 100% av standardstorleken (tror jag?). Apropå skuggor, så har jag ett gammalt exempel liggandes.Sv:Skugga text
Jag tänkte mig mer på en vanlig html sida. Det är så här att jag har en kund som vill ha skuggad text me samtidigt att den skall byta färg. För att slippa skapa en massa bilder så tänkte jag om det fanns att man i CSS kunde koda att ex texten skulle vara skuggad. Som någon typ av egenskap eller motsvarande
/TyronneSv: Skugga text
Eller om du bara bryr dig om IE så kan du använda denna css:
<code>
filter: Shadow(Color=#888888, Direction=135, Strength=5)
</code>Sv:Skugga text
jag lade in den så här:
<code>
a.Mapp:link {
font-family:Arial, Helvetica, sans-serif;
font-size:13 ;
font-weight:bold;
color: #FF0000;
filter: Shadow(Color=#888888, Direction=135, Strength=5);
text-decoration: none;
}
a.Mapp:hover {
font-family:Arial, Helvetica, sans-serif;
font-size:13;
font-weight:bold;
color: #666666;
filter: Shadow(Color=#888888, Direction=135, Strength=5);
text-decoration: none;
}
a.Mapp {
font-family:Arial, Helvetica, sans-serif;
font-size:13;
font-weight:bold;
color: #FF0000;
text-decoration: none;
filter: Shadow(Color=#888888, Direction=135, Strength=5);
font-style: normal;
}
</code>
Men fixk inte den effekten jag önskade. dvs ingenting hände.
/TyronneSv: Skugga text
EDIT: några länkar
http://www.alistapart.com/articles/cssdropshadows/
http://nontroppo.org/test/shadow.html
eller http://www.sitepoint.com/newsletter/viewissue.php?id=5&issue=7&format=html#6Sv: Skugga text
<code>
<head>
<style type="text/css">
<!--
.shadow {font-size: 40px; font-weight: bold; filter: DropShadow(Color=aeaeae, OffX=5, OffY=5, Positive=1); width: 100%; height: 60px;}
-->
</style>
</head>
<body>
<span class="shadow">skuggad stor text</span>
</body>
</code>
/ PerSv:Skugga text
Bara en fråga. Jag undrar om ni vet något knep för att få tabeller mm att hålla sina givna mått. Jag har under lång tid tampats med att tabeller celler. ökar i bredd mm när man arbetar med dem. Jag villa att fast ram skall vara fast. Förstår ni vad jag menar. Speciellt om man använder tabell i tabell mm.
/TyronneSv: Skugga text
<table width="700">
vilket betyder 700 pixels fast bredd.
Denna property kan också användas i CSS-definitionen av table:
table {width:700px}Sv: Skugga text
Sv: Skugga text
Sätter du en massa nästlade <div>:ar som har font-size: 80% så blir texten mindre och mindre hela tiden.
Tänk på att em är det samma som %, 0.8em = 80%.
ThomasSv: Skugga text
<code>
<HTML>
<HEAD>
<style type=text/css>
body {background-color:green;}
div {background-color:#336699;width:300px; height:200px;position:absolute;left:50; top:50;}
table {width:300px; height:200px; position:relative;left:-8; top:-8;}
td {background-color:lightblue; }
.div2 {background-color:#333399;width:300px; height:200px;position:absolute;left:400; top:50;}
.tabell2 {width:300px; height:200px; position:relative;left:8; top:8;}
.td2 {background-color:blue; width:150px; height:200px;}
.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:#993300;position:absolute; left:450; top:300;}
.bild {widht:100px; height:100px; position:relative;left:-4; top:-1;}
</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><br><br>
<p class=skugga>Lite svalkande skugga kanske ?</p>
<div class=bildskugga>
<img src="http://www.bilder-nu.com/natur/na20.jpg" class=bild>
</div>
</BODY>
</HTML></code>