2014-08-07 4 views
0

Здесь я создал несколько кодов. Когда я попробовал на своей веб-странице строки (параметры (например, MENDEL, DARWIN, FUNNY FACTS)), моя проблема в том, что она не равна. пожалуйста помогите. ниже. ширина не равна.Как сделать мои коды правильными. используя теги ad tt tt

<html> 
<head><title>DARMENTEUR</title></head> 
<body background="bg.jpg"> 
<table width="100%" align="center"> 
<tr> 
<td colspan="5"><br> 
<h1 align="center" style="font-family:imagination station;color:#FFFFFF;font-size:54pt"><marquee direction="left" behaviour="scroll">DARMENTEUR</marquee></h1> 
</td> 
</tr> 
<tr> 
<td style="width:20%;"> 
<a href="information.html" target="t1"><p align="center" style="font-family:imagination station 
;font-size:14pt;color:white;">DARWIN</p></a></td> 

<td style="width:20%;"> 
<a href="gallery2.html" target="t1"><p align="center" style="font-family:imagination station;font-size:15pt;color:white;">MENDEL<*/p></a></td> 

<td style="width:10%;"> 
<a href="quotes12.html" target="t1"><p align="center" style="font-family:imagination station;font-size:15pt;color:white;">PASTEUR</p></a></td> 

<td style="width:20%;"> 
<a href="hi.html" target="t1"><p align="center" style="font-family:imagination station;font-size:15pt;color:white;">MINI QUIZ</p></a></td> 

<td style="width:20%;"> 
<a href="hi.html" target="t1"><p align="center" style="font-family:imagination station;font-size:15pt;color:white;">FUNNY FACTS</p></a></td> 
</tr> 

<tr> 
<td colspan="3" style="width:400px;"> 
<iframe src="info.html" width="1320px" height="1000" name="t1" id="t1"> 
<p> iframes are not supported by your browser.</p> 
</td> 
</tr> 

</table> 
</body> 
</html> 
</html> 
+0

вы слышали [CSS] (http://www.w3schools.com/css/ default.asp)? – afaolek

ответ

1

Проблема здесь с шириной и высотой, которую Вы определяете для IFrame тега, это приведет к все столбцы становятся неравными (насколько я понять Ваш вопрос, который вы хотите, чтобы все столбцы, чтобы быть ширина фикс), проверьте код ниже я сделал необходимые изменения, это будет сделать все столбцы одинаковой ширины:

<html> 
<head><title>DARMENTEUR</title></head> 
<body background="bg.jpg"> 
<table width="100%" align="center"> 
<tr> 
<td colspan="5"><br> 
<h1 align="center" style="font-family:imagination station;color:#000;font-size:54pt"><marquee direction="left" behaviour="scroll">DARMENTEUR</marquee></h1> 
</td> 
</tr> 
<tr> 
<td style="width:20%;"> 
<a href="information.html" target="t1"><p align="center" style="font-family:imagination station 
;font-size:14pt;color:black;">DARWIN</p></a></td> 

<td style="width:20%;"> 
<a href="gallery2.html" target="t1"><p align="center" style="font-family:imagination station;font-size:15pt;color:black;">MENDEL</p></a></td> 

<td style="width:10%;"> 
<a href="quotes12.html" target="t1"><p align="center" style="font-family:imagination station;font-size:15pt;color:black;">PASTEUR</p></a></td> 

<td style="width:20%;"> 
<a href="hi.html" target="t1"><p align="center" style="font-family:imagination station;font-size:15pt;color:black;">MINI QUIZ</p></a></td> 

<td style="width:20%;"> 
<a href="hi.html" target="t1"><p align="center" style="font-family:imagination station;font-size:15pt;color:black;">FUNNY FACTS</p></a></td> 
</tr> 

<tr> 
<td colspan="5" style="width:400px; " align="center"> 
<iframe src="info.html" name="t1" id="t1"> 
<p> iframes are not supported by your browser.</p> 
</td> 
</tr> 

</table> 
</body> 
</html> 
</html> 
Смежные вопросы