[CSS] wielkość obrazka ? Opcje

[ciapus4]

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]

.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]

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]

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]

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

[Lord]

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]

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]

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

Ten post edytował Lord 2.04.2017, 21:59:31

[ciapus4]

Ok już jest dobrze zamieniłem class z id

[Tomplus]

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.