[CSS][HTML][PHP]Prośba o sprawdzenie strony i pomoc z div Opcje

[lucas307]

Witam serdecznie, zrobiłem sobie stronę swojej firmy, ale zastanawiam się jak wprowadzić tekst na stronie bez użycia tabel.
może ktoś też podpowie mi co mogę zrobić by usprawnić stronę.
Oto link do stronki z góry dziękuję za pomoc i wyrozumiałość gdyż jest to moja pierwsza strona www.
Solidny-dom.eu

[phpek]

Na jakiejś stronie na ktorej ma to byc wyswietlane wstaw

[HTML] pobierz, plaintext 
<div id="id_diva">
tekst
<br>
jakis tekst
<br>
inny tekst
<br>
</div>
[HTML] pobierz, plaintext 

a w pliku z stylem

[CSS] pobierz, plaintext 
#id_diva {
 
/* styl diva */
 
}
[CSS] pobierz, plaintext 

[b4rt3kk]

Z tego co widzę po źródle strony wszystko wpakowane jest w tabelki. Jeśli pytasz o divy. można to zrobić w ten sposób.

[HTML] pobierz, plaintext 
<div class="rama"> // Ten div stanowi ramy dla reszty. 
 
<div class="logo"> //Tutaj logo </div>
 
<div class="menu"> //Tutaj menu górne </div>
 
<div class="tresc"> //Tutaj treść </div>
 
<div class="stopka"> //Tutaj stopka </div>
 
</div>
[HTML] pobierz, plaintext 

Określasz ich atrybuty poprzez css, nie potrzebują określania położenia, same ułożą się jeden div pod drugim.

Jeśli chodzi o odpowiednie odstępy pomiędzy tekstem, ustaw atrybuty css dla p:

p.klasa {
margin: 0px 0px 0px 0px; // tak dla przykładu
}

zamiast dawać każdą linijkę tekstu w oddzielnym wierszu tabeli. Obrazki ladnie przytnij i wstaw jako tlo dla div.

div.klasa {
background-image: url("sciezka");
position: //tutaj wstawiasz lewo, prawo, gora, dol, itp.
repeat: no-repeat // lub repeat-x repeat-y w zależności od potrzeby
}

Ten post edytował b4rt3kk 6.09.2010, 19:40:09

[lucas307]

może inaczej cały index jest zbudowany na div problem zaczyna się w momencie jak chcę załadować środek strony
a mianowicie mam taki kod

[PHP] pobierz, plaintext 
<div class="right">
	   <?  if($_GET["par"]=="") include("gl.php"); if($_GET["par"]==gl) include("gl.php"); if($_GET["par"]==of) include("of.php"); if($_GET["par"]==ort) include("ort.php"); if($_GET["par"]==bd) include("bd.php"); if($_GET["par"]==ww) include("ww.php"); if($_GET["par"]==mb) include("mb.php");if($_GET["par"]==aw) include("aw.php");if($_GET["par"]==gal) include("gal.php"); if($_GET["par"]==lk) include("lk.php"); if($_GET["par"]==knt) include("knt.php");
	  ?>
	</div>
[PHP] pobierz, plaintext 

W tym miejscu na stronie głównej ładuje mi się plik gl.php

kod gl.php

[HTML] pobierz, plaintext 
<table width="782" border="0" align="center">
<tr>
<td width="19"></td>
<td colspan="2" align="right" class="style2">&nbsp;</td>
<td width="22"></td>
</tr>
<tr>
<td width="19"></td>
<td colspan="2" align="right" class="style2">Strona główna</td>
<td width="22"></td>
</tr>
<tr>
<td></td>
<td width="577"></td>
<td width="136"></td>
<td></td>
</tr>
<tr>
<td></td>
<td colspan="2" class="glowny1"><p>Witamy na stronie naszej firmy.</p>
  </td>
<td></td>
</tr>
<tr>
<td></td>
<td colspan="2" class="glowny1">Została ona  tak skonstruowany by każdy klient w łatwy sposób mógł Nas rozpoznać. </td>
<td></td>
</tr>
<tr>
<td></td>
<td colspan="2" class="glowny1"></td>
<td></td>
</tr>
<tr>
<td></td>
<td colspan="2" class="glowny1"></td>
<td></td>
</tr>
<tr>
<td>&nbsp;</td>
<td class="glowny1">W Naszej pracy kierujemy się najwyższymi standardemi  stosowanymi w Unii Europejskiej. </td>
<td rowspan="7" class="glowny1"><img src="images/bob%20budowniczy.jpg" width="134" height="200" alt="" /></td>
<td>&nbsp;</td>
</tr>
<tr>
<td>&nbsp;</td>
<td class="glowny1">&nbsp;</td>
<td>&nbsp;</td>
</tr>
<tr>
<td>&nbsp;</td>
<td class="glowny1">Kilkunastoletnie doświadczenie na rynku budowlanym jest gwarancją bezpieczeństwa i satysfakcji Naszych Klientów.</td>
<td>&nbsp;</td>
</tr>
<tr>
<td>&nbsp;</td>
<td class="glowny1">Obecnie na stronie trwają pracę budowlane. Przepraszamy za wszelkie utrudnienia </td>
<td>&nbsp;</td>
</tr>
<tr>
<td>&nbsp;</td>
<td class="glowny1">Serdecznie zapraszamy do zapoznania się z Naszą ofertą!!!</td>
<td>&nbsp;</td>
</tr>
<tr>
<td>&nbsp;</td>
<td class="glowny1">&nbsp;</td>
<td>&nbsp;</td>
</tr>
<tr>
<td>&nbsp;</td>
<td class="glowny1">&nbsp;</td>
<td>&nbsp;</td>
</tr>
</table>
[HTML] pobierz, plaintext 

Tą cześć kodu chciałbym zastąpić divami
a mianowicie żeby wyglądało to tak

Niestety myślę nad tym cały czas ale mi nie wychodzi.
Bardzo proszę o pomoc

[b4rt3kk]

No więc tak, kod html powinien wyglądać tak (same divy).

[HTML] pobierz, plaintext 
<div class="rama">
 
<div class="naglowek">Naglowek</div>
<div class="tekst">Tekst</div>
<div class="obrazek">Obrazek</div>
 
</div>
[HTML] pobierz, plaintext 

No i jeśli o sam html chodzi to tyle, następnie definiujesz style css dla divów.

[HTML] pobierz, plaintext 
div.rama {
width: 500px;
}
 
div.naglowek {
width: 500px;
}
 
div.tekst {
width: 350px;
float: left;
}
 
div.obrazek {
width: 150px;
float: right;
}
[HTML] pobierz, plaintext 

Szerokości, itp, tak tylko dla przykładu, najważniejszy jest tutaj float. No i wiadomo w środku definiujesz już sobie co tylko zapragniesz, natomiast powyższy kod pozwoli Ci ułożyć to tak jak chcesz. Mam nadzieję że pomogłem.

Mam jeszcze takie pytanie, po co Ci ta kosmiczna tabelka? Czy to ma pomóc w ułożeniu tekstu na stronce? Nie prościej dać <br/>?