Question

Czy ustawiam zdjęcie jpg z laptopa czy kolor kod nie działa. Co zrobić?

                <style>
		 
		 <background-image= url:("drzewo.jpg")>
		 <img src= url:("drzewo.jpg")>
		 <picture>
		 <source src="suchylisc.jpg" media="1200px">
		 <source src="suchylisc.jpg" media="600px">
		 </picture>
		 </style>

#flex-main{  
         font-family: 'helvetica', 'garamond', 'arial', 'sans-serif';
		 font-size: 32px;
         display: block; 
		 border: 69px 69px 69px 69px;
		 padding: 6px;
		 margin:  55px 55px 55px 55px;		
		 text-shadow: 1 px, 1 px, 5 px, #aa09aa;
	     position: relative;
		 background-color: #b36b96;
		 /background-image: url("drzewo.jpg"); !important;/
		 background-repeat: repeat; !important;
}
		 #flex-column {
			 flex-shrink: 4;
			 background-color: #6d96b3;
			 background-image: url('suchylisc.jpg')!important;
			 background-image: url('suchylisc.jpg') !important;
			 background-size: cover;
             width: 33%;
			 max-height: 660px;
			 margin: 0;
			 padding: 2px;
			 }

 

 

Answer 1

Jeżeli dobrze rozumiem Twój problem to raczej tak zapisz

<style>
  #flex-main{  
    font-family: 'helvetica', 'garamond', 'arial', 'sans-serif';
    font-size: 32px;
    display: block; 
    border: 69px solid black;
    padding: 6px;
    margin:  55px 55px 55px 55px;      
    text-shadow: 1px 1px 5px #aa09aa;
    position: relative;
    background-color: #b36b96;
    /*background-image: url('drzewo.jpg') !important;*/
    background-repeat: repeat !important;
  }
  #flex-column {
    flex-shrink: 4;
    background-color: #6d96b3;
    background-image: url('suchylisc.jpg') !important;
    background-size: cover;
    width: 33%;
    max-height: 660px;
    margin: 0;
    padding: 2px;
  }
</style>


<div id="flex-main" style="background-image: url('drzewo.jpg')">
  <img src="drzewo.jpg">
  <picture>
    <source src="suchylisc.jpg" media="1200px">
    <source src="suchylisc.jpg" media="600px">
  </picture>
</div>

Komentarze w css-ie zapisujemy: /* komentarz */.
W zapisie styli używamy dwukropka  właściwość: wartość;

Comments

A z samymi gwiazkami?

---

/* To jest komentarz jednoliniowy */


/*
To jest komentarz
wieloliniowy
*/

 

---

Wyskoczył mi obrazek do załadowania; rozumiem;