Jak zmieniać elementu HTML za pomocą CSS?


(Saver) #1

Zacznę od przykładu:

mamy tu HTML:

A teraz czas na CSS:

Jak za pomocą CSS zmienić Witaj! na Cześć, bez ruszania HTML?

Drugi przykład:

Jak za pomocą tylko CSS zmienić obrazek z diva .hihi na inny np. łoo.png ?

+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++

EDIT:

A jak za pomocą CSS zrobić żeby obrazek był nie wyświetlany?

znam coś takiego ale chyba to nie działa:(

Jak wyłączyć wyświetlanie obrazka za pomocą CSS w tym przykładzie?


(Drobok) #2

W ogóle nie pojmujesz na jakiej zasadzie działa css ;p

Za jego pomocą nic w html nie zmienisz. Możesz coś dodać za pomocą css do kodu html.

Np tło wygląd itd.

Css nie służy do wprowadzania tekstu.


(Arn Poznan) #3

Ale może PHP się Tobie przyda?


(Saver) #4

A własnie że się mylisz, można zamienić za pomocą CSS obrazek który jest już w HTML

np. tym kodem:

a[href=/nowy_obrazek]:before {

content: url('http://gg.035.jpg');

}

a[href=/obrazkowy_orginalny_obrazek] img[src*=http://i.Club.png] {

display: none;

}

obrazek zamieniony bez grzebania w HTMLu, a jak można to zrobić z tekstem?


(Mbocian 94) #5

Może za pomocą jQuery? Wiem, że potrafi zmieniać zawartość div-ów, etc.


(bartek_m0) #6

@Saver, warto dodać że to nie zadziała pod IE7 i starsze.


(Blazej X) #7

Dokładnie. Nawet jeżeli można robić jakieś dynamiczne cuda za pomocą CSS, to zwrócić trzeba uwagę na to, że nie do tego CSS służy, więc im więcej udziwnień tym większe prawdopodobieństwo, że strona będzie działać tak jak chcesz, tylko w przeglądarce w której ją testowałeś.

CSS służy do zdefiniowania wyglądu elementów strony. Do dynamicznego reagowania, zmieniania zawartości, czy czegokolwiek, służy Javascript najczęściej połączony z odpowiednim arkuszem styli.

Każde narzędzie ma określone przeznaczenie i do tego należy je wykorzystywać. Możesz potłuc schabowego garnkiem, ale zdecydowanie najlepiej do tego się nadaje tłuczek :slight_smile: Bo później jest wielkie ale, że to nie działa na IE, czy czymkolwiek innym...


(Saver) #8

Ale ja mogę zmieniać divi tylko za pomocą CSS i JavaScript, mógłbyś mi jakoś pomóc jak za pomocą tych dwóch narzędzi zmienić tekst w divie na inny?


(mario@) #9

Zależy według czego odwołujesz się do danego elementu strony.

Witaj!

Witaj!

Witaj!
asdasdas [/code]