Jump to content
  • 0

Chrome удручает...


laird
 Share

Question

Итак... шапка сайта разбита на таблицу - 4 строки и куча столбцов замысловатым образом.

В firefox сайт отображается аки миленький, в хроме капризничает. ФактЪ в том, что надо сайтец подогнать под хром... :facepalmxd:

вотЪ...

прилагаю скрины и код:

google chrome:

f7b35497d8a4t.jpg

firefox:

72e3c6b64ed2t.jpg

сделал видными границы border="1"

cbe2e5d649d2t.jpg

код с элементом таблиц:


<div align="center">
<table cellspacing="0" width="100%" cellpadding="0" border="0">

<tr>
<td colspan="6" width="100%">
<img src="header.bmp" width="100%">
</td>
</tr>

<tr>
<td colspan="6" width="100%">
<table cellspacing="0" width="100%" cellpadding="0" border="0">
<tr>

<td width="13%"><center>
<img src="h2-1.bmp" width="100%">
</center></td>

<td width="15%"><center>
<a href="web-design.html"><img src='h2-2.bmp'
onmouseover="this.src='h2-2.bmp'"
onmouseout="this.src='h2-2.bmp'" border=0 width=100%></a>
</center></td>

<td width="12%"><center>
<img src="h2-3.bmp" width="100%">
</center></td>

<td width="15%"><center>
<a href="index.html"><img src='h2-4.bmp'
onmouseover="this.src='h2-4.bmp'"
onmouseout="this.src='h2-4.bmp'" border=0 width=100%></a>
</center></td>

<td width="14%"><center>
<img src="h2-5.bmp" width="100%">
</center></td>

<td width="13%"><center>
<a href="admin.html"><img src='h2-6.bmp'
onmouseover="this.src='h2-6.bmp'"
onmouseout="this.src='h2-6.bmp'" border=0 width=100%></a>
</center></td>

<td width="18%"><center>
<img src="h2-7.bmp" width="100%">
</center></td>
</tr>
</table>

<tr>

<td colspan="6" width="100%">
<table cellspacing="0" width="100%" cellpadding="0" border="0">
<tr>

<td width="16%"><center>
<img src="h3-1.bmp" width="100%">
</center></td>

<td width="11%"><center>
<a href="price.html"><img src='h3-2.bmp'
onmouseover="this.src='h3-2.bmp'"
onmouseout="this.src='h3-2.bmp'" border=0 width=100%></a>
</center></td>

<td width="36%"><center>
<img src="h3-3.bmp" width="100%">
</center></td>

<td width="7%"><center>
<a href="atc.html"><img src='h3-4.bmp'
onmouseover="this.src='h3-4.bmp'"
onmouseout="this.src='h3-4.bmp'" border=0 width=100%></a>
</center></td>

<td width="12%"><center>
<a href="contacts.html"><img src='h3-5.bmp'
onmouseover="this.src='h3-5.bmp'"
onmouseout="this.src='h3-5.bmp'" border=0 width=100%></a>
</center></td>

<td width="18%"><center>
<a href="video.html"><img src='h3-6.bmp'
onmouseover="this.src='h3-6.bmp'"
onmouseout="this.src='h3-6.bmp'" border=0 width=100%></a>
</center></td>
</tr></table>

</tr>

<tr>
<td colspan="6">
<img src="header4.bmp" width="100%">
</td>
</tr>

</table>
<br>

хелпЪ, плизЪ :)

Link to comment
Share on other sites

11 answers to this question

Recommended Posts

  • 0

Меня в этом случае больше верстка удручает, чем хром.

1) зачем <center>?

2) почему img, а не background?

3) можно же :hover использовать, а не onmouse

4) где css?

так я ж совсем дилетант :blush:

вот <center> убрал

а background эт как? :rolleyes: и с :hover как? :rolleyes:

css не люблю ^_^

zSpx

накой ссылка если пример и код дан - в том участке и косяк наверное :)

Edited by laird
Link to comment
Share on other sites

  • 0

laird, Дружище, тут один диагноз. Учебник в зубы и вперёд, учиться, учиться и учиться. Ну а после уже можно будет задуматься, как и что делать.

css не люблю ^_^

Хочешь научиться делать качественную работу, придётся влюбиться по уши.

Link to comment
Share on other sites

  • 0

laird, Дружище, тут один диагноз. Учебник в зубы и вперёд, учиться, учиться и учиться. Ну а после уже можно будет задуматься, как и что делать.

эх, знаю :rolleyes: я и учусь :)

нет, ну как-то же в моем случае можно быстро и легко подправить :o

Link to comment
Share on other sites

  • 0

Ну вот быстренький пример, если делать на таблицах http://jsfiddle.net/9f6Lp/

А теперь садимся за учебники, как сказал дядя Максим, и начинаем понимать, как и что здесь работает :) Когда доходим до полного осмысления, делаем тоже самое, но на дивах. Ферштейн? :)

Link to comment
Share on other sites

  • 0

Ну вот быстренький пример, если делать на таблицах http://jsfiddle.net/9f6Lp/

А теперь садимся за учебники, как сказал дядя Максим, и начинаем понимать, как и что здесь работает :) Когда доходим до полного осмысления, делаем тоже самое, но на дивах. Ферштейн? :)

лан, спс, буду разбираться дальше, что ж поделать :)

Link to comment
Share on other sites

  • 0

Ну вот быстренький пример, если делать на таблицах http://jsfiddle.net/9f6Lp/

А теперь садимся за учебники, как сказал дядя Максим, и начинаем понимать, как и что здесь работает :) Когда доходим до полного осмысления, делаем тоже самое, но на дивах. Ферштейн? :)

лан, спс, буду разбираться дальше, что ж поделать :)

1) Разбираться надо, конечно.

2) Пример можно безболезненно перетащить к себе в проект. Я в нем ответил на все свои замечания по вашей верстке.

Однако без п.1, п.2 бесполезен :)

Link to comment
Share on other sites

  • 0

Обалдеть)) Вот это да)) Обычно у человека сущность такая, делать более быстрее , эффективнее и проще... Но тут что-то инопланетное)

Просто на css все ясно и понятно будет.

Link to comment
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.

Guest
Answer this question...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

 Share

×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue. See more about our Guidelines and Privacy Policy