Mam aktualnie 2 problemy:
Niewiem czemu, ale po zrzuceniu stronki na server: niewyswietlaja sie obrazki. W Aptana wyswietla sie wszystko poprawnie.
Adres stronki: http://www.2poczatek.za.pl/#
Tutaj screen: http://imageshack.us/f/856/beztytuuqtn.png/
Chodzi mi o to, by ten biały napis po lewo wskoczył w te 3 pola po prawo. Dwoje sie i troje i nic nie działa, marginesy niedziałają - gdy wpisuje wartosći im są wyższe tym tekst sie coraz bardziej rozjeżdza i ostatecznie zawija w linijke pod. Jeszcze wkleje kod stronki.
Code: Zaznacz cały
<!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=utf-8" />
<meta http-equiv="content-language" content="pl" />
<meta name-"robots" content="index, follow" />
<title>Moja pierwsza strona www</title>
<meta name="description" content="Moja pierwsza strona www" />
<meta name="keywords" content="Moja pierwsza strona www, pierwsza strona www" />
<link href="style.css" rel="stylesheet" type="text/css" />
<style type="text/css">
/*<![CDATA[*/
*
{
padding: 0; /* dopełnienie ustawione na 0*/
margin: 0; /* margines ustawiony na 0 */
}
body
{
background-image: url('obrazki/charcoal.gif'); /* osadzenie tła strony */
background-attachment: fixed; /*ustawienie przymocowania tła: na ustalone z góry */
}
#kontener /* kontener - przetrzymuje reszte elementów naszej strony */
{
width: 1004px; /*szerokosc prawidłowo powinna byc 1004px*/
margin: 0 auto; /* wysrodkowanie- dodatkowo ustawione w divie align="center" dla starych przeglądarek */
}
#stronka_01
{
position: relative; /* pozycjonowanie relatywne wzdledem siebie */
margin-top: 10px; /*margines gorny ustawiony na 10 px */
background-image: url('obrazki/Bez-nazwy-1_01.gif'); /* adres obrazka */
width: 1004px; /* szerokosc */
height: 141px /* wysokosc */
}
img.logo
{
position: absolute; /* pozycjonowanie wzgledem stronka_01 a nie przeglądarki */
border: 0; /* obwoluta wokol loga znikla */
left: 20px; /* połozenie zawsze 20 px od lewej strony stronka_01 */
top: 45px; /* połozenie 20 px od gory stronka_01 */
}
#kontakt_box
{
position: absolute;
right: 20px;
top: 20px;
color: white;
font-size: 11px;
font-family: "Trebuchet MS", Helvetica, sans-serif;
line-heght: 125%; /* odstepy miedzy liniami */
}
#menu_gorne
{
background-image: url('obrazki/Bez-nazwy-1_02.gif');
width: 1004px; /* szerokosc */
height: 41px; /*wysokosc */
}
#wlasciwe_gorne_menu li
{
list-style-type: none; /* brak kropek w liscie */
float: left; /*opływa po lewej stronie, zmienia pion linkow na poziom */
}
#wlasciwe_gorne_menu li a
{
border-bottom: none;
Color: #C7C7D4;
font-size: 13px;
font-family: "Trebuchet MS", Helvetica, sans-serif;
font-weight: bold;
font-style: italic;
}
span.link
{
display: inline-block;
margin-top: 10px;
}
/*]]>*/
</style>
</head>
<body>
<div align="center">
<div id="kontener">
<div id="stronka_01">
<a href="http://www.google.pl"><img class="logo" src="obrazki/logo.jpg" alt="Logo zwykłe" /></a>
<div id="kontakt_box">
<table>
<tr><th>Kontakt:</th></tr>
<tr><td>sdfsdfsdf</td></tr>
<tr><td>dsfsdf</td></tr>
<tr><td>dsfdsf</td></tr>
<tr><td>dsfdsf</td></tr>
<tr><td>dsfdsfsdfsdf</td></tr>
</table>
</div> <!-- koniec div kontakt box -->
</div> <!-- koniec div stronka 01 -->
<div id="menu_gorne">
<ul id="wlasciwe_gorne_menu">
<li><a href="#"><span class="link">asassas</span></a></li>
<li><a href="#"><span class="link">dsdssdd</span></a></li>
<li><a href="#"><span class="link">fdfdfdff</span></a></li>
</ul>
</div> <!-- koniec div menu gorne-->
</div> <!-- koniec div kontener -->
</div>
</body>
</html>
tak więc to co zobaczylem pod adresem 
