PDA

Zobacz pełną wersję : Obraz w artykule a tekst


isia2005
10-08-2018, 12:43
Witam, jestem nowa i przepraszam, ale nie mam czasu aby przeszukać całe forum.
Mam tylko czas do poniedziałku aby zmienić stronę.
Potrzebuję aby ktoś wytłumaczył krok po kroku jak krowie na miedzy co trzeba zrobić po kolei aby:
Tekst do zdjęcia dodanego w artykule był zaraz obok niego a nie pod spodem.
Teraz tekst mam pod spodem a przy użyciu backspace tekst ląduje w prawym dolnym rogu obrazka.
Nie rozumiem tego, próbowałam już wszystkiego przeszukując internet nic nie pomaga.
Co robię źle mam Joomla: 3.8.11. Ratujcie bo oszaleję:( proszę pomóżcie.
zwiastun
10-08-2018, 14:16
Prawdopodobnie w swoim szablonie masz jakąś klasę stylu CSS, która definiuje wyświetlanie ilustracji. Coś w rodzaju .pull-left, pull-right albo .left-img, .right-img. Nazwy tych klas zależą od szablonów (pierwsze dwie nazwy pochodzą z Bootstrapa i są zastosowane w domyślnym szablonie Protostar.
Gdy osadzasz foto w artykule, masz w ustawieniach obrazka wyrównanie do lewej lub do prawej. Skorzystaj z tych opcji.
isia2005
10-08-2018, 19:17
Skorzystałam przy osadzaniu obrazka z opcji wyrównaj od lewej mimo to tekst jest pod obrazkiem.
terra
10-08-2018, 20:18
przełącz się na kod i sprawdź jak masz tag <p> ? Czy w tym tagu masz obrazek i tekst. Tak to powinno wyglądać

<p><img src="ścieżka do obrazka" alt="opis obrazka" width="100" height="100" style="margin: 5px; float: left;" /> tekst który chcesz umieścić.</p>
isia2005
12-08-2018, 10:18
Ok, spróbuje tak. Dzięki
isia2005
12-08-2018, 12:34
<p style="text-align: left;"><strong><span class="bold-szare"> <img class="pull-left" src="images/kmp-jaworzno.jpg" alt="" width="216" height="162" /> </span></strong></p>
<p style="text-align: left;"><strong><span class="bold-szare">Komenda Miejska Policji w Jaworznie</span></strong></p>
<p style="text-align: left;"><strong> ul. Narutowicza 1<br /> telefon alarmowy <span class="bold-czerwone">997<br /></span> tel. (32) 618 32 00<br /> fax (32) 618 32 44<br /> tel. dyż. (32) 618 32 55<br /> dyzurny@jaworzno.ka.policja.gov.pl<br /></strong></p>
<p style="text-align: left;"><strong><br /> www.jaworzno.slaska.policja.gov.pl<br /></strong></p>
<p><br /><br /></p>

u mnie wygląda to tak, jak pozmieniać aby tekst był obok obrazka
Bazyl
12-08-2018, 12:41
Musisz nauczyć się korzystania z edytora :-)
Np. wstawianie w każdym paragrafie wyrównania do lewej jest bez sensu...

Prawdopodobnie to wystarczy:


<p> <img class="pull-left" src="images/kmp-jaworzno.jpg" alt="" width="216" height="162" /> Komenda Miejska Policji w Jaworznie</p>
terra
12-08-2018, 17:35
<p>
<img src="images/kmp-jaworzno.jpg" alt="komenda" width="216" height="116" style="margin: 5px; float: left;" />
Komenda Miejska Policji w Jaworznie</p>
zwiastun
13-08-2018, 11:36
Możesz po prostu podac link do strony?
isia2005
13-08-2018, 15:13
<p>
<img src="images/kmp-jaworzno.jpg" alt="komenda" width="216" height="116" style="margin: 5px; float: left;" />
Komenda Miejska Policji w Jaworznie</p>
Dzięki zadziałało :), proszę napisać czy za każdym razem muszę zmieniać kod źródłowy?. Niestety pierwszy raz mam do czynienia z Joomla i jestem zielona w tym temacie, a mam do poprawy sporo i potrzebuję kogoś do pomocy.
Bazyl
13-08-2018, 15:29
Zadbaj, by do artykułów nie dodawano nadmiarowego kodu.
Możesz dodawać klasę do obrazka (i ostylować ją w css) lub skorzystaj z miejsca na dodanie obrazka przy artykule: Obrazki i łącza / Ilustracja pełnego tekstu (to też trzeba ostylować).
isia2005
13-08-2018, 20:13
Zadbaj, by do artykułów nie dodawano nadmiarowego kodu.
Możesz dodawać klasę do obrazka (i ostylować ją w css) lub skorzystaj z miejsca na dodanie obrazka przy artykule: Obrazki i łącza / Ilustracja pełnego tekstu (to też trzeba ostylować).
Fajnie, tylko niestety ja jestem zupełnie ciemna w tym temacie. Dostałam w pracy login i hasło i mam zmodernizować stronę. Niestety za bardzo się na tym nie znam. Zrobię prostą stronę ale z Joomla w ogóle nie miałam styczności. Jedyna nadzieja w was bo nawet mój syn nie wie za bardzo jak to edytować.
zwiastun
13-08-2018, 21:41
Nic dziwnego, że zadziałało, bo skorzystałaś z tzw. stylu wpisanego (środliniowego). Po prostu określiłaś, jak ma być wystylizowany ten konkretny obrazek. Takie kwestie reguluje się za pomocą zewnętrznych arkuszy CSS, a nie wpisanych.
Nie ma to zbyt wiele wspólnego z Joomla. To ogólna zasada projektowania stron.


Fajnie, tylko niestety ja jestem zupełnie ciemna w tym temacie. Dostałam w pracy login i hasło i mam zmodernizować stronę.

Zasmucę Cię, ale to mniej wiecej tak, jak byś była księgową w warsztacie samochodowych i dostała za zadanie naprawiać samochody z pomocą syna albo forum internetowego.
Owszem, wszystkiego można się nauczyć, podstaw projektowania stron internetowych też.
Tylko czy to dobry pomysł, aby uczyć się podstaw na witrynie firmowej? Daj do poczytania ten post szefostwu firmy: Jeśli firmy nie stać na fachowe przygotowanie zmodernizowanie strony, to znaczy że nie stać firmy na posiadanie strony. Z modernizacji wykonanej przez laika będzie wiecej szkody niż pożytku.
Prosiłem o link do strony, by ewentualnie wskazać Ci poprawny sposób formatowania obrazków. Ale - jak widzę - chyba nizebyt potrzebujesz.
terra
14-08-2018, 11:43
zacznij od tego https://www.w3schools.com/html/ :)
tutaj za chwilę dodam też kurs podstaw HTML i przewodnik Joomla https://www.youtube.com/channel/UCBrbfssZ52jfPoMn2DMb3cQ
isia2005
14-08-2018, 11:48
Nic dziwnego, że zadziałało, bo skorzystałaś z tzw. stylu wpisanego (środliniowego). Po prostu określiłaś, jak ma być wystylizowany ten konkretny obrazek. Takie kwestie reguluje się za pomocą zewnętrznych arkuszy CSS, a nie wpisanych.
Nie ma to zbyt wiele wspólnego z Joomla. To ogólna zasada projektowania stron.



Zasmucę Cię, ale to mniej wiecej tak, jak byś była księgową w warsztacie samochodowych i dostała za zadanie naprawiać samochody z pomocą syna albo forum internetowego.
Owszem, wszystkiego można się nauczyć, podstaw projektowania stron internetowych też.
Tylko czy to dobry pomysł, aby uczyć się podstaw na witrynie firmowej? Daj do poczytania ten post szefostwu firmy: Jeśli firmy nie stać na fachowe przygotowanie zmodernizowanie strony, to znaczy że nie stać firmy na posiadanie strony. Z modernizacji wykonanej przez laika będzie wiecej szkody niż pożytku.
Prosiłem o link do strony, by ewentualnie wskazać Ci poprawny sposób formatowania obrazków. Ale - jak widzę - chyba nizebyt potrzebujesz.

Nie, po prostu gdzieś pytanie o link mi umknęło,http://www.bezpieczenstwo.jaworzno.pl/ . Trzeba tylko pododawać zdjęcia i ew. nowe artykuły. Po prostu nie wiem jak zrobić aby w niektórych artykułach opis był obok obrazka, resztę jakoś ugryzę.
zwiastun
14-08-2018, 22:28
Masz cztery klasy pozycjonujace obrazki:
.img-fulltext-left,
.img-intro-left
.img-fulltext-right,
.img-intro-right
Pierwsze dwa ustawiają po lewej stronie tekstu, kolejne dwa po prawej. Z -intro- służą do pozycjonowania obrazka wprawadzenia (pewno z automatu, gdy ustawisz w opcjach Obrazki i łacza wyrównanie do lewej). Z fulltext służą do pozycjonowsania obrazków w głównym tekście.

Przełączasz się do kodu HTML i w znaczniku img obrazka dodajesz np class="img-fulltext-right"
isia2005
15-08-2018, 09:18
Dziękuję