У меня есть слой заголовка в верхней части страницы с фоновым изображением. В этом слое есть таблица с ссылками, которые выровнены с фоновым изображением. Позиция фонового изображения переключается с помощью jquery. Шрифт для ссылок выполняется с помощью Google Webfonts. Все в A-Okay в Firefox. В IE8 ни одно из содержимого рендеринга таблицы, все, что вы видите, - это фоновое изображение внизу.Содержимое таблицы IE8, которое не отображается
Я попытался изменить шрифт по умолчанию, проблема не устранена. Ссылки являются привязными тегами внутри ячеек, я пытался их изменить, присваивая больше параметров привязным тегам, проблема остается.
Когда я ошибался в таблице IE в IE, все результаты относятся к проблеме ширины с colspan. Я попытался найти ошибки, связанные с Google Webfonts, но когда я изменил шрифт на значение по умолчанию, он все еще ничего не показывал. Ваша помощь оценена:
Соответствующие CSS:
@import url(http://fonts.googleapis.com/css?family=Tangerine&subset=latin);
@import url(http://fonts.googleapis.com/css?family=Philosopher&subset=latin);
body, html {
margin:0px;
padding-top:0px;
}
#header {
width:792px;
height:190px;
overflow:hidden;
border:1px solid #754c78;
background-color:#754c78;
background:url('images/header_sprite.jpg') no-repeat top left;
}
.header_td {
width:132px;
height:190px;
padding-top:150px;
text-align:center;
cursor:pointer;
}
.link {
font-family: 'Tangerine', serif;
font-size: 32px;
text-shadow: 1px 1px 0px #ffffff;
text-decoration:none;
color:#754c78;
}
.link_over {
font-family: 'Tangerine', serif;
font-size: 32px;
text-shadow: 1px 1px 0px #754c78;
text-decoration:none;
color:#ffffff;
}
HTML:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en" dir="ltr">
<head>
<link rel="stylesheet" type="text/css" href="main.css" />
<script type="text/javascript" src="jquery-1.4.2.js"></script>
<script type="text/javascript" src="nav.js"></script> <title>{B&E} - Contact/RSVP</title>
</head>
<body>
<center>
<div id="container">
<div id="b_e"></div>
<div id="header">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td id="sprite1td" class="header_td" title="Welcome"><div class="link">Welcome</div></td>
<td id="sprite2td" class="header_td" title="Proposal"><a class="link">Proposal</a></td>
<td id="sprite3td" class="header_td" title="Ceremony"><a class="link">Ceremony</a></td>
<td id="sprite4td" class="header_td" title="Reception"><a class="link">Reception</a></td>
<td id="sprite5td" class="header_td" title="Registry"><a class="link">Registry</a></td>
<td id="sprite6td" class="header_td" title="Contact/RSVP"><a class="link">Contact</a></td>
</tr>
</table>
</div> <div id="content">
<div class="title">Contact</div>
<div class="text"><br /><br /></div>
</div>
<div id="footer"><div class="copy">©<a class="credentials"> Brandon Condrey 2010</a></div></div> </div>
</center>
</body>
</html>
Любая помощь у вас есть ценится.
PS - Я не могу получить контроль над этой уценкой, что блок HTML-кода навсегда ушел.
Мне нравится копировать-вставлять код из отдельного редактора, а затем выбирать его и нажать кнопку 101010, что отстутствует выделение четырех пробелов, необходимых для уценки, чтобы увидеть его как код. –
Спасибо, Фрэнк! Это было именно то, что мне нужно. –