Książka
Nawigacja
Problem z style.css
- Zaloguj się lub utwórz konto, by odpowiadać
- Zaloguj się lub utwórz konto, by odpowiadać
Zgodnie z ambicją jaka sobie wytyczyłem proboje-testuje - nie wiem dlaczego wciaz wiatr mi w oczy :)
Zobaczylem gdzies jak powinno sie robic by zamiast tekstu -wstawic obrazek a jednoczesnie miec ten tekst tyle ze niewidoczny - tak podobno najlepiej jest dla botow przeszukujacych
wiec zgodnie z instrukcja zdefiniowalem klasse w style.css - ( sprawdzam na garland Theme)
h2.witaj { width: 127px;
height: 0px;
padding-top: 127px;
overflow: hidden;
background-image: url(image/witaj.jpg);
background-repeat: no-repeat;
}
do images wrzcilem witaj.jpg o wysokosci 127 i szerokosci 127
w Body wpisalem
Witaj na mojej stronie
Nie dziala - zadnych zmian - rece opadaja . Zmienialem na Html filtered i ful html odznaczylem wszystkie filtry - nie wiem co jest nie tak :(
Taka prosta a mnie ...... cyka od godziny
< hdwa class="witaj">Witaj na mojej stronie< /hdwa>
Zwróć uwagę na linijkę z backgroud-image - nie powinno tam być images, zamiast image?
Z tego co pamiętam ten troch z ukrywaniem nie działa wszędzie, i wtedy przydaje się dodać jakiś ujemny text indent.
Albo po prostu wstaw obrazek i ustaw mu atrybut alt na ten tekst.
zlecenia, wsparcie, współpraca: kubala.webdesign(at)gmail(dot)com
Nie robię serwisów za 300,- !
Gdzieś kiedyś wyczytałem, że minusowy text-indent nie jest tak "przyjazny" dla botów. Najlepiej umieść w h2 znacznik span, a w nim tekst:
< h 2 >< span >Jakiś tekst< / span >< / h 2 >
Style następujące:
h2 {
float: left; (nie musisz tego dawać, ale ja na stronie wszystko floatuje, stąd ten zapis :)
width: 127px;
height: 127px;
overflow: hidden;
background: url(jakiś obrazek) no-repeat top left;
}
span {
float: left;
padding: 200px 0 0 0;
line-height: 60px;
}
P.S. To rozwiązanie zadziała wszędzie, a text-indent: -9999px; o którym wspomniał kubala też rozwiąże Twój problem :)
Dzieki Kuba za rade, skoro mówicie ze ten sposob z spanem jest lepszy ... wiec zgodnie z zaleceniami przekleiłem kod, i coż .........jest postep taki ze w Body podczas edycji pokazuje sie zdjecie zamiast tekstu, natomiast po zapisaniu juz nie
Czy to wina Input format czy co ? Wybralem Full Html
wlaczyylem tam wszystkie filtry procz HTML filter ( swoja droga nie wiem dlaczego tam nie mam php ,bo na drupalu zainstalowanym lokalnie mam jeszce do wyboru w filtrach PHP code)
po odswiezeniu strony.......NAPIS
Zainstaluj Firebuga (dodatek do firefoxa) i sprawdź czy ładują Ci się style i obrazki. Jeśli masz gdzieś tę stronę w internecie, to najlepiej podaj adres.
1) mógłbyś dać link byłoby łatwiej diagnozować
2) filtr php trzeba osobno włączyć, lokalnie pewnie go kiedyś włączałeś i zapomniałeś o tym.
3) A chyba najlepiej (w SEO nie siedzę jakoś szczególnie głęboko, być może to rozwiązanie jest mniej priorytetowe) jak już wcześniej pisałem WSTAWIĆ OBRAZEK I USTAWIĆ MU ATRYBUT ALT.
@matik:
trochę niefortunnie dobrałeś selektory, po wklejeniu takiego kodu wszystkie spany na stronie będą miały paddingi. Lepiej już zrobić to w następujący sposób:
HTML:
< h 2 class="hide-welcome-text" >< span >Jakiś tekst< / span >< / h 2 >CSS:
h2.hide-welcome-text {width: 127px;
height: 127px;
overflow: hidden;
background: url(jakiś obrazek) no-repeat top left;
}
h2.hide-welcome-text span {
padding: 200px 0 0 0;
line-height: 60px;
}
Pozdrawiam
zlecenia, wsparcie, współpraca: kubala.webdesign(at)gmail(dot)com
Nie robię serwisów za 300,- !
Podałem przykład (minimalistyczny) :) Z góry przyjąłem, że jeśli kolega kombinuje już w CSSie, to dobierze sobie klasy i identyfikatory odpowiednio do swojego projektu. W każdym razie - dobrze, że czuwasz :P
Ruszyło !Ruszylo po hmmm przeladowaniu THEME - zmienilem temat kolorystyczny na belgijska czekoalde i wyswietlilo img :).
MQ z tymi klasami domyslilem sie ,ale co mnie znow zastanawia , za kazdym razem kiedy bede robil cos takiego bede musial tworzyc nowa klase z kolejnym obrazkiem. Stosuje sie faktycznie takie metody ? bo tego moze by calkiem sporo
CO jeszcze mnie zastanawia - sprobowalem zbudowac z tego View- Page wyswietlajac body jako slideshow, bylem ciekaw czy beda wyswietlac sie teksty czy obrazki , wyswietlaja sie obrazki to fajnie - ale ..... kiedy wyswietlam sam content - tekst mam po lewej stronie obrazka - a poczas slidshow - pod obrazkiem
Czy to sprawa jeszce moich brakow w CMSie ? czy to po prostu tak dziala..
ps. Ciesze sie ze moge sie od was czegos nauczyc i moge na was liczyc mimo ze jakby powiedzial to pudzian .........jestem w tym zoltodziobem ........ale tanio skory nie sprzedam :)
s7pro - możesz umieścić wszystkie obrazki w divie o id="images" i zmienić w stylach na:
#images h2 { style co wyżej }
#images h2 span { style co wyżej }
Teraz każdy h2 z obrazkiem w #images odziedziczy te style :) Pamiętaj tylko, że klasy możesz powtarzać w kodzie, natomiast id jest unikalny (może występować tylko raz) - inaczej walidator będzie się burzył :)
możesz używać tej klasy którą już masz + inlineowo podawać css (atrybut style) z wartościami width i height.
Ale zapytam jeszcze raz - nie lepiej będzie ci po prostu wstawić obrazek i uzupełnić go o atrybuty alt i title?
zlecenia, wsparcie, współpraca: kubala.webdesign(at)gmail(dot)com
Nie robię serwisów za 300,- !