kącik html--->pytania, porady i inne

przypadkowy przechodzień napisał:

teraz trzeba by dać jeszcze tło dla html w stylach

jak?

PP napisał:

zielony kontener to <body>, któremu nadajemy w stylach szerokość wysokość margin:górny-w-px auto dolny-w-px; i tło oczywiście

to ten górny w px czy auto? a boczne - auto?

potem dajemy ten żółty jako div, a w nim jako lista (<ul>) linki do stron w <li>

a te zdjęciowe odnosniki też jako divy w divie z float:left ?

a treści do niego np. includować za pomocą php

w jaki spośób to zrobić?

no i pytanie - jaką masz przeglądarkę?

IE

a na drugim kompie firefox

tak jak się daje dla wszystkiego

Kod:

html {background:kolor}

np. jeżeli chcesz żeby było na środku i od góry 20px a od dołu 30px to piszesz

Kod:

body {margin:20px auto 30px}

ważny jest doctype dla IE w tym momeńcie

czy ty te zdjęcia "dostajesz" czy sama robisz? (coś w stylu jak jest teraz na karym?)
jeżeli sama to te zdjęciowe linki powinny mniej więcej tak wyglądać

Kod:

<ul id="linki">
<li id="link1"><a href="#">jakaś strona 1</a></li>
<li id="link2"><a href="#">jakaś strona 2</a></li>
<li id="link3"><a href="#">jakaś strona 3</a></li>
<li id="link4"><a href="#">jakaś strona 4</a></li>
</ul>

i w stylach ustawić odpowiednie wymiary, tła, display:block i float:left dla <a>, overflow:auto dla #linki itp.

jak? tutaj jest opisane ładnie [link widoczny dla zalogowanych]

jak będziesz pisać stronę to sprawdzaj ją pod firefoxem, jak skończysz zobacz czy coś (a pewnie tak) jest nie tak w IE i napraw to albo zmieniając cos odrobiną tak żeby w obu przeglądarkach było ok, albo użyj specjalnych stylów dla IE w komentarzu warunkowym

Dałam coś takiego w stylach:

body {margin:20px auto 30px; width: 700px; height: 500 px; background-color:green;"}
html {background:black}

a strona w wyświetla się jako cała zielona, tak jaby nie można było wydzielić tego body...

ważny jest doctype dla IE w tym momeńcie

jak pwoinnien wygladać w tym wypadku?

czy ty te zdjęcia "dostajesz" czy sama robisz? (coś w stylu jak jest teraz na karym?)

nie wiem czy dobrze zrozumiałam pytanie...sama robie (???)- to są zwykłe zdjęcia obrobione w photoshopie. Gdzie jest w tym kodzie miejsce na podanie adresu obrazka? no bo <a> to ma być adres strony do wyswietlenia, tak?

Pokręcone to Cool

u mnie coś takiego działa - [link widoczny dla zalogowanych]
może doctype był winny

doctype ma musi wyłączać quirks mode w IE i innych przeglądarkach, czyli do wyboru

Kod:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">

ogólnie to najpierw powinno się wybrać doctype, dopiero potem pisać stronę

no czy to są jakieś bannery które dostajesz od tych stron, czy robisz sobie sama taki obrazek, który ma pasować do twojego layoutu
a miejsce na obrazek zależy czy to banner czy część lay'a

Był winny doctype. Czym się w praktyce różni "Transitional" od "Strict"? Spróbowałam z tym trzecim od góry i jest ok poza tym, że ignoruje wysokość.

Obrazki - w sumie to część lay'a, robione preze mnie, one mają być odnośnikami do podstron na silesian np. ogłoszeń itp. a nie do innych stron w sieci Wink

transitional to tryb niepełnej zgodności ze standardami (czyli pozwala na niektóre rzeczy, które byłyby błędne w strict), strict to tryb pełnej zgodności. Poza tym może powodować trochę inne wyświetlanie stron w niektórych przypadkach

ignoruje wysokość? tzn? masz może jakieś height w %?

no to jeżeli to część laya to powinna być określone w CSS

Wysokość jest podana w px. Ignoruje - czyli jak np. mam ją okresloną n 600 px, to on i tak wyswietla z jakies 50 px - tyle zeby zmiescic przykladowy tekst. Konkretnie co mam w tym css okreslić odnośnie tych zdjęc?

Dzięki za cierpliwość! Smile

wysokość czego? jeżeli nadajesz wysokość dla elementu liniowego to tak będzie, musiałabyś najpierw dodać display:block; dla niego

ogólnie to jak masz problem z czymś to najpierw podaj kod, bo bez niego to mogę tylko zgadywać

jeżeli te obrazki mają zastępować tekst to użyj jakiegoś image-replacement, więcej: [link widoczny dla zalogowanych]

potem, jeżeli chcesz, żeby obrazek się zmieniał po najechaniu na niego: [link widoczny dla zalogowanych]

[link widoczny dla zalogowanych]

Próba (kolory specjalnie różne, zeby lepiej było widać, to i tak tylko próba). To to mam na mysli mowiąc, że ignoruje wysokość. Kodu nie wklejam, jest w źródłe. Co jest z tym nie tak? Embarassed

robisz niepotrzebne spacje między liczbą a jednostką, dlatego nie działa

nie wiem też po co tam jest position:relative bo wydaje się niepotrzebne (no chyba ze chcesz pozycjonować absolutnie tych div'ów coś), tak samo niepotrzebne jest top i bottom, tym bardziej że ich wartości nie mają jednostek

poza tym - nie dawaj stylów w kodzie, tylko nadaj elementom odpowiednie id/class i definiuj je w arkuszu - tak jest czytelniej i łatwiej jest potem wprowadzać ewentualne poprawki

i nie pisz stron w notatniku, bo to jest po prostu niewygodne
zainstaluj sobie notepad++ albo notepad2

nie idzie;/ niby żadna filozofia, ale i tak cały czas cos wpisuje nie tak...Któraś z koleji próba (jż chyba na wszystkie sposoby kombinowałam):
[link widoczny dla zalogowanych]

Notatnik - no fakt niewygodny,ale jak do tej pory poprawki do strony nanosiłam bezposrednio w programie do ftp, więc nic innego nie było mi potrzebne. Wink

1. na poczatku css daj

Kod:

*{magin:0;padding:0}

(to tak bardziej na przyszłość)
2. usuń position relative - niepotrzebna jest
3. suma szerokości tych 3 kolumn + ich marginy + ich padding musi wynosić max szerokość body, nie może być szersza bo się zepsuje wszystko
4. te boxy które mają być po lewej muszą być przez div'em z treścią w kodzie, potem ma być div z treścią a potem to logo
5. dla kontenera z boxami możesz potem ustawić ujemny margin-left, ogólnie odstępy ustawiaj za pomocą marginów

Wyklełam IE...pod Fx jest w miare dobrze, oprócz tego, że nie moge ustawić większej niż 100px szerokości "komórek" od menu, bo inaczej jedna zjeźdża na dół, a i nie wyswietlają się te strzałki.

Pod IE jest praktycznie wszsytko źle, zółte kwadraty nie wystają poza body, niebieski zjeźdża na dół, a menu to nawet nie skomentuje...Prosze, mógłbys mi wkleić gotowy skrypt żeby działało pod IE, bo na tych angielskich stronach nie moge sie połapać...

[link widoczny dla zalogowanych]

Trzeba byc mną żeby przez pare dni robić to co inni robia w 15 minut Rolling Eyes

1. body {padding:50px} - to jest moje i jest tutaj niepotrzebne, najlepiej to wywal

2.

Kod:

to powinno być w kodzie strony a nie w css - najlepiej zrób coś takiego
połącz

Kod:

i to

Kod:

w

Kod:

poza tym ściągnij sobie stąd [link widoczny dla zalogowanych] version 0.9 (alpha) IE7_0_9.zip rozpakuj i wgraj na serwer (tam powinny być jakieś instrykcje) a potem zmień ścieżkę tego <script src="../ie7/ie7-standard-p.js" type="text/javascript"> na taką jaką masz u siebie na serwerze

3. wywal width dla #box to się będzie dopasowywał do elementów w środku, albo wywal width dla elementów w środku to się dopasują szerokością dla #box

4. nie łatwiej jest ustawić dla top margin-bottom:5px zamiast dla wszystkich elementów pod margin-top:5px ? wtedy łatwiej to będzie edytować

5. jeżeli wszystkie te boxy wewnątrz mają być takie same to nadaj im wszystkim taką samą class a nie 3 różne id, albo jeszcze prościej daj coś takiego zamiast tych 3 deklaracji w css

Kod:

#box div {
margin-top:15px;
width:150px;
height:150px;
background-color:yellow;
}

czyli wszystkie divy w #box będą mieć takie ustawienia

6. możesz ustawić większą szerokość dla tych komórek, ale jednocześnie musisz poszerzyć wtedy samo #menu, np. teraz powinno mieć width:655px żeby wszystkie komórki się zmieściły i dodaj jeszcze margin:0 auto; żeby się wycentrowało

7. strzałki się nie wyświetlają, bo ich nie ma na serwerze - nie ściągnęłaś, albo nie wgrałaś plików ar1.gif i ar2.gif do tego katalogu na serwerze (teraz sie nie połączysz pewnie z moją stroną, bo cośtam robią na ovh)

Sciągnełam ten skrypt, zainstalowałam...i teraz w ogle juz nic nie działa pod IE Wink

wyświetla się tylko zielone body.

W tym co ściągnełam były też inne skrypty, je można wywalic z katalogu, zostawic tylko ie7-standard-p.js, prawda? (narazie są jakby co)

Ten kod dla #box div odpada bo nie mozna dla nie ustawić float:left (wtedy trzy zółte są obok siebie), zrobiłam to inaczej.

MENU jest ok, tylko (linki jeszcze nie działają, bo do podpunktu z php nie doszłam):
1.jak wycentrowac napisy (aktualności, hodowle itp)?
2.co wywalić zeby szerokość tych wyświetlających sie komórek dopasowywała sie do objętości treści?
3. jak dać pólprzezrozyste (jak przez szkło) tło i czy działa to w tej inteligentej przeglądarce IE? Wink

4. podaj mi linki do strzałek...

[link widoczny dla zalogowanych]

aaa, i cos popsułam w Fx, bo niebieski zjeżdża na dół...a już było dobrze... Rolling Eyes