Wątek przeniesiony 2019-01-17 19:38 z Edukacja przez Ktos.
Witam, Was tak jak w temacie nie mam polskich liter na stronie, którą usiłuję stworzyć. Udało mi sie ogarnąc prosty szablon w CSS jest on w osobnym pliku.
Na początku kodu html wstawiłem
<meta charset="utf-8">
kod umieściłem w sekcji head.
Ale polskich znaków nadal nie mam.
W załączniku dołączam screena kodu.
Proszę Was o umiarkowana krytykę dopiero zaczynam sie uczyć :)
Jak piszesz w notepadzie++ to sobie ustaw kodowanie UTF-8 bez DOM.
TomRiddle napisał(a):
Jak piszesz w notepadzie++ to sobie ustaw kodowanie UTF-8 bez DOM.
Dziękuje działa :)
Pisałem na początku w notatniku i czytałem że ten kod powinien działać no ale coś chyba jednak zrobiłem źle.
marcin199404 napisał(a):
TomRiddle napisał(a):
Jak piszesz w notepadzie++ to sobie ustaw kodowanie UTF-8 bez DOM.
Dziękuje działa :)
Pisałem na początku w notatniku i czytałem że ten kod powinien działać no ale coś chyba jednak zrobiłem źle.
Możliwe że pisałeś w kodowaniu ANSI zamiast UTF-8?
W notepadzie tak było ustawione, ale dziwi mnie że w notatniku mimo tego kodu nie działało. Teraz po edycji w notepadzie chciałem sprawdzić czy coś się zmieni w notatniku ale kod jest identyczny a polskie znaki działają. Najważniejsze, że problem rozwiązany a ja będę wiedział na przyszłość co zrobić .
To, że sobie w HTML wpisałeś kodowanie <meta charset="utf-8"> jeszcze o niczym nie świadczy. Ważne jest także, jakie kodowanie masz ustawione w edytorze - jedno z drugim musi współgrać. Z tego co widzę na poniższym obrazku, w edytorze masz ustawione coś innego, niż UTF8.
P.S. zalegalizuj Windowsa :P
cerrato napisał(a):
To, że sobie w HTML wpisałeś kodowanie
<meta charset="utf-8">jeszcze o niczym nie świadczy. Ważne jest także, jakie kodowanie masz ustawione w edytorze - jedno z drugim musi współgrać. Z tego co widzę na poniższym obrazku, w edytorze masz ustawione coś innego, niż UTF8.P.S. zalegalizuj Windowsa :P
Nie wpisywałem hasła do wifi przy wgrywaniu systemu, juz wszystko ok, ale uwaga słuszna :P
Jeszcze teraz zastanawiam sie na jedną rzeczą. Chce żeby okno albo przynajmniej tekst po najechaniu na odnośnik sie podświetlał. Wiem że można to zrealizować za pomocą JS ale wolałbym wpisać to na stałe do stylu w CSS tylko nie moge znaleźć jak niby możliwość jest ale nie wiem jak ja wrzucic do mojego kodu.
więc tak w html mam:
To wiadomo z pomocą JS tekst zmienia kolor po najechaniu kursorem.
W css:
#nowy {
display:table-cell;
vertical-align: middle;
z-index:1;
position: relative;
width: 3cm;
height:1cm;
bottom: -20%;
background-image: url(html.jpg);
color: white;
font-size: 25px;
font-family: Impact;
text-align:center;
I teraz czy da się jakoś zrobić tu żeby po najechaniu kursorem zmienić kolor tła/ czcionki ?
Nie wiem, czy o to Ci chodzi, ale spróbuj (albo, jeśli o coś innego, to wyjaśnij dokładnie, czego Ci potrzeba):
<a href="http://www.wp.pl"> JAKISLINKBARDZO.fajny :) </a>
a w CSS
a:hover {
background-color: green;
}
cerrato napisał(a):
Nie wiem, czy o to Ci chodzi, ale spróbuj (albo, jeśli o coś innego, to wyjaśnij dokładnie, czego Ci potrzeba):
<a href="http://www.wp.pl"> JAKISLINKBARDZO.fajny :) </a>a w CSS
a:hover { background-color: green; }
Przypuszczam, że o to tylko nie wiem jak to wrzucić do mojego kodu CSS, dałem tak:
Ale niestety nie dało to żadnego efektu
i tu mam z kodu html:
I nie ogarniam gdzie robie bład
W N++ był błąd i pomimo ustawienia bez BOM nadal uparcie dla nowych plików dawał samo utf-8.
Ok juz działa :)
Z tym moim a:hover to był jedynie przykład. Większość elementów posiada pseudoklasę hover - https://www.w3schools.com/css/css_pseudo_classes.asp.
Jeśli wiesz (chociaż z grubsza) jak działa CSS, to musisz po prostu dodać do elementu, który chcesz stylować :hover - to, co okreslisz tam będzie stosowane w sytuacji, w której kursor się znajdzie nad danym elementem. W Twoim przykładzie, zamiast pisać a:hover, powinieneś dać nowy:hover. Jakbyś wrzucił to na http://jsfiddle.net i podesłał link do działającej wersji, to mógłbym ewentualne poprawki tam nanieść. Sorry, ale nie chce mi się przepisywać Twojego kodu z załączonych plików graficznych :P
cerrato napisał(a):
Z tym moim
a:hoverto był jedynie przykład. Większość elementów posiada pseudoklasę hover - https://www.w3schools.com/css/css_pseudo_classes.asp.
Jeśli wiesz (chociaż z grubsza) jak działa CSS, to musisz po prostu dodać do elementu, który chcesz stylować:hover- to, co okreslisz tam będzie stosowane w sytuacji, w której kursor się znajdzie nad danym elementem. W Twoim przykładzie, zamiast pisaća:hover, powinieneś daćnowy:hover. Jakbyś wrzucił to na http://jsfiddle.net i podesłał link do działającej wersji, to mógłbym ewentualne poprawki tam nanieść. Sorry, ale nie chce mi się przepisywać Twojego kodu z załączonych plików graficznych :P
Wiem wiem rozumiem, ale juz teraz działa:)
Dziękuje za pomoc