Forum PHP.pl > [CSS] wielkość obrazka ?

Pomoc - Szukaj - Użytkownicy - Kalendarz

ciapus4

2.04.2017, 18:00:16

Chciał bym dopasować ten zielony pasek jak na zdjęciu j/w do strony. jaki będzie poprawny kod ?

[PHP] pobierz, plaintext 
<div id="style">
<div class="pasek">
    <img src="img/obraz.jpg" alt="Tekst alternatywny"  />
      </div>
	  </div>
[PHP] pobierz, plaintext

[PHP] pobierz, plaintext 
}
#pasek{
width:1045px;
height:377px;
margin:2mm;
}
[PHP] pobierz, plaintext

teraz nie wiem, mam plik style.css i tam zawieram klase" pasek " z . czy z # - poprawcie jak źle napisałem kod ?

Tomplus

2.04.2017, 18:14:13

.klasa - odnosi się do powtarzalnych stylów i zapisuje się w atrybucie class
#identyfikator - odnosi się do jednej grupy stylów i zapisuje się w id

czyli u ciebie:

Kod

#style .pasek {
width: 100%
}

ciapus4

2.04.2017, 18:55:39

coś mi nie wychodzi. Mam plik style.css i tam wszystkie komendy

[HTML] pobierz, plaintext 
<div class="dowoz"><img src="img/dowoz.jpg" alt="..."></div>
[HTML] pobierz, plaintext

w tym pliku .css umieszczam

[PHP] pobierz, plaintext 
#style .dowoz {
    width: 100%
}
[PHP] pobierz, plaintext

? czy jeszcze powinno być

[PHP] pobierz, plaintext 
<div id="style">
[PHP] pobierz, plaintext

lustfingers

2.04.2017, 20:10:31

Z tym ze nie odnosiśz się teraz do zdjęcia a do kontenera w którym jest zdjęcie spróbuj:

[HTML] pobierz, plaintext 
.dowoz img {width:100%;}
[HTML] pobierz, plaintext

ciapus4

2.04.2017, 20:49:49

Już mi się wszystko pokiełbasiło, może ktoś mi to naskrobać jak to powinno być ?

Lord

2.04.2017, 21:07:22

Cytat(lustfingers @ 2.04.2017, 21:10:31 )

Z tym ze nie odnosiśz się teraz do zdjęcia a do kontenera w którym jest zdjęcie spróbuj:

[HTML] pobierz, plaintext 
.dowoz img {width:100%;}
[HTML] pobierz, plaintext

taki zapis odnosi się do wszystkich obrazków wewnatrz elementu posiadajacego klase dowoz

Zapis

[HTML] pobierz, plaintext 
#cos .cos2 div.cos3 cos4{}
[HTML] pobierz, plaintext

Mówi co w czym sie znajduje
# to id
. to class
a bez niczego to tag html np img, div itd

ciapus4

2.04.2017, 21:30:07

nie wiem, kombinuje i lipa.. tak zapisuje

[PHP] pobierz, plaintext 
<div class="dowoz">
	<img src="img/dowoz.jpg" alt="Tekst alternatywny">
 
	  </div>
 
[PHP] pobierz, plaintext

[PHP] pobierz, plaintext 
}
.dowoz img {width:100%;}
 
 
}
[PHP] pobierz, plaintext

i du....a

Lord

2.04.2017, 21:56:00

Prawym i zbadaj element ,) ciezko pomoc komus kto nie ma podstawowej wiedzy ,) powodow moze byc sporo dlaczego niedziala.
<img src="" style="width: 100%">

ciapus4

2.04.2017, 22:09:50

Ok już jest dobrze zamieniłem class z id

Tomplus

2.04.2017, 22:44:08

Jak coś przerób sobie jakiś kurs CSS, w online jest ich w brud np: https://www.codeschool.com/learn/html-css

Prosto i przyjemnie.

To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.