Osadzenie sekcji w divie [HTML/CSS]


(zapomnialemstarynick) #1

Witam wszystkich serdecznie, z góry dziękuję, że poświęciliście te kilka minut ze swojego życia i czytacie mój post.

Mam pytanie odnośnie osadzania contentu w divie. Zapewne to jest dosyć banalne pytanie dla doświadczonych webmasterów, jednak ja - początkujący - męczę się z tym od jakiegoś czasu. 

 

Moja strona:   wisyr.webd.pl

 

Chodzi mi o fragment "Artists". Chciałbym, aby to wyglądało mniej więcej w ten sposób: 

Ale za cholerę nie mogę sobie poradzić z przesunięciem tych obrazków na lewą stronę i jeszcze, żeby dołączyć tekst. Próbowałem z floatem, wszystko się rozwaliło po stronce. Bawić się z paddingiem? Chyba bez sensu. Słyszałem też, że float to trochę bardziej rozbudowana i skomplikowana sprawa, więc będę musiał nad tym jeszcze popracować. Próbowałem to też wsadzić do jednego diva, tak jak na obrazku i do trzech oddzielnych sekcji.

div class="artists"

	section class="heady"
		img src="heady.png"
	/section

	section class="nc"
		img src="nc.png"
	/section

	section class="psyko"
		img src="psyko.png"
	/section

		a id="info"/a

/div

W CSS'ie mam tylko zmieniony rozmiar tych obrazków. 

 

To chyba tyle, wybaczcie, że zawracam dupę z takimi pierdołami, ale muszę przez to w końcu przebrnąć, bo nie pójdę dalej.


(Info) #2

Możesz użyć class i id. id dla głównego divu i class dla poszczególnych divow 


(Fizyda) #3
  1. Na klasie .artist masz ustawione

    text-align: center;

  2. Obrazki dziedziczą po

    .mainlogo img

atrybut

display: block;

Gdy pozbędziesz obu w jakiś sposób obu reguł CSS będzie wszystko tak jak powinno. A to w jaki sposób się ich pozbędziesz to już sam musisz zdecydować i ja CI nie pomogę ponieważ nie wiem po co one zostały stworzone i czy są potrzebne. Jak nie są potrzebne to je wywal, a jak są to nadpisz te reguły dla klasy .artist i jej potomków.


(zapomnialemstarynick) #4

Dzięki, będę kombinował.

Nie są potrzebne, ale po co iść głębiej w temat skoro nawet z divami mam problem


(Fizyda) #5

Skoro nie jest to potrzebne to usuń, albo na początek za komentuj te reguły i obrazki wrócą na miejsce.