[CSS] dodawanie stylu zewnętrznego

1 maja 2013

Witam, zacząłem naukę css i napotkałem problem z dodaniem stylu zewnętrznego do takiej strony:

<!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="pl" lang="pl">
<head>
   <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-2" />
   <meta name="Description" content="Strona główna kanału LKTM" />
   <link rel="Stylesheet" type="text/css" href="style.css" />
   <meta name="Keywords" content="*" />
   <title>*</title>

</head>
   <body>
       <table cellpadding="0" rules="none" border="0" width="70%" align="center" valign="middle" cellspacing="0">
           <tr valign="top" align="center">
               <td colspan="5">
               <center><a href="index.html"><img src="banner.gif" alt="Admin zgubił obrazek, sorry." /></a>
               </td>
           </tr>
           <tr style="color: white;" width="100%" height="40" cellspacing="0" border="0">
                   <td valign="middle" width="20%" border="0">
                   <center><a style="text-decoration:none; color:white;" href="index.html">123</a>
                   </td>

                   <td valign="middle" width="20%" border="0">
                   <center><a style="text-decoration:none; color:white;" href="newsy.html" >123</a>
                   </td>

                   <td valign="middle" width="20%" border="0">
                   <center><a style="text-decoration:none; color:white;" href="informacje.html" >123</a>
                   </td>

                   <td valign="middle" width="20%" border="0">
                   <center><a style="text-decoration:none; color:white;" href="kontakt.html" >123</a>
                   </td>

                   <td valign="middle" width="20%" border="0">
                   <center><a style="text-decoration:none; color:white;" href="przykład.html" >123</a>
                   </td>

               </tr>
       </table>

   </body>
</html>

plik css:

body
{
bacground-image:url('tlo.gif');
}
td [width="20%"]
{
background-image:url('niepodświetlony_guzik.png');
}

niby wszystko jest ok ale kiedy otwieram stronę przez firefox to nie widzę tła, które jest dodawane przez css.

Edytowane 2 maja 2013 przez impune_pl

2 maja 2013

W css, w selektorze [b]body[/b] masz literówkę. Powinno być:

background-image: url('tlo.gif');

Żeby tło komórki wyświetlało się poprawnie, w css usuń spację pomiędzy [b]td[/b] a początkiem nawiasu kwadratowego, oraz polski znak z nazwy pliku png.

Tak na marginesie: nie buduj strony na tabelach oraz nie używaj znacznika center (od tego masz css).

2 maja 2013

Ok, dzięki.

Zaloguj się

[CSS] dodawanie stylu zewnętrznego

impune_pl

leggo

impune_pl

Wciąż szukasz rozwiązania problemu? Napisz teraz na forum!

Strona główna

Powiadomienie o plikach cookie