Zaloguj się

Xylian · (Ten post był ostatnio modyfikowany: 19-02-2010, 05:27 przez Xylian.)

Chciałem prosić o pomoc w wypełnieniu prostego arkusza css dla strony złożonej z 3 bloków tak jak poniżej:

[Obrazek: projektl.jpg]

Dla poniższego zapisu strony:

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

<html>

<head>

<meta http-equiv="Content-type" content="text/html; charset=iso-8859-2" />

<title>X</title>

<link href="style.css" rel="stylesheet" type="text/css" />

</head>

    <div id="side"></div>

    <div id="main"></div>

    <div id="bottom"></div>

</body>

</html>`

Czyli w zasadzie jak opisać #side, #main i #bottom w CSS

Wiem, że pewnie powinienem przerobić raczej jakiś kurs, ale chwilowo nie mam na to czasu. Z góry dzięki za pomoc Smile

mike · 19-02-2010, 15:44

Tu masz wszystko opisane http://www.kurshtml.boo.pl/css/plynny_szablon,szablon.html

Ja też nie mam czasu, żeby odwalać robotę za Ciebie.

**dziamber** · 19-02-2010, 19:29

Zapomniałeś wstawic znacznika rozpoczynającego <body>, jeżeli chcesz by ktoś to za Ciebie zrobił to wystaw ogłoszenie w webbazarze, i zapłac, albo sam rusz swoje 4 litery Smile

Xylian · 19-02-2010, 21:55

To nie do końca jest tak, że nie chciało mi się robić. Problem polegał na tym ze trafiłem na przeszkodę i pomyślałem, że robię błąd już gdzieś na podstawach więc poprosiłem o szkielet takiej konstrukcji blokowej.

Zrobiłem ją raz jeszcze wg przykładu z kursu powyżej, jednak wciąż mam te same problemy. Prosiłbym o wskazówki

Efekt moich wypocin można obejrzeć tu: http://busponidzie.pl/test/index.html

To arkusz CSS:

Kod:
html, body {    

    color: #000;

    margin: 0;

    padding: 0;

}

#NAGLOWEK {

    background-color: #AEACAD;

}

#MENU {

    width: 250px;

    float: left;

    overflow: hidden;

    position: relative;

    background: #AEACAD url(img/side.jpg) repeat-y right;

}

#TRESC {

    margin-left: 10px;

    background-color: #fff;

}

#STOPKA {

    height:150px;

    clear: both;

    background-color: url(img/bottom.jpg) repeat;

}

Pytania opisujące mój problem znajdują się bezpośrednio na stronce. Z góry dzięki za wszelkie wskazówki

***Marcin*** · (Ten post był ostatnio modyfikowany: 19-02-2010, 22:20 przez Marcin.)

W stopce stosując background-color nie możemy używać url do obrazka. Ta wartość służy do ustawienia koloru tła w postaci hexadecymalnej np: background-color: #fff - oznacza biały kolor tła.

Zrób tak aby zadziałał plik graficzny jako tło:

Kod:
background: url(img/bottom.jpg) 0 0 repeat-x;

Xylian · 19-02-2010, 23:41

Dzięki Marcin. Mogę wiedzieć co znaczą te dwa zera po ścieżce? Albo przynajmniej pod jakim hasłem szukac odpowiedzi? Smile

**Dhofca** · 20-02-2010, 02:34

http://www.w3schools.com/css/css_background.asp

odległość od lewej krawędzi i odległość od górnej krawędzi.

Xylian · (Ten post był ostatnio modyfikowany: 20-02-2010, 18:17 przez Xylian.)

jakbau · 20-02-2010, 18:22

najlepiej to jak najpierw poczytasz, a pozniej zaczniesz robic

Xylian · (Ten post był ostatnio modyfikowany: 20-02-2010, 18:55 przez Xylian.)

Po co w ogóle pisać takie posty? Ty od razu wszystko umiałeś? Wskaż mi co mam poczytać, to znajdę sobie informacje. (tylko prosze nie coś w stylu "kurs CSS" ale konkretny rozdział. Ja znam podstawy CSS, nie muszę czytać wszystkiego.)

Zaloguj się
Login:
Hasło:	Nie pamiętam hasła
	Zapamiętaj mnie