Pomoc w rozmieszeniu obrazka i z hiperłaczem.

pytanie zadane 22 maja 2015 w HTML i CSS przez fenq80 Bywalec (2,940 p.)

Witam. Chciałbym się zapytać jak zrobić aby po kliknieciu w napis z hiperłaczem podstrona do ktorej ono odwoluje otworzyla sie w konkretnym (podanym przezemnie ) divie.?

I jeszcze jedno pytanie : jak zrobić aby obrazek był po prawej stronie i oblany wyjustowanym tekstem.(jak wogole rozmieszczac obrazek w roznych czesiach strony)?

Prosze o wytłumaczenie przydatne linki.

Pozdrawiam :

Fenq80.

4 odpowiedzi

odpowiedź 22 maja 2015 przez ArturB Mądrala (6,060 p.)
wybrane 6 czerwca 2015 przez fenq80

Najlepsza

Odnośnie pierwszego pytania to w HTML możesz zrobić 2 pliki jeden dla strony głównej a drugi do podstrony i w tym 2 odpowiednio ustawić tą zawartość w odpowiednim div'e - to mi przyszło do głowy jako łopatologiczne rozwiązanie, ale może jest coś lepszego w HTML.

innym rozwiązaniem będzie użycie php do tego typu rzeczy i chyba w JS też by się dało to zrobić.

w PHP możesz zobaczyć na ten materiał : https://www.youtube.com/watch?v=kmBurN-V6rw

Nie wiem na ile to jest profesjonalne rozwiązanie ale działa

co do obrazka oblanego po prawej stronie tekstem to mżna zrobić to tak (to jest tylko przykład):

<style>
        .img{
            width: 300px;
            height: 300px;
            float: left;
            background-color: red;
            margin-right: 25px;
            margin-bottom: 5px;
        }
        .container{
            background-color: yellow;
            text-align: justify;
        }
</style>

a w body:
<div class="container">
    <div class="img"></div>
         <p> tekst </>
</div>

a jak rozmieszczać obrazki : tak żeby to ładnie wyglądało, musisz testować różne właściwości CSS

komentarz 22 maja 2015 przez fenq80 Bywalec (2,940 p.)

a to co jest miedzy <style> i </style> to w css ma byc zapisane

komentarz 22 maja 2015 przez ArturB Mądrala (6,060 p.)

komentarz 22 maja 2015 przez fenq80 Bywalec (2,940 p.)

dobra dzieki, z obrazkiem juz sobie poradziłem w troche inny ale podobny sposob do twojego. Teraz z tym hiperłaczem się męcze i nie moge sobie poradzić.

komentarz 22 maja 2015 przez ArturB Mądrala (6,060 p.)

to tak jak pisałem te hiperłącza możesz zrobić w mało profesjonalny sposób tworząc każdą podstronę jako osobny plik. ale wtedy każde przejście odświeża i pobiera całą stronę.

podzielić stronę na małe części i każdy w innym pliku php + jeden plik co to połączy index.php i dołączać tak jak w tym filmiku. to też odświeża całą stronę po każdym kliknięciu w odnośnik, ale pliki są łatwiejsze w utrzymaniu bo nie ma w nich powtarzającego się kodu.

aby całej strony nie przeładowywać to zostaje JS i tu może cos Ci przypasuje z linków podanych przez innych, ponieważ nie znam się na JS i nie trafiłem jeszcze na coś co bym mógł polecić.

PS. jakbyś sięwzorował na tym filmiku to proponuje najpierw zrobić strone z tego filmiku, a o załapaniu jak to działa dopiero wstawiać na swoją (odpalić 2 raz film i swoją pracę, aby mieć przydatne rzeczy pod ręką)

komentarz 22 maja 2015 przez fenq80 Bywalec (2,940 p.)

a jeszcze mam jedno pytanie bo ja ten obrazek zrobilem tak ze w body w html dałem <img src="sciezka od obrazka " /> a w css img{ atrubuty obrazka}, ale jak chce dodac drugi obrazek aby byl np po prawej(ten pierwszy po lewej) to co mam zrobić?

komentarz 22 maja 2015 przez fenq80 Bywalec (2,940 p.)

bo wtedy ten img w css dziala do wszystkich obrazkow na mojej stronie a ja chce aby on okreslal atrybuty tylko jednego wybranego przezemnie obrazka

komentarz 22 maja 2015 przez ArturB Mądrala (6,060 p.)

do img dodać id lub klasę i stylować id lub klasę to tak najprościej

<img src="" id="obrazek1">
<img src="" id="obrazek2">

lub zaleznie od rozmieszczenia tych elementów możesz odnosić się do nich przez hierarchię jak np stylujesz img który jest w klasie obrazek_lewy, a następnie stylujesz img który jest w klasie obrazek_prawy.

inną opcją będzie stylowanie z wykorzystaniem pseudoklas, ale jak zaczynasz przygodę z css to raczej bym to zostawił na później,

odpowiedź 22 maja 2015 przez jaca121212 Nałogowiec (40,760 p.)

po piersze jeśli chcesz odtworzyć hiperłącze w konkretnym divie musisz użyć javascrit lub jquery

po drugie do wstawiania hiperłącza jest tak <a href="gdzie ma sie odnieś po kliknieciu " >nazwa linku </a>

po trzecie wstawianie obrazka musisz użyć tagu <img src="sciezka do obrazka" />

po czwarte masz tutaj przykła po kliknieciu w obrazek przeniesie ciebie do podstrony

<a href="#"><img src="https://forum.pasja-informatyki.pl/?qa=image&qa_blobid=4173144863237068804&qa_size=50"/></a>