[Resolved]CSS and Absolute Positioning..
HTML Code:
<style>
div {font-family:Verdana; font-size:12px}
p {font-family:Verdana; font-size:30px; font-weight:bold; color:red;margin:0px}
</style>
</head>
<body>
<table border="1">
<tr>
<td style="height:25px;width:25px;text-align:right;vertical-align:top">
9
<div style="z-index:1; position:absolute; left:15px;top:4px">
<p>X</p>
</div>
</td>
<td style="height:25px;width:25px;text-align:right;vertical-align:top">
10
<div style="z-index:1; position:absolute; left:47px;top:4px">
<p>X</p>
</div>
</td>
</tr>
</table>
Hey Guys, trying to do a calender, and I want to have little crosses on days that have passed... however position:absolute makes it incredibly hard to make the page.. I thought you could use position:relative and it would start from the corner of the cell instead, but it puts it onto a second line instead and the cell wraps around the text.
Any ideas? :\
Re: CSS and Absolute Positioning..
It's a weird thing to do, wouldn't it look better if you made the cross a background image for the cell?
Re: CSS and Absolute Positioning..
Mmm, but then the number appears in front of the cross (black writing on top of a red line)... which would probably look alittle weird. I dunno, I'll give it a try..
(still a work in progress :p) It looks ok I guess...:)
http://www.pcmstudios.com/test.php
1 Attachment(s)
Re: CSS and Absolute Positioning..
How about a sort of watermark effect?
Re: CSS and Absolute Positioning..
http://www.pcmstudios.com/360/360.php
Well, that looks good enough :) Got rid of the red square around the current day, its kinday stating the obvious when you have all those red X's behind it. Thanks penagate :)
Re: [Resolved]CSS and Absolute Positioning..
