Uitrekken

PHPsnaputnie · 12 mei 2007

Als ik iets bij navigation bij mijn site wil schrijven en ik schrijf te veel dan rekt hij zich wel uit maar er komt een streepje die ik niet weg kan krijgen wie kan me helpen?
Ik heb dit gesliced voor mijn site: klikje

. Is dat goed? Dit is de code:
<td background="images/ContentN.gif" width="129" height="363" alt=""colspan="2" rowspan="2"></td>

Alvast bedankt

DutchDisturbed · 13 mei 2007

srry welk streepje bedoel je precies? die onder home etc?
en wat bedoel je precies met teveel schrijven.....

PHPsnaputnie · 13 mei 2007

Dat waren de slices daar zat het streepje niet bij hier wel: klikje de streep staat onderaan

peter vazed · 13 mei 2007

Dit ligt aan het feit dat je colspan en rowspan gebruikt.

Zet in een td gewoon een nieuwe table.

Code zou makkelijker zijn.

PHPsnaputnie · 13 mei 2007

Huh dat snap ik niet helemaal peter vazed wil je de code effe geven.

peter vazed · 13 mei 2007

PHPsnaputnie zei:
Huh dat snap ik niet helemaal peter vazed wil je de code effe geven.

Ja, de html code van je pagina.

PHPsnaputnie · 13 mei 2007

Dit is de code:

Code:

<html>
<head>
<title>Dragonball-Wish</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
</head>
<body bgcolor="#FFFFFF" leftmargin="100" topmargin="0" marginwidth="0" marginheight="0">

<!-- ImageReady Slices (Dragonball-Wish.psd) -->

<table id="Table_01" width="801" height="801" border="0" cellpadding="0" cellspacing="0">
	
<tr>
<td background="images/Header.gif" width="800" height="197" alt="" colspan="9"></td>
<td background="images/spacer.gif" width="1" height="197" alt=""></td>
</tr>

<tr>
<td colspan="3">
<img src="images/Menuknops%20rechts.gif" width="175" height="50" alt=""></td>
<td>
<img src="images/Home%20Knop.gif" width="91" height="50" alt=""></td>
<td>
<img src="images/Media%20Knop.gif" width="107" height="50" alt=""></td>
<td>
<img src="images/Forum%20Knop.gif" width="107" height="50" alt=""></td>
<td>
<img src="images/Images%20Knop.gif" width="110" height="50" alt=""></td>
<td colspan="2">
<img src="images/Menuknops%20rechts-08.gif" width="210" height="50" alt=""></td>
<td>
<img src="images/spacer.gif" width="1" height="50" alt=""></td>
</tr>

<tr>
<td background="images/TopNCL.gif" width="800" height="70" alt="" colspan="9"></td>
<td background="images/spacer.gif" width="1" height="70" alt=""></td>
</tr>

<tr>
<td background="images/ContentN.gif" width="129" height="363" alt=""colspan="2" rowspan="2"><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR>&nbsp;&nbsp;&nbsp;&nbsp;heey</td>
<td background="images/ContentC.gif" width="531" height="363" alt="" colspan="6" rowspan="2"></td>
<td background="images/ContentL.gif" width="140" height="361" alt=""></td>
<td background="images/spacer.gif" width="1" height="361" alt=""></td>
</tr>

<tr>
<td background="images/Rechts%20Copyright%202007%20Dragonball-Wish.nl.gif" width="140" height="122" alt="" rowspan="2"></td>
<td background="images/spacer.gif" width="1" height="2" alt=""></td>
</tr>

<tr>
<td background="images/Dragonball-Wish_13.gif" width="1" height="120" alt=""></td>
<td background="images/Links%20Copyright%202007%20Dragonball-Wish.nl.gif" width="128" height="120" alt=""></td>
<td background="images/Copyright%202007%20Dragonball-Wish.nl.gif" width="531" height="120" alt="" colspan="6"></td>
<td background="images/spacer.gif" width="1" height="120" alt=""></td>
</tr>

<tr>
<td background="images/spacer.gif" width="1" height="1" alt=""></td>
<td background="images/spacer.gif" width="128" height="1" alt=""></td>
<td background="images/spacer.gif" width="46" height="1" alt=""></td>
<td background="images/spacer.gif" width="91" height="1" alt=""></td>
<td background="images/spacer.gif" width="107" height="1" alt=""></td>
<td background="images/spacer.gif" width="107" height="1" alt=""></td>
<td background="images/spacer.gif" width="110" height="1" alt=""></td>
<td background="images/spacer.gif" width="70" height="1" alt=""></td>
<td background="images/spacer.gif" width="140" height="1" alt=""></td>
<td></td>
</tr>

</table>

<!-- End ImageReady Slices -->

</body>
</html>

Wat moet ik veranderen?

peter vazed · 13 mei 2007

Probeer dit eens:
een div met auto

PHP:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
     "http://www.w3.org/TR/1999/REC-html401-19991224/loose.dtd">
<html>
	<head>
		<title>
			Dragonball-Wish
		</title>
		<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
	</head>
	<body bgcolor="#FFFFFF" leftmargin="100" topmargin="0" marginwidth="0" marginheight="0">
		
		<!-- ImageReady Slices (Dragonball-Wish.psd) -->
		
		<table id="Table_01" width="801" height="801" border="10" cellpadding="0" cellspacing="0">
			
			<tr>
				<td background="images/Header.gif" width="800" height="197" alt="" colspan="9">
				</td>
				<td background="images/spacer.gif" width="1" height="197" alt="">
				</td>
			</tr>
			
			<tr>
				<td colspan="3">
					<img src="images/Menuknops%20rechts.gif" width="175" height="50" alt="">
								</td>
				<td>
					<img src="images/Home%20Knop.gif" width="91" height="50" alt="">
				</td>
				<td>
					<img src="images/Media%20Knop.gif" width="107" height="50" alt="">
				</td>
				<td>
					<img src="images/Forum%20Knop.gif" width="107" height="50" alt="">
				</td>
				<td>
					<img src="images/Images%20Knop.gif" width="110" height="50" alt="">
				</td>
				<td colspan="2">
					<img src="images/Menuknops%20rechts-08.gif" width="210" height="50" alt="">
				</td>
				<td>
					<img src="images/spacer.gif" width="1" height="50" alt="">
				</td>
			</tr>
			
			<tr>
				<td background="images/TopNCL.gif" width="800" height="70" alt="" colspan="9">
				</td>
				<td background="images/spacer.gif" width="1" height="70" alt="">
				</td>
			</tr>
			
			<tr>
				<td background="images/ContentN.gif" width="129" height="363" alt="" colspan="2" rowspan="2"  valign="top"  align="center">
					<!-- menutabel begin -->
					<div style="height: 363px;overflow:auto;">
						<table  width="100%" border="1" cellspacing="0" cellpadding="4" bgcolor="#dfdfdf" align="center" >
							<tr>
								<!-- Row 1 Column 1 -->
								<td bgcolor="#c0c0c0">
									
									link		1
									
								</td>
							</tr>
							<tr>
								<!-- Row 2 Column 1 -->
								<td >
									2
								</td>
							</tr>
							<tr>
								<!-- Row 3 Column 1 -->
								<td >
									3
								</td>
							</tr>
							<tr>
								<!-- Row 4 Column 1 -->
								<td >
									4
								</td>
							</tr>
							<tr>
								<!-- Row 5 Column 1 -->
								<td >
									5
								</td>
							</tr>
							<tr>
								<!-- Row 6 Column 1 -->
								<td >
									6
								</td>
							</tr>
							<tr>
								<!-- Row 7 Column 1 -->
								<td >
									7
								</td>
							</tr>
							<tr>
								<!-- Row 8 Column 1 -->
								<td >
									8
								</td>
							</tr>
							<tr>
								<!-- Row 9 Column 1 -->
								<td >
									9
								</td>
							</tr>
							<tr>
								<!-- Row 10 Column 1 -->
								<td >
									0
								</td>
							</tr>
							<tr>
								<!-- Row 1 Column 1 -->
								<td bgcolor="#c0c0c0">
									
									link		1
									
								</td>
							</tr>
							<tr>
								<!-- Row 2 Column 1 -->
								<td >
									2
								</td>
							</tr>
							<tr>
								<!-- Row 3 Column 1 -->
								<td >
									3
								</td>
							</tr>
							<tr>
								<!-- Row 4 Column 1 -->
								<td >
									4
								</td>
							</tr>
							<tr>
								<!-- Row 5 Column 1 -->
								<td >
									5
								</td>
							</tr>
							<tr>
								<!-- Row 6 Column 1 -->
								<td >
									6
								</td>
							</tr>
							<tr>
								<!-- Row 7 Column 1 -->
								<td >
									7
								</td>
							</tr>
							<tr>
								<!-- Row 8 Column 1 -->
								<td >
									8
								</td>
							</tr>
							<tr>
								<!-- Row 9 Column 1 -->
								<td >
									9
								</td>
							</tr>
							<tr>
								<!-- Row 10 Column 1 -->
								<td >
									0
								</td>
							</tr>
							
						</table>
						 
					</div>
					<!-- menutabel end -->
				</td>
				<td background="images/ContentC.gif" width="531" height="363" alt="" colspan="6" rowspan="2">
				</td>
				<td background="images/ContentL.gif" width="140" height="361" alt="">
				</td>
				<td background="images/spacer.gif" width="1" height="361" alt="">
				</td>
			</tr>
			
			<tr>
				<td background="images/Rechts%20Copyright%202007%20Dragonball-Wish.nl.gif" width="140" height="122" alt="" rowspan="2">
				</td>
				<td background="images/spacer.gif" width="1" height="2" alt="">
				</td>
			</tr>
			
			<tr>
				<td background="images/Dragonball-Wish_13.gif" width="1" height="120" alt="">
				</td>
				<td background="images/Links%20Copyright%202007%20Dragonball-Wish.nl.gif" width="128" height="120" alt="">
				</td>
				<td background="images/Copyright%202007%20Dragonball-Wish.nl.gif" width="531" height="120" alt="" colspan="6">
				</td>
				<td background="images/spacer.gif" width="1" height="120" alt="">
				</td>
			</tr>
			
			<tr>
				<td background="images/spacer.gif" width="1" height="1" alt="">
				</td>
				<td background="images/spacer.gif" width="128" height="1" alt="">
				</td>
				<td background="images/spacer.gif" width="46" height="1" alt="">
				</td>
				<td background="images/spacer.gif" width="91" height="1" alt="">
				</td>
				<td background="images/spacer.gif" width="107" height="1" alt="">
				</td>
				<td background="images/spacer.gif" width="107" height="1" alt="">
				</td>
				<td background="images/spacer.gif" width="110" height="1" alt="">
				</td>
				<td background="images/spacer.gif" width="70" height="1" alt="">
				</td>
				<td background="images/spacer.gif" width="140" height="1" alt="">
				</td>
				<td>
				</td>
			</tr>
			
		</table>
		
		<!-- End ImageReady Slices -->
		
	</body>
</html>

PHPsnaputnie · 13 mei 2007

Zo bedoel ik het niet, ik wil dat het langer wordt

peter vazed · 13 mei 2007

PHPsnaputnie zei:
Zo bedoel ik het niet, ik wil dat het langer wordt

Als het langer moet worden zul je opnieuw moeten slicen.
En rekening houden met hoe het moet worden.
Snij anders je plaatje in twee stukken.
Dan beide plaatjes slicen.
Nu alles in twee tabellen zetten, bovenste en onderste.

PHPsnaputnie · 13 mei 2007

Ik snap niet echt hoe ik het moet slicen dan wil je het voor me tekenen met paint ofsow zo had ik het gesliced (je mag die img wel wijzige)

Alvast bedankt

peter vazed · 13 mei 2007

Daar heb ik niks aan.
Originele plaatje uploaden, gewoon even online zetten.

Zie:

PHP:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
     "http://www.w3.org/TR/1999/REC-html401-19991224/loose.dtd">
<html>
	<head>
		<title>
			Dragonball-Wish
		</title>
		<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
	</head>
	<body bgcolor="#FFFFFF" leftmargin="100" topmargin="0" marginwidth="0" marginheight="0">
		
		<!-- ImageReady Slices (Dragonball-Wish.psd) -->
		
		<table id="Table_01" width="801" height="801" border="10" cellpadding="0" cellspacing="0">
			
			<tr>
				<td background="images/Header.gif" width="800" height="197" alt="" colspan="9">
					11
				</td>
				<td background="images/spacer.gif" width="1" height="197" alt="">
					21
				</td>
			</tr>
			
			<tr>
				<td colspan="3">
					12
					<img src="images/Menuknops%20rechts.gif" width="175" height="50" alt="">
				</td>
				<td>
					22
					<img src="images/Home%20Knop.gif" width="91" height="50" alt="">
				</td>
				<td>
					32
					<img src="images/Media%20Knop.gif" width="107" height="50" alt="">
				</td>
				<td>
					42
					<img src="images/Forum%20Knop.gif" width="107" height="50" alt="">
				</td>
				<td>
					52
					<img src="images/Images%20Knop.gif" width="110" height="50" alt="">
				</td>
				<td colspan="2">
					62
					<img src="images/Menuknops%20rechts-08.gif" width="210" height="50" alt="">
				</td>
				<td>
					72
					<img src="images/spacer.gif" width="1" height="50" alt="">
				</td>
			</tr>
			
			<tr>
				<td background="images/TopNCL.gif" width="800" height="70" alt="" colspan="9">
					13
				</td>
				<td background="images/spacer.gif" width="1" height="70" alt="">
					23
				</td>
			</tr>
			
			<tr>
				<td background="images/ContentN.gif" width="129" height="363" alt="" colspan="2" rowspan="2"  valign="top"  align="center">
					<!-- menutabel begin -->
					14
					<br>
					<br>
					Hier veel tekst wegzetten.
					<br>
					Kijk wat er gebeurt.
					<br>
					
					<!--  -->
					 
					<!-- menutabel end -->
				</td>
				<td background="images/ContentC.gif" width="531" height="363" alt="" colspan="6" rowspan="2">
					24
				</td>
				<td background="images/ContentL.gif" width="140" height="361" alt="">
					34
				</td>
				<td background="images/spacer.gif" width="1" height="361" alt="">
					44
				</td>
			</tr>
			
			<tr>
				<td background="images/Rechts%20Copyright%202007%20Dragonball-Wish.nl.gif" width="140" height="122" alt="" rowspan="2">
					15
				</td>
				<td background="images/spacer.gif" width="1" height="2" alt="">
					25
				</td>
			</tr>
			
			<tr>
				<td background="images/Dragonball-Wish_13.gif" width="1" height="120" alt="">
					16
				</td>
				<td background="images/Links%20Copyright%202007%20Dragonball-Wish.nl.gif" width="128" height="120" alt="">
					26
				</td>
				<td background="images/Copyright%202007%20Dragonball-Wish.nl.gif" width="531" height="120" alt="" colspan="6">
					36
				</td>
				<td background="images/spacer.gif" width="1" height="120" alt="">
					46
				</td>
			</tr>
			
			<tr>
				<td background="images/spacer.gif" width="1" height="1" alt="">
					17
				</td>
				<td background="images/spacer.gif" width="128" height="1" alt="">
					27
				</td>
				<td background="images/spacer.gif" width="46" height="1" alt="">
					37
				</td>
				<td background="images/spacer.gif" width="91" height="1" alt="">
					47
				</td>
				<td background="images/spacer.gif" width="107" height="1" alt="">
					57
				</td>
				<td background="images/spacer.gif" width="107" height="1" alt="">
					67
				</td>
				<td background="images/spacer.gif" width="110" height="1" alt="">
					77
				</td>
				<td background="images/spacer.gif" width="70" height="1" alt="">
					87
				</td>
				<td background="images/spacer.gif" width="140" height="1" alt="">
					97
				</td>
				<td>
				</td>
			</tr>
			
		</table>
		
		<!-- End ImageReady Slices -->
		
	</body>
</html>

Al je rijen heb ik gemerkt, met de cellen.
Zoals je ziet zit rij 5 een beetje raar.

PHPsnaputnie · 14 mei 2007

Je kan toch screenshot maken en dan plakken op paint en dan wijzigen

wil je dat voor me doen plzzz dan kan ik weer vooruit

peter vazed · 14 mei 2007

Is di wa?

PHP:

 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
     "http://www.w3.org/TR/1999/REC-html401-19991224/loose.dtd">
<html>
<head>
<title>(Type a title for your page here)</title>
<meta name="GENERATOR" content="Arachnophilia 4.0">
<meta name="FORMATTER" content="Arachnophilia 4.0">
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<META name="description" content=" ">
<META name="keywords" content="  ">
<meta name="Author" content="Peter Vazed">
<META name="robots" content="index, follow">
<META name="revisit" content="7 days">
<meta http-equiv="Content-Style-Type" content="text/css">
<style type="text/css" media="all">
 @import url("zp.css"); 
</style>

<style type="text/css">

      BODY {
       margin: 0px 0px 0px 0px;
       font-family: verdana, arial, helvetica;
       background-color: #34628c;
       background-repeat: no-repeat;      
       font-size: 14px;
       font-color: #000000;
       color: #ffffff;
}
.logo{
 font-size: 29px;
   color: #ffff00;
 font-family: "comic sans ms", verdana, arial, helvetica;
padding:10px;
text-align:center;
}

.info{
 font-size: 11px;
   color: #ffffff;
 font-family:  verdana, arial, helvetica;
padding:12px;
text-align:left;
}
       </style>

</head>

<body  link="#0000ff" vlink="#800080" alink="#ff0000"  >
<table  width="766" border="0" cellspacing="0" cellpadding="0" align="center">
	<tr>
		<!-- Row 1 Column 1 -->
		<td style="background-image:url(splits-top.gif);height:58px">
	<!-- logo -->	<table  width="766" border="0" cellspacing="0" cellpadding="0" align="center">
	<tr>
		<!-- Row 1 Column 1 -->
		<td  width="1"   valign="top" ></td>
		<!-- Row 1 Column 2 -->
		<td width="115"  valign="top" ></td>
		<!-- Row 1 Column 3 -->
		<td width="10"  valign="top" >&nbsp;</td>
		<!-- Row 1 Column 4 -->
		<td style="width:523px"  valign="top" >
		<div class="logo">Hier komt Logo	 </div>	</td>
		<!-- Row 1 Column 5 -->
		<td width="10"  valign="top" >&nbsp;</td>
		<!-- Row 1 Column 6 -->
		<td width="98"  valign="top" >&nbsp;</td>
		<!-- Row 1 Column 7 -->
		<td width="1"  valign="top" ></td>
	</tr>
</table>
<!-- end kop -->
		</td>
	</tr>
</table>
<table  width="766" border="0" cellspacing="0" cellpadding="0" align="center" height="100%">
	<tr>
		<!-- Row 1 Column 1 -->
		<td style="background-image:url(splits-bg.gif);height:100%">
<table  width="766" border="0" cellspacing="0" cellpadding="0" align="center">
	<tr>
		<!-- Row 1 Column 1 -->
		<td  width="1"   valign="top" ></td>
		<!-- Row 1 Column 2 -->
		<td width="100"  valign="top" class="info">
			110<br>
<br>
<br>Hier komt <br>Link
<br><br>Link
<br><br>Link
<br>
<br>

		</td>
		<!-- Row 1 Column 3 -->
		<td width="10"  valign="top" ></td>
		<!-- Row 1 Column 4 -->
		<td width="563"  valign="top" class="info">
			490<br>
<br>
Hier komt content<br>
<br><br>
Hier komt content<br>
<br>
	<br>
Hier komt content<br>
<br><br>
Hier komt content<br>
<br><br>
Hier komt content<br>
<br>
	<br>
Hier komt content<br>
<br><table  bgcolor="#008080" width="95%" border="1" cellspacing="2" cellpadding="2" align="center">
	<tr>
		<!-- Row 1 Column 1 -->
		<td  valign="top" >
			Tabel
		</td>
		<!-- Row 1 Column 2 -->
		<td  valign="top" >
			voor tussendoor
		</td>
		<!-- Row 1 Column 3 -->
		<td bgcolor="#ffffff" valign="top" >
			3<br>
<img src="http://people.zeelandnet.nl/vazed/plaatjes/cerveja.gif" alt=""><br>
		</td>
	</tr>
</table>
<br>
Hier komt content<br>
<br><br>
Hier komt content<br>
<br>
	<br>
Hier komt content<br>
<br>

	<br>
Hier komt content<br>
<br>
	<br>
Hier komt content<br>
<br>
	<br>
Hier komt content<br>
<br>
	<br>
Hier komt content<br>
<br>
	<br>
Hier komt content<br>
<br>
	
		</td>
		<!-- Row 1 Column 5 -->
		<td width="10"  valign="top" ></td>
		<!-- Row 1 Column 6 -->
		<td width="80"  valign="top" class="info">
			110<br>
Hier komen linken
<br>
linken<br>
linken
		</td>
		<!-- Row 1 Column 7 -->
		<td width="1"  valign="top" ></td>
	</tr>
</table>


		</td>
	</tr>
</table></body>

</html>

Plaatjes heb je nodig:
twee stuks ->

peter vazed · 14 mei 2007

De twee plaatjes

PHPsnaputnie · 14 mei 2007

Hartstikke bedankt!!!!! Nu kan ik weer verder

. Eigenlijk snap ik niks van die code maja hoe moet ik het verwerken in mijn layout want dat was niet mijn gehele layout... dit is mijn voledige layout ik wil die copyright weg hebben, er boven moeten er nog 2 dingen bij hoe moet ik dat doen want ik wil het graag zelf leren dan alles aan iemand anders te vragen

Uitrekken

PHPsnaputnie

Gebruiker

DutchDisturbed

Gebruiker

PHPsnaputnie

Gebruiker

peter vazed

Meubilair

PHPsnaputnie

Gebruiker

peter vazed

Meubilair

PHPsnaputnie

Gebruiker

peter vazed

Meubilair

PHPsnaputnie

Gebruiker

peter vazed

Meubilair

PHPsnaputnie

Gebruiker

peter vazed

Meubilair

PHPsnaputnie

Gebruiker

peter vazed

Meubilair

peter vazed

Meubilair

Bijlagen

PHPsnaputnie

Gebruiker

Nieuwste berichten

Wij waarderen jouw privacy