Witamy, Gość. Zaloguj się lub zarejestruj.
Czy dotarł do Ciebie email aktywacyjny?


Zaloguj się podając nazwę użytkownika, hasło i długość sesji

  Pokaż wiadomości
Strony: [1] 2 3 ... 5
1  Ogólne dyskusje / Webmastering & Webdesign / Odp: problem z wyswietlaniem w firefoxie ;O : 25.01.2012, 21:53:05
w css dodaj:

#header{overflow:hidden;}

co do bazy danych sprawdź kodowanie bazy, powinieneś mieć utf-8
2  Galerie / Webdesign / Odp: Kludu : 23.11.2011, 20:39:23
Wystarczy wyzerować marginesy, a jeżeli chodzi o umieszczenie obok siebie to opływanie czyli float.
3  Ogólne dyskusje / Języki Internetu / Odp: Rzeczywiste wymiary - PROBLEM. : 04.10.2011, 19:42:16
Właśnie chodzi o to by te 15% nie musiało przewijać strony w poziomie.
4  Ogólne dyskusje / Języki Internetu / Odp: Rzeczywiste wymiary - PROBLEM. : 04.10.2011, 17:04:24
Cytuj
wrzucanie do strony kolejnego zbędnego <diva>, który obejmował będzie zawartość strony mija się z celem.
Cytuj
O ile faktycznie ciężko wyśrodkować tło obrazkowe, chociaż da się to zrobić.

Dodanie diva lub nie jest jedynie kwestią stylu tworzenia struktury strony jaki preferuje osoba kodująca i stwierdzenie że mija się z celem nie do końca jest prawdziwe.

Cytuj
O ile faktycznie ciężko wyśrodkować tło obrazkowe, chociaż da się to zrobić.
Takie rozwiązanie powoduje że powyższe zdanie nie ma prawa bytu, wyśrodkowanie jakiegokolwiek tła staje się banalnie proste, dając jednocześnie pewność poprawności wyświetlania w różnych przeglądarkach już na etapie tworzenia samej struktury (czytać: nie muszę się zastanawiać i sprawdzać jak będzie pod różnymi przeglądarkami, mam pewność w 100%).
Oczywiście jak już pisałem ilu kodujących tyle sposobów budowania struktury strony i nie ma sensu dyskusja nad tym który sposób lepszy, a który gorszy.

Cytuj
div tło - istniałby tylko dla koloru tła.
div strona zawierałby w sobie tło obrazkowe 1024x607px.

Kolor tła możesz określić już dla <body> i tutaj dodanie divu "tło" rzeczywiście jest zupełnie zbyteczne. Div "strona" tak jak napisałeś zawierałby w sobie tło obrazkowe i ustawiałby się po środku strony.

Jeśli chodzi o statystyki związane z przeglądarkami: http://ranking.pl/pl/rankings/web-browsers.html
Oczywiście dane te są z pewnością jedynie w jakimś stopniu przybliżone.

Cytuj
Nie lepiej po prostu body { backroung: #kolor url("obrazek") no-repeat; }

Tutaj też by się zapewne sprawdziło, jak pisałem to kwestia indywidualnego stylu kodowania, chociaż można trafić na taki projekt graficzny strony że ten sposób się nie do końca sprawdzi.



5  Ogólne dyskusje / Języki Internetu / Odp: Rzeczywiste wymiary - PROBLEM. : 03.10.2011, 20:10:13
Oczywiście że wystarczy. Divowi strona nadajesz width:1024px oraz margin:0 auto; Jeżeli szerokość okna będzie większa to uzyskasz jednakowe marginesy z prawej i lewej.
Co do szerokości 1024 to należy uwzględnić jeszcze ewentualną szerokość paska przewijania z lewej strony, więc dysponujesz szerokością parę pikseli mniejszą. Dotyczy to sytuacji kiedy ktoś ma rozdzielczość 1024x768 (obecnie to ok.18% użytkowników internetu w polsce).

Co do procentowego ustalania wymiarów nie jest znowu takie złe, chociaż ja osobiście również preferuję konkretne wartości. Daję to lepszą kontrolę nad rozmieszczeniem i wielkością elementów na stronie.

Zauważ natomiast że problemem nadal będzie umieszczenie grafiki w tagu <html>. Jak zachowa się zdjęcie w tle w stosunku do reszty strony przy większej szerokości okna?
To jest powód dla którego chociaż można, to nie warto umieszczać tła w <html>, <body>. Lepszym rozwiązaniem jest umieszczenie jako tło divu, który możesz od razu wyśrodkować, a tym samym wyśrodkujesz całą stronę.
6  Ogólne dyskusje / Języki Internetu / Odp: Rzeczywiste wymiary - PROBLEM. : 30.09.2011, 23:16:57
To czy reszta się rozjedzie czy nie to kwestia rozplanowana układu elementów na stronie. Dodatkowo nadawanie sztywnych wymiarów typu width:700px oczywiście spowoduje "rozjechanie" się strony przy innych rozdzielczościach (w sensie przesunięcia się elementów względem tła).
Lepszym rozwiązaniem w tym przypadku byłoby nadawanie wymiarów relatywnych do wielkości okna przeglądarki, co spowoduje że każdy "blok" zmieni swoją szerokość wraz ze zmianą wielkości okna przeglądarki.
Oczywiście takie rozwiązanie może nie zapewnić 100% pokrycia się elementów z tłem, bo tutaj dojdzie jeszcze kwestia tego z jaką dokładnością scrypt przeskaluje nam zdjęcie w tle, ale myślę że były by to przesunięcia do przyjęcia.

Twoja pierwsza metoda dopasowania wielkości obrazu mogłaby zdać egzamin po drobnych uzupełnieniach (background-size: cover; to jeszcze nie standard i musi być odmiennie deklarowany dla różnych przeglądarek), ale dla IE może być i tak wymagany mały skrypt( dokładnie tych kwestii nie sprawdzałem).

W razie czego służę pomocą przy kodzie, PW do dyspozycji. W prawdzie nie wszystko co da się zrobić we flashu można uzyskać samym CSS, ale układ strony raczej tak.

Tak jak podał Sooly: repeat-x powtarza w poziomie, no-repeat to brak jakiegokolwiek powtarzania.

  
7  Ogólne dyskusje / Języki Internetu / Odp: Rzeczywiste wymiary - PROBLEM. : 30.09.2011, 21:20:45
Możesz sprawdzić np. to: http://www.aaronvanderzwan.com/maximage

Maximage skaluje zdjęcia do wymiaru okna przeglądarki

Ewentualnie zajrzyj tutaj: http://css-tricks.com/3458-perfect-full-page-background-image/

Trzeba jedynie pamiętać że CSS3 nie jest jeszcze całkowicie obsługiwane przez przeglądarki.
8  Ogólne dyskusje / Języki Internetu / Odp: Rzeczywiste wymiary - PROBLEM. : 30.09.2011, 21:09:43
Cytuj
Nie, pojawia się tylko raz, żeby się powielało trzeba dopisać styl.

Wręcz przeciwnie, jeżeli obszar ma większy wymiar niż obrazek to ten będzie powielany zarówno w poziomie jak i w pionie. Właśnie żeby tego uniknąć należy w CSS dodać "no-repeat", gdyż domyślnie jest przyjmowane "repeat".
prawidłowo: "url(adres obrazka) 0 0 no-repeat;

Zera można zastąpić przez top i left, jak również je pominąć gdyż przeglądarki domyślnie przyjmują właśnie taką wartość.

Edit:
Tak istnieją scrypty jQuery skalujące obraz w tle.
Oczywiście wtedy nadal pozostanie pewien problem, co jeżeli ktoś wyłączy obsługę javascript w przeglądarce?

Ominięciem tego mogłoby być skalowanie obrazu w PHP jeszcze przed wysłaniem strony z serwera, tyle że obraz musiałby mieć dużą rozdzielczość bo skalowanie w "górę" to raczej nie najlepszy pomysł.


9  Ogólne dyskusje / Języki Internetu / Odp: Rzeczywiste wymiary - PROBLEM. : 30.09.2011, 20:43:36
Skoro jest to wyświetlane tak jak na screenie i twierdzisz że zdjęcie ma 1024px szerokości to najwidoczniej masz ustawioną inną rozdzielczość niż 1024px w poziomie (chodzi oczywiście o rozdzielczość ustawioną w systemie).
Inna sprawa że jaki sens ma tworzenie strony w ten sposób, rozdzielczość 1024 posiada zapewne tylko jakiś procent użytkowników internetu więc i tak będą widzieli stronę właśnie w taki sposób jak na screenie.
Tego typu tło musiało by się dostosowywać wymiarem do rozdzielczości jakiej używa osoba przeglądająca stronę. Istnieją zresztą gotowe skrypty jQuery realizujące właśnie takie dostosowanie wymiaru.
 
10  Ogólne dyskusje / Języki Internetu / Odp: Problem z wczytaniem obrazka!? : 19.09.2011, 21:52:54
A plik do którego kieruje odsyłacz istnieje?
Tak poza tym to dałbym sobie spokój z edytorami typu WYSIWYG, takie edytory generują "koszmar" a nie kod. Wystarczy spojrzeć na to co wygenerował w przypadku twojej strony.
Lepiej zadać sobie trochę trudu, poświęcić trochę czasu i po prostu pouczyć się html'a/ccs. Nie jest to tak trudne jak się może wydawać, ani nie trzeba dużo czasu abyś napisał kod znacznie lepszy niż to co wygenerował edytor.
11  Ogólne dyskusje / Wasze strony / Odp: Bajkolandia - Strona z bajkami online dla dzieci : 18.09.2011, 11:00:06
Zainstaluj IE Tester to się dowiesz jak jest pod IE7 i IE8.
12  Tutoriale / Tutoriale do poprawy / Odp: Tworzymy stronę w gimpie : 03.08.2011, 21:55:40
Xamp nie jest potrzebny do tworzenia strony w html, a jedynie do "testowania" strony tworzonej w php, do html wystarczy przeglądarka. Do opublikowania strony to xamp jest już kompletnie nie potrzebny.
Co do notatnika jako edytora to oczywiście że można tylko po co cofać się wstecz.

//Sooly: Cofać można się tylko wstecz. Mrugnięcie Ale zgadzam się z tym notatnikiem.
13  Ogólne dyskusje / Wasze strony / Odp: WebDesign - projekt strony : 03.08.2011, 21:41:16
Dawno nie zaglądałem na forum a tu proszę...
Chyba Dawid1999 jednak źle "dopatrzyłeś". Nie ma odwołania do savarotest.pdg.pl/css/style.css tylko do savarotest.pdg.pl/webdesign/css/style.css, co zresztą można szybko i łatwo stwierdzić używając chociażby Firebuga w FF. Tak więc każda ze stron umieszczonych na serwerze (służącym tylko do testów, więc jest kilka "stron") ma swój własny plik css.
Co do JQuery to już sam doszedłeś do czego jest potrzebne.
14  Ogólne dyskusje / Języki Internetu / Odp: pytanie o diva : 23.12.2010, 22:33:35
Walidator wywala błąd ponieważ w element liniowy wstawiłeś element blokowy. Anchor jest elementem liniowym, więc nie możesz w nim dać divu który jest elementem blokowym. Można oczywiście dodać display:block do formatowania tagu a, ale takie rozwiązanie jakie chcesz tu zastosować, to znaczy div wewnątrz anchora, jest chyba najgorszym z możliwych.

To żaden problem żeby grafika była odnośnikiem a nie napis, nawet jeśli ma być ona umieszczana w CSS:

<a href="link"></a>

CSS:

a{background: url(images/sg.png);display:block;width:39px;height:170px;}
a:hover{background: url(images/sg2.png);}

Możesz oczywiście nadać klasę lub identyfikator dla anchora.

Background:url(images/sg.png) to wersja skrócona zapisu, więc nie ma problemu z użyciem takiego zapisu zamiast background-images:url(images/sg.png).

Strony: [1] 2 3 ... 5