Adam Kupś

Adam Kupś Marketing On-line

Temat: Jak toz robić w css?

Witam was.
Mam pytanie odnośnie korzystania z css i mam nadzieję ,że mi pomożecie ;)
Jestem początkującym projektantem stron www i chciałbym aby robinenie mojej strony było dla mnie łatwiejsze.

Chciałbym wstawić logo firmy na stronę główną i na każdą z podstron. Co jakiś czas wstawiałbym kolejno logo. Do tej pory robiłem tak ,że na każdej z podstron wpisywałem ścieżkę do obrazka za pomocą <img src> itp.

Jak to zrobić w css.? Jakich kodów użyć ,żeby wpisać ściezkę obrazka do dokumentu css a link tego dokumentu na każdą z podstron.?
Nie używam Jommla, drupal czy wordpressa. Projektuje w zwyłym edytorze.

Pomocy ;)

Pozdrawiam

Temat: Jak toz robić w css?

Jeśli już koniecznie w CSS to wstaw zamiast <img/> np. <div id="logo"></div> i ostyluj go w CSSach ustawiając mu background.

konto usunięte

Temat: Jak toz robić w css?

.Ten post został edytowany przez Autora dnia 03.02.19 o godzinie 20:18
Marcin Gościcki

Marcin Gościcki Front-end
webdeveloper

Temat: Jak toz robić w css?

Malwina M.:
Nie używaj nigdy <img/> do logo, ikonek, buttonów czy innych elementów layoutu. Wygląd strony określasz w css, więc jeżeli ma być tło obrazkowe, używasz background lub background-image.

Używaj zawsze <img /> do logo bo nie jest to element layout tylko treść strony... Z resztą się zgadzam.

EDIT: Tutaj masz podobny temat - http://www.goldenline.pl/forum/3392491/podstrony/s/1 - nie dotyczy logo czy nagłówka tylko nawigacji ale zasada ta sama - jak już wspomniała Malwina - musisz ogarnąć templateowanie a bez jakiegoś języka server side się nie obejdzie...Ten post został edytowany przez Autora dnia 21.12.13 o godzinie 19:27

konto usunięte

Temat: Jak toz robić w css?

.Ten post został edytowany przez Autora dnia 03.02.19 o godzinie 20:18

konto usunięte

Temat: Jak toz robić w css?

Czasem w niektórych wątkach rozwijają się bardzo rozbudowane dyskusje na zupełnie nierozbudowane tematy : )

Temat: Jak toz robić w css?

Ani zawsze ani nigdy. Oboje zczilujcie.

Jeśli zachodzi taka potrzeba to i span'a można ostylować z display: block, zadeklarowanym width i height oraz background jako logo... i nikomu łba nie urwie.

Wszystko zależy od potrzeb. Generalnie ja robię wszystko aby użyć bg/css zamiast img tylko po to aby po prawym kliknięciu myszy nie było "pobierz obrazek" ale to na prawdę nie ma znaczenia. :-)

div id="logo"><img src="... też oka nie wykole... bana od google też nie będzie...

konto usunięte

Temat: Jak toz robić w css?

.Ten post został edytowany przez Autora dnia 03.02.19 o godzinie 20:23

Temat: Jak toz robić w css?

Malwina... czytam Cię i się uśmiecham. :-)

Skończ już z tą semantyką... Google już nie bije za to że H1 dasz font-size 11 px czy text-indent -9999em... to nie te czasy. Naginaj jeśli potrzebujesz... byle logicznie.

konto usunięte

Temat: Jak toz robić w css?

.Ten post został edytowany przez Autora dnia 03.02.19 o godzinie 20:19
Korneliusz Wilgocki

Korneliusz Wilgocki programista stron
internetowych

Temat: Jak toz robić w css?

Dlaczego mam nie używać logotypu jako <img> a wstawiać do CSS?
Malwina czy nie sądzisz, że tym samym obierasz możliwość zaindeksowania obrazka i nie trafi on do wyszukiwarki obrazkowej? Załóżmy sytuację, że potencjalny klient nie zna nazwy firmy, w linkach nic nie może znaleźć, wchodzi w wyszukiwarkę obrazkową i tam znajduje logo firmy której szukał. Bingo! A jak wrzucisz do CSSa to nie masz możliwość dotarcia do klienta.
Krzysztof Krakowiak

Krzysztof Krakowiak Software Developer

Temat: Jak toz robić w css?

logo powinno być klikalne i prowadzić do strony głównej, to ułatwia życie :) chyba nie muszę się rozpisywać co to oznacza ;p
Marcin Gościcki

Marcin Gościcki Front-end
webdeveloper

Temat: Jak toz robić w css?

Krzysztof K.:
logo powinno być klikalne i prowadzić do strony głównej, to ułatwia życie :) chyba nie muszę się rozpisywać co to oznacza ;p

Nie oznacza nic?

<a class="logo" href=''/''><img src="logo.png" alt="Moja Firma" /></a>
vs.
<a class="logo" href=''/''>Moja Firma</a> i trochę CSS-a

EDIT: href jest w podwójnych apostrofach zamiast w cudzysłowie bo GoldenLine uporczywie podmieniał mi jego zawartość na jakieś głupoty...Ten post został edytowany przez Autora dnia 23.12.13 o godzinie 09:24

konto usunięte

Temat: Jak toz robić w css?

To ja jeszcze dorzucę argument za logo w formie <img />. Mianowicie taki obrazek wydrukuje się bez problemu, podczas gdy style CSS zazwyczaj zostaną usunięte przy prawidłowej wersji do druku (nie chamskim zrzucie, a odpowiednim media query). Logo w takiej formie to jak najbardziej treść strony a nie jakaś dekoracja. Oczywiście warto dorzucić coś w atrybucie alt, całość wsadzić w <a /> i <h1 />, otworzyć szampana i oznaczyć ten dzień w kalendarzu.

Temat: Jak toz robić w css?

Jak robię media print to pierwsza rzecz dla img to ustawienie none.

Nie wkurzyło by was drukując stronę z przeglądarki kiedy gro tuszu czy tonera poszłoby na drukowanie czarnego logo?
Piotr Potera

Piotr Potera Frontend Developer,
UI/UX designer

Temat: Jak toz robić w css?

Logo tylko jako IMG. Jedyną zaletą loga strony jako background-image jest... no właśnie co? Często przeglądam witryny w przeglądarkach tekstowych lub prawie tekstowych (takich, które nie obsługują CSS - nie pytajcie, po co i dlaczego ;) i wtedy przynajmniej to logo mogę sobie łatwo pobrać, żeby je obejrzeć... czy właśnie - w ogóle coś zobaczyć zamiast białego kwadratu z niebieskim borderem. Semantyka? Mamy atrybuty ALT i TITLE. Niewidomy się nie zgubi. "Zapisz jako..." - jeśli komuś to przeszkadza, to źle wybrał branżę ;-)

Od strony programistycznej, w przypadku dużych systemów, gdzie istnieją dziesiątki czy setki stron klientów, którzy mają swoje loga, którymi to, od strony backendu trzeba zarządzać, łatwiej to robić obrazkami wstawianymi w szablony HTML niż bawić się w budowanie LESSowo/SCSSowych potworków z background-size i masą JSowych łatek... zwłaszcza, jeśli priorytetem jest responsywność czy kompatybilność z użytkownikami, którzy nie ogarniają opcji "zaktualizuj przeglądarkę raz na 5 lat".Ten post został edytowany przez Autora dnia 20.01.14 o godzinie 09:31

konto usunięte

Temat: Jak toz robić w css?

Tutaj mamy odpowiedź, która w mojej opinii wyczerpuje temat:
http://stackoverflow.com/questions/492809/when-to-use-...Ten post został edytowany przez Autora dnia 20.01.14 o godzinie 13:00

Następna dyskusja:

CSS Frameworks




Wyślij zaproszenie do