Ocena wątku:
  • 0 głosów - średnia: 0
  • 1
  • 2
  • 3
  • 4
  • 5
Jak unieruchomić logo i jak wykonać taki format podstrony? (top-treść-stopka)
#1
Odpowiedz
#2
Na wstępie przepraszam, ale nie znam odpowiedzi na twoje pytanie, ale jak zobaczyłem templatkę to aż musiałem się zarejestrować.

Niestety muszę zwrócić ci uwagę na ważne według mnie rzeczy:

skryptowana js'em i cieniowana trzcionka nie ukazuje się dobrze pod starszym Internet Explorerem. fajnie wygląda ale sam to przerabiałem i doszedłem do wniosku, że lepiej jest aby wszyscy widzieli stronę tak samo.

po drugie H1 nie powinieneś wykorzystywać do tytułów newsów, H1 powinno zawierać opis treści strony, może być takie samo jak title tag, a nawet kiedyś czytałem opinię że POWINNO być takie samo. H2 wykorzystuj do opisania kategorii (czyli np pokazujesz że tu zaczynają się newsy). H3 i H4 możesz wykorzystywać do opisywania tytułów newsów (nagłówków). Podobno złota zasada to maksymalnie 1x H1, 1xH2.

Nie używaj H1 i H2 na dole strony, H1 to najważniejszy nagłówek na twojej stronie (nie bez powodu ma 1 jako liczbę a nie 123) i nie powinien się potarzać.

Tak samo jak wykorzystałeś H5, po czym znów powtarzasz H1 i H2. Optymalnie jest zachować ciągłość od góry w kodzie H1 - H2 - H3 - H4 - H5, jak raz wstawisz H3 to za nią nie powinieneś dawać już H2.

Wiem, że to brzmi dziwnie i inaczej. Wymaga też poprawek w kodzie i przyzwyczajenia się do nowych rzeczy, a czasami dostosowania layoutu pod "H" ale widzę, że odkąd zacząłem się tego trzymać moje stronki są pozytywniej odbierane przez google Smile

Co do reszty kodu to nie mam zarzutów Smile

I sry dla forumowiczów za to że mój pierwszy post to zaraz marudzenie Big Grin
Odpowiedz
#3
Strona jest kierowana do wąskiego grona użytkowników (Ferrari to tylko tymczasowe obrazki i nie będzie miało związku z treścią i tematem strony) i większość z nich zdaje sobie sprawę,że trzeba aktualizować przeglądarki.Na najnowszych FF,Opera i IE9 wszystko chodzi bez problemów.Myślę też nad dodaniem gdzieś na stronie informacji na ten temat.
Co za tym idzie Cufona sie nie pozbędę Smile (czcionki)

Co do H1 H2 itd. to sprawa wygląda tak:
Nie miałem za dużo wiedzy na ten temat ale na siłę wziąłem się za CSS.Tzn. wiedziałem,że tak niewolno ale mówie - wygląda dobrze,a nad poprawnością w kodzie zastanowię się później.

Czy używanie H1 H2 w taki sposób jak ja to zrobiłem ma wpływ jedynie na pozycjonowanie? Bo jeśli tak to na tym mi akurat nie zależy.

...no i dalej proszę o pomoc w tych dwóch problemach z pierwszego postu Smile
Odpowiedz
#4
po 1 nagłówek h1 stosujemy RAZ na danej stronie, h2 można powielać, h3 h4 h5 i tak nie są indeksowane, więc nie musisz się nimi martwić

1-Wrzuć wszystko do wrappera

<div id="wrapper">
tu idą bebechy
</div>

#wrapper {
width:900px;
height:auto;
position:relative;
margin:0 auto;
display:block;
overflow:hidden;
}



2-
<div id="wrapper">
<div id="header">tu idzie logo</div>
<div id="content">tu wrzucasz content</div>
<div id="footer">tutaj idzie stopka</div>
</div><!--end wrapper-->

body {
margin:0;
padding:0;
}
#wrapper {
width:900px;
height:auto;
display:block;
position:relative;
margin:0 auto;
overflow:hidden;
}
#header {
display:block;
float:left;
width:900px;
height:xx px;
position:relative;
}
#content {
position:relative;
float:left;
clear:left;
width:900px;
height:auto;
margin-bottom:xx px;
}
#footer {
clear:left
display:block;
position:relative;
margin:0 auto;
width:xx px;
height:xx px:
}

coś w ten deseń
Odpowiedz
#5
1 - do Wrapera wrzuciłem Header i top stanął w miejscu,jest ok,ale tło strony dalej się przesuwa :/
Jak do Wrappera wrzucę całą stronę to tez nic to niedaje,tło się porusza.

2 - zaraz przetestuje
Odpowiedz
#6
tlo daj do wrappera tylko odlicz sobie od wysokosci wysokosc headera
Odpowiedz
#7
hmmmm albo czegos niewiem albo ....

tło mam w CSS tutaj :
Kod PHP:
body {
    
margin0;
    
padding0;
    
background#000000 url(images/img01.jpg) center top no-repeat;
    
font-familyArialHelveticasans-serif;
    
font-size13px;
    
color#ffffff;


więc w html.php niemam czego ująć w WRAPPERa :/
Chyba,że <wrapper><body>...</body></wrapper> no ale to chyba tak niewolno ? Smile
Odpowiedz
#8
traktuj wrapper jako pudelko, do którego wrzucasz wszystkie elementy, które znajdują się w body strony czyli

<head>
</head>
<body>
<div id="wrapper'>
tutaj ida wszystkie elementy (header,content, footer)
</div>
</body>

wiem, że tło masz ustawione w backgroundzie, dlatego ustaw je we wrapperze
#wrapper {
background: #000000 url(images/img01.jpg) center top no-repeat;
}
Odpowiedz
#9
Zaraz mnie $#%$#^ Smile
Jak już ustawiłem górę to znowu Footer stał się odrębnym elementem poza Wrapper-em,mimo tego że był w DIVach.
Przez to nie mogę obrazka z Footera umieścić jako warstwa nad treścią strony.Nie pomagało Z-INDEX.

Niema innego rozwiązania tego problemu niż umieszczanie tego w Wrapper-ze ?
Domyślam się ,że trzeba w CSSie przerobić Body i Header ale jest z tym trochę zabawy ?
Odpowiedz
#10
jak chcesz, to spakuj ta stronke co masz i wrzuc na jakis serwer, sciagne i ci to ogarne
Odpowiedz


Podobne wątki…
Wątek: Autor Odpowiedzi: Wyświetleń: Ostatni post
  Jak uzyskać taki efekt związany z tłem Moody 1 2,412 01-08-2013, 02:44
Ostatni post: hieroshima
  problem ze stopką taaniel 6 5,408 25-07-2013, 18:57
Ostatni post: taaniel
  Dopasowanie strony do treśc cechu 2 2,028 09-09-2012, 22:09
Ostatni post: kornell
  Plik główny a w nim dodatkowe podstrony Matt 8 6,084 01-07-2012, 23:36
Ostatni post: kornell
Question Jaki format pociętych grafik? Moody 7 5,554 13-05-2012, 15:40
Ostatni post: nst

Skocz do:


Użytkownicy przeglądający ten wątek:
Sponsorzy i przyjaciele
SeoHost.pl