Results 1 to 6 of 6

Thread: [Resolved]CSS and Absolute Positioning..

  1. Jan 8th, 2006, 04:18 AM #1
    Pc_Madness
    Pc_Madness is offline

    Thread Starter
    PowerPoster Pc_Madness's Avatar
    Join Date
    Dec 2001
    Location
    Melbourne, Australia
    Posts
    2,765

    Resolved [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? :\
    Last edited by Pc_Madness; Jan 8th, 2006 at 07:27 AM.
    Don't Rate my posts.
    Reply With Quote Reply With Quote
  2. Jan 8th, 2006, 05:01 AM #2
    penagate
    penagate is offline
    I'm about to be a PowerPoster!
    Join Date
    Jan 2005
    Location
    Everywhere
    Posts
    13,647

    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?
    Reply With Quote Reply With Quote
  3. Jan 8th, 2006, 06:20 AM #3
    Pc_Madness
    Pc_Madness is offline

    Thread Starter
    PowerPoster Pc_Madness's Avatar
    Join Date
    Dec 2001
    Location
    Melbourne, Australia
    Posts
    2,765

    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 ) It looks ok I guess...
    http://www.pcmstudios.com/test.php
    Last edited by Pc_Madness; Jan 8th, 2006 at 06:28 AM.
    Don't Rate my posts.
    Reply With Quote Reply With Quote
  4. Jan 8th, 2006, 06:48 AM #4
    penagate
    penagate is offline
    I'm about to be a PowerPoster!
    Join Date
    Jan 2005
    Location
    Everywhere
    Posts
    13,647

    Re: CSS and Absolute Positioning..

    How about a sort of watermark effect?
    Attached Images Attached Images  
    Reply With Quote Reply With Quote
  6. Jan 8th, 2006, 07:23 AM #5
    Pc_Madness
    Pc_Madness is offline

    Thread Starter
    PowerPoster Pc_Madness's Avatar
    Join Date
    Dec 2001
    Location
    Melbourne, Australia
    Posts
    2,765

    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
    Don't Rate my posts.
    Reply With Quote Reply With Quote
  7. Jan 8th, 2006, 07:33 AM #6
    penagate
    penagate is offline
    I'm about to be a PowerPoster!
    Join Date
    Jan 2005
    Location
    Everywhere
    Posts
    13,647

    Re: [Resolved]CSS and Absolute Positioning..

    No problems!
    Reply With Quote Reply With Quote
« Previous Thread | Next Thread »

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •  

Forum Rules


Click Here to Expand Forum to Full Width