Autor Zpráva
Delltar
Profil *
#1 · Zasláno: 13. 11. 2005, 21:37:59
Odpovědět Citovat
Abych to upřesnil, s optimalisací pro FF není problém, problém je s IE. nevýhodou je že web ještě není vystaven na netu. Proto se omlouvám ale důležitý kód nakopíruju přímo sem.
Zčnu problémem #1: Oproti všem radám jsem na stránce vytvořil tabulku o šířce 900 px (tedy o sto více než je maximální doporučená šířka 800 px kvuli rozlišení) tedy asi takto: 
<table id="maintable">

    <tr>

... s CSS:
 

#maintable { 

	background:#001F61;

	border-collapse:collapse;

	border-color:#001F61;

	border-style:none;

	width:900;

	

}

tato tabulka má v prostředním řádku další tabulku o třech sloupcích a ta má uprostřed tabulku o třech řídcích,
horní a spodní řádek jsou prázdné, pouze s pozadím aby byl vytvořen dojem oblé tabulky (na pozadí je obly obr.)
celkový kód vypadá asi takto: 

<html>

<head>

<title>Delltar's webblog</title>

<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-2">

<link href="main/style.css" rel="stylesheet" type="text/css">

</head>

<body>

<center>

  <br>

  <table id="maintable">

    <tr>

      <td><img src="main/img/head/head.png" alt="Delltar's web-blog" border="0" usemap="#Map2"></td>

    </tr>

    <tr>

      <td id="row"></td>

    </tr>

    <tr>

      <td id="spacetable"><table border="0">

          <tr>

            <td valign="top"><table id="leftmenu" rules="rows" frame="void">

                <tr>

                  <td id="menuup"></td>

                </tr>

                <tr>

                  <td style="background-image:url(main/img/menuhead/main.png)" height="20"></td>

                </tr>

                <tr>

                  <td valign="middle"><a id="menua" title="Novinky, aktuality atd." href="www.seznam.cz" ><span onMouseOver="this.style.color='#001F61'" onMouseOut="this.style.color='#FFFFFF'" id="menutext" ><img src="main/img/odr1.png" alt="">&nbsp;Novinky</span></a></td>

                </tr>

                <tr>

                  <td valign="middle"><a id="menua" title="Zanechte vskaz!" href="www.seznam.cz" ><span onMouseOver="this.style.color='#001F61'" onMouseOut="this.style.color='#FFFFFF'" id="menutext" ><img src="main/img/odr1.png" alt="">&nbsp;GuestBook</span></a></td>

                </tr>

                <tr>

                  <td style="background-image:url(main/img/menuhead/blog.png)" height="20"></td>

                </tr>

                <tr>

                  <td valign="middle"><a id="menua" title="Co kdo řekl." href="www.seznam.cz" ><span onMouseOver="this.style.color='#001F61'" onMouseOut="this.style.color='#FFFFFF'" id="menutext" ><img src="main/img/odr1.png" alt="">&nbsp;Citát týdne</span></a></td>

                </tr>

                <tr>

                  <td valign="middle"><a id="menua" title="aneb. co a jak" href="www.seznam.cz" ><span onMouseOver="this.style.color='#001F61'" onMouseOut="this.style.color='#FFFFFF'" id="menutext" ><img src="main/img/odr1.png" alt="">&nbsp;Polemika</span></a></td>

                </tr>

                <tr>

                  <td style="background-image:url(main/img/menuhead/pchry.png)" height="20"></td>

                </tr>

                <tr>

                  <td valign="middle"><a id="menua" title="Jak adrenalinová mohou být RC autíčka?" href="www.seznam.cz" ><span onMouseOver="this.style.color='#001F61'" onMouseOut="this.style.color='#FFFFFF'" id="menutext" ><img src="main/img/odr1.png" alt="">&nbsp;RC Racer</span></a></td>

                </tr>

                <tr>

                  <td valign="middle"><a id="menua" title="Need For Speed Most Wanted" href="www.seznam.cz" ><span onMouseOver="this.style.color='#001F61'" onMouseOut="this.style.color='#FFFFFF'" id="menutext" ><img src="main/img/odr1.png" alt="">&nbsp;Most Wanted</span></a></td>

                </tr>

                <tr>

                  <td style="background-image:url(main/img/menuhead/SW.png)" height="20"></td>

                </tr>

                <tr>

                  <td valign="middle"><a id="menua" title="Novinky, aktuality atd." href="www.seznam.cz" ><span id="menutext" title="Macromedia Flash" onMouseOver="this.style.color='#001F61'" onMouseOut="this.style.color='#FFFFFF'" ><img src="main/img/odr1.png" alt="">&nbsp;Flash</span></a></td>

                </tr>

                <tr>

                  <td valign="middle"><a id="menua" title="Novinky, aktuality atd." href="www.seznam.cz" ><span id="menutext" title="Macromedia DreamWeaver" onMouseOver="this.style.color='#001F61'" onMouseOut="this.style.color='#FFFFFF'" ><img src="main/img/odr1.png" alt="">&nbsp;DreamWeaver</span></a></td>

                </tr>

				<tr>

                  <td valign="middle"><a id="menua" title="Novinky, aktuality atd." href="www.seznam.cz" ><span id="menutext" title="Macromedia FireWorks" onMouseOver="this.style.color='#001F61'" onMouseOut="this.style.color='#FFFFFF'" ><img src="main/img/odr1.png" alt="">&nbsp;FireWorks</span></a></td>

                </tr>

                <tr>

                  <td style="background-image:url(main/img/menuhead/download.png)" height="20"></td>

                </tr>

                <tr>

                  <td valign="middle"><a id="menua" title="Stahujte SoftWare" href="www.seznam.cz" ><span onMouseOver="this.style.color='#001F61'" onMouseOut="this.style.color='#FFFFFF'" id="menutext" ><img src="main/img/odr1.png" alt="">&nbsp;SoftWare</span></a></td>

                </tr>

                <tr>

                  <td valign="middle"><a id="menua" title="Novinky, aktuality atd." href="www.seznam.cz" ><span id="menutext" title="Stahujte Hry" onMouseOver="this.style.color='#001F61'" onMouseOut="this.style.color='#FFFFFF'" ><img src="main/img/odr1.png" alt="">&nbsp;Hry</span></a></td>

                </tr>

                <tr>

                  <td valign="middle"><a id="menua" title="Novinky, aktuality atd." href="www.seznam.cz" ><span id="menutext" title="Vše možné i nemožné :-)" onMouseOver="this.style.color='#001F61'" onMouseOut="this.style.color='#FFFFFF'" ><img src="main/img/odr1.png" alt="">&nbsp;Ostatní</span></a></td>

                </tr>

                <tr>

                  <td id="menudown"></td>

                </tr>

              </table></td>

            <td id="column" width="15"></td>

            <td id="spacetable" valign="top" align="center"><table border="0" bordercolor="#054F89" width="590" rules="rows" frame="void">

                <tr>

                  <td id="mainup"></td>

                </tr>

                <tr>

                  <td id="hlavni" valign="top"><br>

                    <br>

                    <br>

                    <br>

                    <br>

                    <br>

                  <br></td>

                </tr>

                <tr>

                  <td id="maindown"></td>

                </tr>

              </table></td>

            <td id="column"></td>

            <td valign="top"><table id="rightmenu" rules="rows" frame="void">

                <tr>

                  <td id="menuup"></td>

                </tr>
Delltar
Profil *
#2 · Zasláno: 13. 11. 2005, 21:41:46
Odpovědět Citovat
Pokračuje takto (ještě jednou se omlouvám že tu tak tapetuju)
<td>&nbsp;</td>
</tr>
<tr>
<td>&nbsp;</td>
</tr>
<tr>
<td>&nbsp;</td>
</tr>
<tr>
<td>&nbsp;</td>
</tr>
<tr>
<td>&nbsp;</td>
</tr>
<tr>
<td>&nbsp;</td>
</tr>
<tr>
<td>&nbsp;</td>
</tr>
<tr>
<td>&nbsp;</td>
</tr>
<tr>
<td id="menudown"></td>
</tr>
</table></td>
</tr>
</table></td>
</tr>
</table>
<img src="main/img/foot.png" border="0" usemap="#Map">
<map name="Map">
<area shape="rect" coords="176,16,292,54" href="mailto:Delltar@gmail.com" alt="" title="Pošlete mi mail.">
<area shape="rect" coords="296,16,412,54" href="http://web.icq.com/whitepages/message_me?uin=210398535&action=me ssage" alt="" title="Kontaktujte mně přez ICQ">
</map>
</center>

</body>
</html>

[/pre]
CSS styl je zde: 

html, body { 

	background:#001F61;

	color:white;

	scrollbar-base-color:#001F61;

	scrollbar-arrow-color:white;

}



img {

	border:none;

}



#menua { 

	text-decoration:none;

}



#maintable { 

	background:#001F61;

	border-collapse:collapse;

	border-color:#001F61;

	border-style:none;

	width:900;

	

}



#space {

	border:1;

	border-color:#054F89;

	

}



#space { 

	background:#054F89;

	border:1;

	border-collapse:collapse;

	border-color:#001F61;

	width:auto;

	

}



#spacetable { 

	background:##001F61;

	border:0;

	border-collapse:collapse;

	height:100%;

	width:100%;

	border-color:#001F61;

	

}



#leftmenu { 

	background:#054F89;

	border:none;

	border-collapse:collapse;

	border-color:#001F61;

	height:auto;

	width:140;

	

}



#rightmenu { 

	background:#054F89;

	border:1;

	border-collapse:collapse;

	border-color:#001F61;

	height:auto;

	width:140;

	

}

#main { 

	background:#054F89;

	border:1;

	border-collapse:collapse;

	border-color:#001F61;

	width:auto;

	

}



#column { 

	width:12;

	background:#001F61;

	

}



#row {

	height:8;

	background:#001F61;

	

}



#menuup {

	background-image:url(img/menuup.png);

	height:20;

	

}



#menudown {

	background-image:url(img/menudown.png);

	height:20;

	

}



#hlavni {

	background-color:#054F89;

	border-collapse:collapse;

	

}



#mainup {

	background-attachment:fixed;

	background-image:url(img/mainup.png);

	background-position:center center;

	background-repeat:no-repeat;

	height:20;

	

}



#maindown {

	background-image:url(img/maindown.png);

	height:20;

	

}



#menutext {

	font-family:Arial, Helvetica, sans-serif;

	font-size:14px;

	text-decoration:none;

	color:#FFFFFF;

	

	

}

No a, ve FF se vše zobrazuje dobře ale v IE se mezi buňkami levého a pravého menu dělají bílé čáry místo tmavomodrých, a vnitřní obsahová tabulka (mazi levým a pravým menu) je nějak divná a obrázek na pozadí její horní a dolní buňky který vytváří dojem oblé tabulky je větší než šířka buňky a tak sou useknuté, a je po efektu...

Napadlo mně jestzli není pomocí CSS možné upravit velikost obrázku na pozadí, tak aby "seděl".
Timy
Profil
#3 · Zasláno: 13. 11. 2005, 21:51:54
Odpovědět Citovat
nechceš spíš dát link? Promiň, ale v tomhle se mi nechce přehrabovat.
Časová prodleva: 18 let
Toto téma je uzamčeno. Odpověď nelze zaslat.

0