[CSS] Image overlapt tekst

Door Wessel Johnson op 10-08-2007 19:08

596 views

Hoi,

Ik was vanmiddag bezig met een begin van de layout voor m'n website, maar toen stuitte ik op het volgende probleem:

Ik heb een plaatje dat ik mbv float rechts uitlijn en datzelfde met de tekst, alleen lijn ik die links uit. Nu heb ik het probleem dat ik mijn tekst niet meer kan selecteren en ik kan niks invoeren in de input die ik daar heb staan. Het gaat om de volgende code's:

CSS:


BODY
			{
				background-color: white;
				color: black;
				font-size: 12px;
				font-family: Arial;
				padding: 0px;
				margin: 0px;
			}
			
			.menu
			{
				background-color: black;
				color: white;
				margin: 0px;
				padding: 40px;
				z-index: 100;
			}
			
			.page
			{
				padding: 40px;
				margin: 0px;
				font-size: 14px;
			}
			
			.fly
			{
				position: absolute;
				top: 25px;
				margin: 0px;
				z-index: 0;
			}
			
			.right
			{
				float: right;
				z-index: 0;
			}
			
			.clean
			{
				border: 0;
				color: white;
				width: 50%;
			}
			
			.imgclean
			{
				margin: 0px;
				z-index: 0;
			}
			
			.text
			{
				float: left;
				width: 73%;
			}
			
			.submenu
			{
				float: right;
				width: 25%;
			}
			
			.uitzondering
			{
				border: 1px #696969 solid;
				margin: 1px;
				padding 1px;
				background-color: #FFFFFF;
			}
			
			INPUT
			{
				border: 1px black solid;
				background-color: #C0C0C0;
				cursor: pointer;
			}
			
			#pass
			{
				position: relative;
				left: 2px;
			}

En de HTML:


<div class="fly">
				<img class="right" src="Pictures/header.jpg" alt="WesselB.nl!">
			</div>
			<div class="menu">
				<table class="clean">
					<tr>
						<td valign="top" align="left" width="33%">
							Nieuws
							<?php
								line(true);
							?>
							-nieuwtje<br>-nieuwtje<br>-nieuwtje<br>-nieuwtje<br>-nieuwtje<br>
						</td>
						<td valign="top" align="left" width="33%">
							Scripts
							<?php
								line(true);
							?>
							-scriptje<br>-scriptje<br>-scriptje<br>-scriptje<br>-scriptje<br>
						</td>
						<form action="javascript: login();">
							<td valign="top" align="left" width="34%">
								Login
								<?php
									line(true);
								?>
								<span id="loginmenu">
									Username: <input type="text" class="uitzondering" id="user" size="10">
									<br>
									Password: <input type="password" class="uitzondering" id="pass" size="10" onclick="this.select();">
									<br>
									<input type="submit" value="Login" class="uitzondering">
								</span>
							</td>
						</form>
					</tr>
				</table>
			</div>

Ik hoop dat iemand me hiermee zou kunnen helpen.

Alvast bedankt,
Wessel Bruinsma

[edit]
Oeps, ik heb het perongelukt in de verkeerde catagorie geplaatst. Zou een mod het willen verplaatsen?
[/edit]