[CSS] By "float" rozciągał "pojemnik"
-
Marcin Kalisz
- Nowy
- Posty: 62
- Rejestracja: sob lis 26, 2005 12:29 pm
[CSS] By "float" rozciągał "pojemnik"
No właśnie... jak to zrobić? Nie chcę wrzucać grafiki, jedynie tekst, ale wtedy floaty wyskakują z zawartości... Jest jakiś sposób?
Re: [CSS] By "float" rozciągał "pojemnik"
Mógłbyś to wyjaśnić bardziej szczegółow? Może ukrasić przykładem? Bo szczerze mówiąc, to nie bardzo rozumiem o co Ci chodzi... 
-
Marcin Kalisz
- Nowy
- Posty: 62
- Rejestracja: sob lis 26, 2005 12:29 pm
Re: [CSS] By "float" rozciągał "pojemnik"
Jasne... www.a3-design.pl/termo/
Calosc wrzucilem w diva o nazwie "termo". Ma on wysokosc "auto". Problem w tym, ze przy tych kilku obiektach z parametrem "float: left" div "termo" zwija sie do samej gory znikajac calkowicie. Niby niewiele, ale jest on szerszy z kazdej strony o 4px i strona wyglada estetyczniej z "boczkami.
Czy jest jakis ratunek?
Calosc wrzucilem w diva o nazwie "termo". Ma on wysokosc "auto". Problem w tym, ze przy tych kilku obiektach z parametrem "float: left" div "termo" zwija sie do samej gory znikajac calkowicie. Niby niewiele, ale jest on szerszy z kazdej strony o 4px i strona wyglada estetyczniej z "boczkami.
Czy jest jakis ratunek?
Re: [CSS] By "float" rozciągał "pojemnik"
Oczywiście, że jest 
Najlepszym (i chyba jednynym) rozwiązaniem jest rezygnacja z pozycjonowania absolutnego i określanie położenia wszystkich elementów za pomocą atrybutu float (jest to tzw. float positioning) oraz usunięciem wszystkich bezwględnych wysokości.
Najlepszym (i chyba jednynym) rozwiązaniem jest rezygnacja z pozycjonowania absolutnego i określanie położenia wszystkich elementów za pomocą atrybutu float (jest to tzw. float positioning) oraz usunięciem wszystkich bezwględnych wysokości.-
Marcin Kalisz
- Nowy
- Posty: 62
- Rejestracja: sob lis 26, 2005 12:29 pm
Re: [CSS] By "float" rozciągał "pojemnik"
Pozycjonowanie float już wcześniej stosowałem. Zdaje egzamin w stu procentach, ale... tutaj chciałem zastosować "podmianę" kolejności kodu dla zwiększenia widoczności w Google. Stąd mało przeze mnie lubiane pozycjonowanie absolutne dla całej górnej grafiki oraz warstwy "content". Czy to jednak oznacza, że "position: absolute" burzy cały porządek "floatowy"?
Nie ukrywam, że zaraziłeś mnie ze dwa miesiące temu filozofią tworzenia opartą na floatach, ale w tym konkretnym przypadku chciałbym przesunąć dość sporą część kodu na koniec <body>
Nie ukrywam, że zaraziłeś mnie ze dwa miesiące temu filozofią tworzenia opartą na floatach, ale w tym konkretnym przypadku chciałbym przesunąć dość sporą część kodu na koniec <body>
Re: [CSS] By "float" rozciągał "pojemnik"
Pozycjonowanie absolutne opiera się o zupełnie inną filozofię i faktycznie, przy takim zastosowaniu niewspółgra z układem na floatach.
Jeżeli chcesz poprawić SEO swojej strony to IMHO powinieneś pójść w innym kierunku. Zmiana kolejności elementów na stronie nic nie da, jeśli nie będzie na niej odpowiedniej hierarchizacji treści. Musisz zadbać o swój markup - uczynić go semantycznym. Utwórz logiczną kolejność - najpierw nagłówek, menu, potem zawartość (tak jak to wygląda z warstwą prezentacji). Do tego celu zastosuj elementy <h1>...<h6> i <p>. Pozbąć się zbędnego kodu - przerzuć wszystko co się da do CSS - zdarzenia onmouse* zastąp pseudoklasą :hover, obrazki tworzące menu i nagłówki utwórz jako tło ich HTML'owych odpowiedników. Do tworzenia nawigacji zastosuj nieuporządkowaną listę (<ul> i <li>). Na pewno przyniesie to lepszy efekt (nie tylko jeśli chodzi o SEO, ale także np. dostępność) i będzie mniej uciążliwe anieżeli dotychczasowe działania
Jeżeli chcesz poprawić SEO swojej strony to IMHO powinieneś pójść w innym kierunku. Zmiana kolejności elementów na stronie nic nie da, jeśli nie będzie na niej odpowiedniej hierarchizacji treści. Musisz zadbać o swój markup - uczynić go semantycznym. Utwórz logiczną kolejność - najpierw nagłówek, menu, potem zawartość (tak jak to wygląda z warstwą prezentacji). Do tego celu zastosuj elementy <h1>...<h6> i <p>. Pozbąć się zbędnego kodu - przerzuć wszystko co się da do CSS - zdarzenia onmouse* zastąp pseudoklasą :hover, obrazki tworzące menu i nagłówki utwórz jako tło ich HTML'owych odpowiedników. Do tworzenia nawigacji zastosuj nieuporządkowaną listę (<ul> i <li>). Na pewno przyniesie to lepszy efekt (nie tylko jeśli chodzi o SEO, ale także np. dostępność) i będzie mniej uciążliwe anieżeli dotychczasowe działania
-
Marcin Kalisz
- Nowy
- Posty: 62
- Rejestracja: sob lis 26, 2005 12:29 pm
Re: [CSS] By "float" rozciągał "pojemnik"
Gdyby dawali Nobla za pomoc dostałbyś głos ode mnie
W tym co chcę osiągnąć projektując strony jest (przynajmniej wobec mojej aktualnej wiedzy) delikatna sprzeczność. Nie chciałbym popadać w design podporządkowany całkowicie SEO, ale też staram się nie wprowadzać zbędnych grafik. Z pewnością jeśli chodzi o linki zrobię tak jak mówisz. Czytałem o wpływie linków tekstowych na pozycję w wyszukiwarkach i faktycznie warto o tym pamiętać - tym bardziej jeśli graficzny odpowiednik prezentuje bardzo minimalistyczne rozwiązanie (jak w tym przypadku).
Nagłówki... coż, chciałbym zachować te, które są (czcionka), chociaż już zabierając się do tego wiedziałem, że jest to trochę krzywdzące rozwiązanie (ale bardzo popularne nawet wśród profesjonalnych firm).
Mam jednak pytanie: czy nie będzie przegięciem jeśli słowa kluczowe (np. "technika grzewcza") w środku tekstu oznaczę jako nagłówek o stylu nie różniącym się od zwykłego paragrafu?
Wiem, że to dość iszalone pytanie, ale podglądając strony mocnych firm w regionie zauważyłem wiele zaskakujących rozwiązań
W tym co chcę osiągnąć projektując strony jest (przynajmniej wobec mojej aktualnej wiedzy) delikatna sprzeczność. Nie chciałbym popadać w design podporządkowany całkowicie SEO, ale też staram się nie wprowadzać zbędnych grafik. Z pewnością jeśli chodzi o linki zrobię tak jak mówisz. Czytałem o wpływie linków tekstowych na pozycję w wyszukiwarkach i faktycznie warto o tym pamiętać - tym bardziej jeśli graficzny odpowiednik prezentuje bardzo minimalistyczne rozwiązanie (jak w tym przypadku).
Nagłówki... coż, chciałbym zachować te, które są (czcionka), chociaż już zabierając się do tego wiedziałem, że jest to trochę krzywdzące rozwiązanie (ale bardzo popularne nawet wśród profesjonalnych firm).
Mam jednak pytanie: czy nie będzie przegięciem jeśli słowa kluczowe (np. "technika grzewcza") w środku tekstu oznaczę jako nagłówek o stylu nie różniącym się od zwykłego paragrafu?
Wiem, że to dość iszalone pytanie, ale podglądając strony mocnych firm w regionie zauważyłem wiele zaskakujących rozwiązań
Re: [CSS] By "float" rozciągał "pojemnik"
Napewno nie będzie to rozwiązanie semantyczne, a jeśli chodzi o SEO to może być odebrane jako próba oszukania wyszukiwarki. IMHO takie działanie za wszelką cenę nie jest dobrym rozwiązaniem.Indroman pisze:Mam jednak pytanie: czy nie będzie przegięciem jeśli słowa kluczowe (np. "technika grzewcza") w środku tekstu oznaczę jako nagłówek o stylu nie różniącym się od zwykłego paragrafu?