• Najnowsze pytania
  • Bez odpowiedzi
  • Zadaj pytanie
  • Kategorie
  • Tagi
  • Zdobyte punkty
  • Ekipa ninja
  • IRC
  • FAQ
  • Regulamin
  • Książki warte uwagi

Prosta strona HTML- wstawianie obrazków

VPS Starter Arubacloud
+1 głos
504 wizyt
pytanie zadane 4 marca 2022 w HTML i CSS przez Radek Żyhałko Nowicjusz (160 p.)

Proszę o pomoc w napisaniu strony HTML w notatniku ( bez css )

Odległość między skrajnymi obrazkami 1000px, szerokość obrazka 200px

Strona ma wyglądać jak na zdjęciu.

komentarz 4 marca 2022 przez ScriptyChris Mędrzec (190,190 p.)
Dlaczego bez użycia CSS?
komentarz 4 marca 2022 przez Radek Żyhałko Nowicjusz (160 p.)
Takie dostałem zadanie
komentarz 4 marca 2022 przez ScriptyChris Mędrzec (190,190 p.)
Czy potrafisz wstawiać obrazki na stronę? Napisałeś już jakiś kod do tego zadania?
komentarz 4 marca 2022 przez Radek Żyhałko Nowicjusz (160 p.)
<!DOCTYPE html>
<html>
    <head>
        <title>zadanie4</title>
        <meta charset="utf-8">
        <link rel="stylesheet" type="text/css" href="style.css">
    </head>
    <body>
    <div>
         <img src="logo.jpg" alt="logo" width="200" height="200" style="margin-left: 10%;"/>
        <br/>
         <img src="logo.jpg" alt="logo" width="200" height="200" style="margin-left: 50%; margin-top: 50% margin-left: 50%"/>
        <br/>
         <img src="logo.jpg" alt="logo" width="200" height="200" style="margin-top: 90%; margin-right: 100px;"/>
        <br/>
         <img src="logo.jpg" alt="logo" width="200" height="200" style="margin-left: 80%;"/>
    </div>
    </body>

</html>

Próbowałem ustawić obrazki marginesami, ale nie za bardzo to wychodziło

komentarz 4 marca 2022 przez ScriptyChris Mędrzec (190,190 p.)

Przy drugim obrazku brakuje średnika przed margin-left - jak sobie sprawdzisz style tego obrazka w devtoolsach, to margin jest przekreślony i oznaczony na żółto. Poza tym, to na oko wygląda tak, jak chcesz.

komentarz 4 marca 2022 przez VBService Ekspert (251,170 p.)
edycja 4 marca 2022 przez VBService

Napisałeś, że

Proszę o pomoc w napisaniu strony HTML w notatniku ( bez css )

a używasz style="margin-left: 10%;" itp. to są style css tyle, że w zapisie inline.

1 odpowiedź

+2 głosów
odpowiedź 4 marca 2022 przez VBService Ekspert (251,170 p.)
wybrane 5 marca 2022 przez Radek Żyhałko
 
Najlepsza

Może użyj "starego" sposobu z przed css-a, czyli  na <table>  wink

<!DOCTYPE html>
<html>
  <head>
    <title>zadanie4</title>
    <meta charset="utf-8">
  </head>
  <body>
    <div>

      <table border="0" cellspacing="0" cellpadding="0" width="1000px" align="center">
        <tr>
          <td width="33.33%" align="left">
            <img src="https://picsum.photos/200/200/?random=1" alt="logo" />
          </td>
          <td width="33.33%">&nbsp;</td> 
          <td width="33.33%" align="right">
            <img src="https://picsum.photos/200/200/?random=2" alt="logo" />
          </td>          
        </tr>

        <tr>
          <td width="33.33%">&nbsp;</td> 
          <td width="33.33%" align="center">
            <img src="https://picsum.photos/200/200/?random=3" alt="logo" />
          </td>
          <td width="33.33%">&nbsp;</td>         
        </tr>

        <tr>
          <td width="33.33%" align="left">
            <img src="https://picsum.photos/200/200/?random=4" alt="logo" />
          </td>
          <td width="33.33%">&nbsp;</td> 
          <td width="33.33%" align="right">
            <img src="https://picsum.photos/200/200/?random=5" alt="logo" />
          </td>          
        </tr>       
      </table>

    </div>
  </body>
</html>

 

1
komentarz 5 marca 2022 przez Wiciorny Ekspert (269,120 p.)
prymitywne i bardzo ciekawe, fajna sprawa :D retro programowanie
1
komentarz 5 marca 2022 przez Radek Żyhałko Nowicjusz (160 p.)
Dziękuje bardzo za pomoc , bardzo mi pomogłeś

Podobne pytania

0 głosów
2 odpowiedzi 1,208 wizyt
pytanie zadane 11 kwietnia 2017 w HTML i CSS przez seba Dyskutant (8,900 p.)
0 głosów
2 odpowiedzi 311 wizyt
0 głosów
2 odpowiedzi 320 wizyt
pytanie zadane 13 czerwca 2016 w HTML i CSS przez Kamil Czech Dyskutant (7,700 p.)

92,451 zapytań

141,261 odpowiedzi

319,073 komentarzy

61,853 pasjonatów

Motyw:

Akcja Pajacyk

Pajacyk od wielu lat dożywia dzieci. Pomóż klikając w zielony brzuszek na stronie. Dziękujemy! ♡

Oto polecana książka warta uwagi.
Pełną listę książek znajdziesz tutaj.

Akademia Sekuraka

Akademia Sekuraka 2024 zapewnia dostęp do minimum 15 szkoleń online z bezpieczeństwa IT oraz dostęp także do materiałów z edycji Sekurak Academy z roku 2023!

Przy zakupie możecie skorzystać z kodu: pasja-akademia - użyjcie go w koszyku, a uzyskacie rabat -30% na bilety w wersji "Standard"! Więcej informacji na temat akademii 2024 znajdziecie tutaj. Dziękujemy ekipie Sekuraka za taką fajną zniżkę dla wszystkich Pasjonatów!

Akademia Sekuraka

Niedawno wystartował dodruk tej świetnej, rozchwytywanej książki (około 940 stron). Mamy dla Was kod: pasja (wpiszcie go w koszyku), dzięki któremu otrzymujemy 10% zniżki - dziękujemy zaprzyjaźnionej ekipie Sekuraka za taki bonus dla Pasjonatów! Książka to pierwszy tom z serii o ITsec, który łagodnie wprowadzi w świat bezpieczeństwa IT każdą osobę - warto, polecamy!

...