Jak zrobić ...

[lukas24]

Witam,

mam pytanie. Otóż robię sobie stronke w html'u i chciałbym się dowiedzieć jak mogę wstawić jakąś grafikę w te miejsca ( na obrazku pokazane ), bo jak daje to normalnie to obrazek wchodzi pomiędzy tekst i nic z tego nie wychodzi ;(

[badyl]

Spróbój tak

<img src="f1.jpg" align="right" />

Wszystko zależy jak masz zbudowaną stronę

[lukas24]

Tak też próbowałem... i na jednym (tym ostatnim) wyszlo ok, ale jak dodalem w to pierwsze miejsce to wszystko sie zjeba** :]

[stat4seo]

https://kurs.browsehappy.pl/CSS/Float

[lukas24]

Hmm jak komuś to pomoże w udzieleniu mi pomocy to podaje tu kod tych dwóch miejsc...

<p align="center"><b>               Informacje o stoku <hr></b></p>
<p align="center">      Długość trasy zjazdowej: 	47 km
<br />      - trasa łatwa                     	30 km
<br />      - trasa średnia                    	5 km
<br />      - trasa trudna                   	12 km
<br />      Sezon narciarski od grudnia do marca</p>
                 <img src="C:/Documents and Settings/aaa/Pulpit/Obrazki - parking, restauracja etc/park.gif" width="20" height="20" border="0" />
      <img src="Obrazki - parking, restauracja etc/telefon.gif" width="20" height="20" border="0" />
          <img src="Obrazki - parking, restauracja etc/wc.gif" width="20" height="20" border="0" />
            <img src="Obrazki - parking, restauracja etc/tv.gif" width="20" height="20" border="0" />
                 <img src="Obrazki - parking, restauracja etc/lazienka.gif" width="20" height="20" border="0" />
                  <img src="Obrazki - parking, restauracja etc/kuchyn.gif" width="20" height="20" border="0" />
                                            <p align="center"><b>                       Cennik<hr></b></p>    
<p align="center">      Długość trasy zjazdowej: 	47 km
<br />      - trasa łatwa                     	30 km
<br />      - trasa średnia                    	5 km
<br />      - trasa trudna                   	12 km
<br />      Sezon narciarski od grudnia do marca</p>
                 <img src="C:/Documents and Settings/aaa/Pulpit/Obrazki - parking, restauracja etc/park.gif" width="20" height="20" border="0" />
      <img src="Obrazki - parking, restauracja etc/telefon.gif" width="20" height="20" border="0" />
          <img src="Obrazki - parking, restauracja etc/wc.gif" width="20" height="20" border="0" />
            <img src="Obrazki - parking, restauracja etc/tv.gif" width="20" height="20" border="0" />
                 <img src="Obrazki - parking, restauracja etc/lazienka.gif" width="20" height="20" border="0" />
                  <img src="Obrazki - parking, restauracja etc/kuchyn.gif" width="20" height="20" border="0" />

[lukas24]

https://kurs.browsehappy.pl/CSS/Float

Hmmm nie za bardzo to rozumiem. Możesz wytłumaczyć?

[stat4seo]

Informacje o stoku 
<hr>
<div style="width:500px;float:left;">
<p style="float:left;">Długość trasy zjazdowej:</p><p style="float:right;">500km</p><br style="clear:both;"/>
<p style="float:left;">- trasa łatwa</p><p style="float:right;">30km</p><br style="clear:both;"/>
<p style="float:left;">Długość trasy zjazdowej:</p><p style="float:right;">500km</p><br style="clear:both;"/>
<p style="float:left;">- trasa łatwa</p><p style="float:right;">30km</p><br style="clear:both;"/>
</div>

<img src="https://www.asd.co.nz/ASD/Images/asd.gif" align="right" />

<br style="clear:both;" />

Informacje o stoku 
<hr>
<div style="width:500px;float:left;">
<p style="float:left;">Długość trasy zjazdowej:</p><p style="float:right;">500km</p><br style="clear:both;"/>
<p style="float:left;">- trasa łatwa</p><p style="float:right;">30km</p><br style="clear:both;"/>
<p style="float:left;">Długość trasy zjazdowej:</p><p style="float:right;">500km</p><br style="clear:both;"/>
<p style="float:left;">- trasa łatwa</p><p style="float:right;">30km</p><br style="clear:both;"/>
</div>

<img src="https://www.asd.co.nz/ASD/Images/asd.gif" align="right" />

<br style="clear:both;" />

Analogicznie do tego co napisałem...

btw. https://easycaptures.com/9226563752

[jesu]

O mój boże....

"<br />      - trasa łatwa                      30 km"

w życiu czegoś tak przerażającego nie widzialem. Penwie po prostu malo widzialem

[xerif]

Ani   ani <br /> nie służą do robienia odstępów!

Do tego co ty chcesz osiągnąć nadaje się idealnie tabelka, bo przedstawiasz dane tabelaryczne. Dla semantycznej poprawności wystarczy nieco zmodyfikować kod i...

<table>
 <caption>Sezon narciarski od grudnia do marca</caption>
 <tr><th>Trudność trasy</th><th>Długość trasy</th></tr>
 <tr><td>Łatwa</td><td>30km</td></tr>
 <tr><td>Średnia</td><td>5km</td></tr>
 <tr><td>Trudna</td><td>12km</td></tr>
 <tr><td colspan="2" style="text-align: right;"><strong>47km</strong></td></tr>
</table>

Aby wstawić obok tabeli grafikę nadaj tabeli float: left; w CSS i tuż za nią umieść grafikę z float: left; i clear: right; w CSS. Poczytaj także jak i gdzie wstawia się kod CSS.