Forum Webmastera, HTML, CSS, PHP, MySQL, Hosting, Domeny - Forum dla Webmasterów
[css] zamieszczanie jpg. - Wersja do druku

+- Forum Webmastera, HTML, CSS, PHP, MySQL, Hosting, Domeny - Forum dla Webmasterów (https://www.webmastertalk.pl)
+-- Dział: Technologie internetowe - tworzenie stron WWW (https://www.webmastertalk.pl/forum-technologie-internetowe-tworzenie-stron-www)
+--- Dział: Początkujący webmaster (https://www.webmastertalk.pl/forum-poczatkujacy-webmaster)
+--- Wątek: [css] zamieszczanie jpg. (/thread-css-zamieszczanie-jpg)



[css] zamieszczanie jpg. - wawrzyn - 30-09-2010

Witam,
jestem początkujący w kwestii css i html,
modyfikuję stronę www zarobioną na htlm/css.
Postanowiłem użyć tabel. W każdej komórce musi znajdować się obrazek jpg.
Niestety, gdy je zamieszczam, "wychodzą" poza tabelę. Potrzeba jest taka,
aby trzymały się jej ram.
Czy możecie pomóc mi w tej kwestii?


RE: [css] zamieszczanie jpg. - Mayestic - 30-09-2010

http://www.kurshtml.boo.pl/html/tabele.html
Ale dziś nie tworzy się już strona na tabelach. Od tego są divy (i HTML5, który pozwala ograniczyć ich ilość). Poczytaj o css


RE: [css] zamieszczanie jpg. - wawrzyn - 30-09-2010

tabele zastosowałem, ponieważ obok siebie muszę umieścić dwie kolumny, w każdej po kilkanaście pól (w tabeli byłyby to komórki).
Nie wiem, jak zrobić div, które funkcjonują obok siebie. Czy ktoś wie może?


RE: [css] zamieszczanie jpg. - ixtab - 01-10-2010

divowi, który ma być z lewej strony nadajesz styl "float:left". Musisz wtedy też określić jego szerokość. Procentowo lub w pixelach.


RE: [css] zamieszczanie jpg. - R_Rafalsky - 04-10-2010

CSS:

Kod:
#div1 {

CSS:

Kod:
#div1 {
float: left;
width: 40%;

#div2 {
float: right;
width: 40%;
}
HTML:
Kod:
<div id=div1></div><div id=div2></div>

To utworzy dwa divy jeden obok drugiego na 80% ekranu.