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

obrazki i tekst

VPS Starter Arubacloud
0 głosów
442 wizyt
pytanie zadane 3 maja 2022 w HTML i CSS przez kinny Nowicjusz (210 p.)
<h2>Artyści baroku i ich dzieła</h2>
	</div>
	<div align="right">
	<p style="display:flex;" align="right">
	<img src="caravaggio.JPEG"  alt="Caravaggio" style="float: right" width="150" height="200">
	Rubens Peter Paul -„Król Dawid”<br/1>
	Artemisia Gentileschi-Judyta zabijająca Holofernesa+<br/1>
	Caravaggio-Pocałunek Judasza<br/1>
	Caravaggio-Portret kurtyzany<br/1>
	Diego Velázquez-śniadanie<br/1>
	Rubens-Zdjęcie z krzyża<br/3>
	</p align="right">

Cześć, przychodzę z pytaniem, czy wie ktos czemu obrazek nie pojawia mi sie po prawej stronie razem z tekstem, mimo tego ze dałem float right i nie wiem tez jak zrobic by obok obrazka pojawiał się tekst, z góry dziękuje

komentarz 3 maja 2022 przez VBService Ekspert (251,210 p.)
edycja 3 maja 2022 przez VBService

Może po prostu zrób np.

<h2>Artyści baroku i ich dzieła</h2>
<p>
  <img src="caravaggio.jpeg"  alt="Caravaggio" width="150" height="200">
  Rubens Peter Paul -„Król Dawid”<br/>
  Artemisia Gentileschi-Judyta zabijająca Holofernesa+<br/>
  Caravaggio-Pocałunek Judasza<br/>
  Caravaggio-Portret kurtyzany<br/>
  Diego Velázquez-śniadanie<br/>
  Rubens-Zdjęcie z krzyża<br/>
</p>
p {
  width: 500px; /* dla demonstracji */
}
img {
  border: 1px solid red; /* dla demonstracji */
  float: right;
}

 

2
komentarz 3 maja 2022 przez pablop76 VIP (123,060 p.)
edycja 3 maja 2022 przez pablop76

@kinny, 

Skąd czerpiesz informacje o html i css?

align="right" - przestarzałe

<p style="display:flex;" align="right"> zamist inline użyj css

<br/1> <br/3>  atrybut 1 i 3  nie jest dozwolony w elemencie br

</p align="right">  tag końcowy nie może mieć atrybutów

 

1
komentarz 3 maja 2022 przez Wiciorny Ekspert (269,120 p.)
może na studiach, uczelni, w szkole mu każą :D inline pisać, albo taki kod dostał.
Śmieszmy mnie to, ale jeszcze ja za swoich czasów spotkałem się z tym, że każą Ci coś zrobić, ale bez użycia CSS... jakby to jeszcze rozumiem było pisanie algorytmu aby nie korzystać z gotowej metody sortującej, jak algorytm ma sortować, ale takie coś to dla mnie wstyd na temat Polskiego szkolnictwa czy Uczelni.
komentarz 4 maja 2022 przez kinny Nowicjusz (210 p.)

@pablop76,  nauczyciel kazał napisać w html, nie mogę w css, nic nie poradze na to

 

1
komentarz 4 maja 2022 przez VBService Ekspert (251,210 p.)

nie mogę w css

no ale używasz style="display:flex;" , style="float: right" a to jest css.

1
komentarz 4 maja 2022 przez Wiciorny Ekspert (269,120 p.)
tak ale wiesz "Pacanom na uczelniach", przepraszam zę tak brzydko powiem => chodzi o to, aby człowiekowi utrudniać ... i po prostu nie pisać z dodatkowymi plikami css i ich importem. Bo niby, to ma czegoś nauczyć "że można", może i można - pytanie komu to potrzebne i gdzie sie stosuje, bo nawet jeśli raz na czas, to osoba która będzie musiała to zrobić, szybko się dowie jak.
komentarz 5 maja 2022 przez Oscar Nałogowiec (29,290 p.)
Ale tak jest prościej przedstawić rozwiązanie w 1 pliku, ewentualnie na kartce. Nie ma potrzeby pilnować właściwych odwołań, które już wymagają ustalenia nazw plików itp.
komentarz 5 maja 2022 przez VBService Ekspert (251,210 p.)

 przedstawić rozwiązanie w 1 pliku

można użyć <style>  smiley

1 odpowiedź

0 głosów
odpowiedź 5 maja 2022 przez VBService Ekspert (251,210 p.)
edycja 5 maja 2022 przez VBService

nie mogę w css

jest np. taki sposób bez użycia css-a, ale tak już się nie robi, css został "stworzony" m. in. po to aby ułatwić "ostylowanie" elementów html.

<h2>Artyści baroku i ich dzieła</h2>
<table>
  <tbody>
    <tr>
      <td>
        Rubens Peter Paul -„Król Dawid”<br />
        Artemisia Gentileschi-Judyta zabijająca Holofernesa+<br />
        Caravaggio-Pocałunek Judasza<br />
        Caravaggio-Portret kurtyzany<br />
        Diego Velázquez-śniadanie<br />
        Rubens-Zdjęcie z krzyża
      </td>
      <td>
        <img src="https://picsum.photos/300/200/?random=1" />
      </td>
    </tr>
  </tbody>
</table>

 

 

P.S. Table content

Podobne pytania

+1 głos
1 odpowiedź 119 wizyt
pytanie zadane 20 marca 2021 w HTML i CSS przez ALbatrOS1996pl Nowicjusz (130 p.)
0 głosów
2 odpowiedzi 2,223 wizyt
0 głosów
2 odpowiedzi 177 wizyt
pytanie zadane 5 marca 2017 w HTML i CSS przez fatalFOx Początkujący (300 p.)

92,452 zapytań

141,262 odpowiedzi

319,085 komentarzy

61,854 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!

...