🚀 go-pugleaf

W dniu piątek, 27 stycznia 2017 18:34:10 UTC+1 użytkownik niepełnosprawny intelektualnie 'POPIS/EU napisał:
> sory za ot, ale gdzie indziej nikogo nie ma
> 
> nie mogę ogarnąć ustawiania wysokości i szerokości komórek w tabeli...
> 
> żadne height i width na <tr i na <td nie działają...
> 
> może Ktoś pomóc?

sprawdź marginesu tekstu i pading. Dodatkowo możesz skorzystać z css.

mogę Cię prosić o małą pomoc, Innych też

rozumiem, że jak mam grafikę na stronę, to całą stronę dzielę na 
prostokąty div-ami i w nich umieszczam treść?

ale jak to formalnie zrobić? jeśli wielkości prostokątów są różne?

czy po prostu dajemy float i marginesy? jeśli nie to jak to się robi?

zawsze ukladasz od lewej w prawo. dzieki temu jak zmieni sie rozmiar to sie uloza wlasciwie. mozesz uzyc float. ale jak korzystasz z gotowej siatki to scalaj prostokonty.

dzieki
ale nie do końca czaję o co chodzi z tym scalaniem?

chciałbym prosić o wsparcie,

próbuję zrobić podział strony na divy

każdy obrazek to div z float left

wiersze obrazków próbuję obudować zewnętrznym divem,

i dostaję  coś takiego:

http://zsyp.eu/smieci/ramki-z-div.PNG

div opakowujący cały czas rozszerza mi się do szerokości body

na czym polega haczyk? Ktoś podpowie?

kod:

CSS ---------------------------------

<style type="text/css">
	u* {
		margin: 0 0 0 0;
		padding: 0 0 0 0;
	}

	body {
		width: 1600px;
		margin: 0 auto 0 auto;
		font-family: sans-serif;
	}

	#obrazek_2_1 {
		float: left;
	}
	
	#obrazek_2_2 {
		float: left;
	}
	
	#obrazek_2_3 {
		float: left;
	}
	
	#obrazek_2_4 {
		float: clear;
	}
	
	#obrazek_3_1 {
		float: left;
	}
	
	#obrazek_3_2 {
		float: left;
	}

	#obrazek_3_3 {
		float: clear;
	}
	
	
	
WWW -------------------------------------

<div id="obrazek_1_1"><img src="obrazek_1_1.JPG"></div>
<div style="overflow: auto; border-style: solid double dotted 
dashed;"><div id="obrazek_2_1"><img src="obrazek_2_1.JPG"></div>
<div id="obrazek_2_2"><img src="obrazek_2_2.JPG"></div>
<div id="obrazek_2_3"><img src="obrazek_2_3.JPG"></div>
<div id="obrazek_2_4"><img src="obrazek_2_4.JPG"></div></div>
<!--<div style="width: 1000px; overflow: auto; border-style: solid 
double dotted dashed;"><div id="obrazek_3_1"><img 
src="obrazek_3_1.JPG"></div>-->
<div style="width: 860px; border-style: solid double dotted 
dashed;"><div id="obrazek_3_1"><img src="obrazek_3_1.JPG"></div>
<div id="obrazek_3_2"><img src="obrazek_3_2.JPG"></div>
<div id="obrazek_3_39"><img src="obrazek_3_3.JPG"></div></div>
<div id="obrazek_3_4"><img src="obrazek_3_4.JPG"></div>

ogólnie nie idzie mi "rozpychanie" divów...
oczywiście mógłbym zrobić na sztywno podając wymiary divów,
ale chciałbym, żeby się same rozpychały,
dam dwa obrazki po sobie z float, to żeby div zewnętrzny sie rozpychał 
na oba...

może Ktoś pomóc? dzięki z góry

prosciej na clasach zamiast na id. chcesz by wszystko bylo ulozone 


prosty test. 

css》
.kontener {
    width: 700px
    heigth: 400px
}
.left {
    float :left;
}

html》
<div class='kontener'><!-- to jest div kontener z obrazkami -->
    <div class='left'>obrazek. kopiujesz tego diwa tyle razy ile masz obrazkow.</div>

</div>

wybacz za literowki pisze z telefonu.

poczytaj o style polecam w3c shool.com

cze
no ale Kolega zrobił to na podawanych sztywno wymiarach
a mi chodziło o rozpychanie diva automatycznie,
coby sam się powiększał zawierając w sobie divy wewnętrzne...

to przykład moga też być procenty
width : 100%; /* cały ekran na szerokość*/

dzięki, ale nie o to chodzi
chodzi o automatyczne rozszerzanie według zawartych w nim divów 
wewnętrznych,

czy tak się nie robi?

i wszystkie divy daje się z określonymi wymiarami?

a jak pogodzić takiego diva opakowującego z floatem kiedy div jest 
wyłączany z "zajętości" powierzchni diva zewnętrznego?

Lektura na dziś.

http://www.w3schools.com/css/css3_transitions.asp
https://jsfiddle.net/

ja frajer próbuję coś od Ciebie się dowiedzieć,
a Ty mnie cały czas zwodzisz...

czy strony buduje się na divach o określonych wymiarach?

i jak wykrywać wejście smartfonów, coby, jak się domyślam,
wygenerować inny szablon strony (divy o innych wymiarach)?

o, teraz coś załapałem,

jak się div kontener zmniejszy (smartfon)
to rozumiem, że trzeba divom wewnętrznym ustawić jakieś skalowanie?

Dnia Mon, 6 Feb 2017 22:23:35 -0800 (PST), Rafal Podsiadly napisał(a):

> Lektura na dziś.
> 
> http://www.w3schools.com/css/css3_transitions.asp

Mniejsza już o sensowność odpisywania mu, ale czemu linkujesz do
transitions?

-- 
Borys Pogoreło
borys(#)leszno,edu,pl

czujesz się źle bo dziś cię przyjaciele tuska nie wycfelili?

załóż sobie nowy wątek, bo mój chyba nie godny takiego wirtuoza zmiennej 
pomocniczej...

W dniu wtorek, 7 lutego 2017 20:29:34 UTC+1 użytkownik Borys Pogoreło napisał:
> Dnia Mon, 6 Feb 2017 22:23:35 -0800 (PST), Rafal Podsiadly napisał(a):
> 
> > Lektura na dziś.
> > 
> > http://www.w3schools.com/css/css3_transitions.asp
> 
> Mniejsza już o sensowność odpisywania mu, ale czemu linkujesz do
> transitions?
> 
> -- 
> Borys Pogoreło
> borys(#)leszno,edu,pl

A to małe przeoczenie ... Link miał być do  http://www.w3schools.com/css/css3_transitions.asp - muszę sobie zaznaczyć, żeby nie pisać maili wcześnie rano.:)

W dniu wtorek, 7 lutego 2017 19:41:41 UTC+1 użytkownik niepełnosprawny intelektualnie 'POPIS/EU napisał:
> ja frajer próbuję coś od Ciebie się dowiedzieć,
> a Ty mnie cały czas zwodzisz...
> 
> czy strony buduje się na divach o określonych wymiarach?
> 
> i jak wykrywać wejście smartfonów, coby, jak się domyślam,
> wygenerować inny szablon strony (divy o innych wymiarach)?

Przepraszam za linka. 
Chodziło mi o to że na tej stronie wszystko masz fajnie opisane.

Ale jeśli nadal pożądasz wiedzy warto zajrzeć: http://webkod.pl/kurs-css/lekcje/dzial-1/pozycja-relatywna-absolutna-ustalona

Powodzenia.

W dniu 11-02-2017 o 10:49, Rafal Podsiadly pisze:
> W dniu wtorek, 7 lutego 2017 20:29:34 UTC+1 użytkownik Borys Pogoreło napisał:
>> Dnia Mon, 6 Feb 2017 22:23:35 -0800 (PST), Rafal Podsiadly napisał(a):
>>
>>> Lektura na dziś.
>>>
>>> http://www.w3schools.com/css/css3_transitions.asp
>>
>> Mniejsza już o sensowność odpisywania mu, ale czemu linkujesz do
>> transitions?
>>
>> --
>> Borys Pogoreło
>> borys(#)leszno,edu,pl
>
> A to małe przeoczenie ... Link miał być do  http://www.w3schools.com/css/css3_transitions.asp - muszę sobie zaznaczyć, żeby nie pisać maili wcześnie rano.:)
>

A to nie ten sam link, co powyżej?

-- 
Wojtek Gapiński
http://www.phprogramista.pl

W sumie racja, kto zna tą stronę [http://www.w3schools.com/css/] i tak się odnajdzie.