Forum Gry Hobby Sprzęt Rozmawiamy Archiwum Regulamin

Forum: Strona internetowa

25.04.2011 14:38
azok12
1
azok12
64
towarzysz_kasjer

Strona internetowa

Yo, mam zrobić stronę do szkoły. HTML oparty na zewnętrznym CSS na DIVach. Jako iż nie mam zielonego pojęcia co jest trzy mógłby mi ktoś troszkę pomóc? Strona składa się z nagłówka jako banneru, spisu treści po lewej stronie i treści właściwej po prawej. Otóż jak zrobić aby po wybraniu opcji ze spisu treści zawartość pokazywała się w oknie po prawej stronie? Dodatkowo jak modyfikować tło (chcę wstawić obrazek jako tło). Z góry dzięki.

25.04.2011 14:40
Coy2K
2
odpowiedz
Coy2K
112
Veteran

masz zrobić stronę html a nie znasz podstaw ? czego Cie tam w szkole uczą ?

25.04.2011 14:44
azok12
3
odpowiedz
azok12
64
towarzysz_kasjer

No wiesz, to działa na zasadzie "Macie tu zadanie, pod koniec lekcji sprawdzam" Ewentualnie odpalanie projektora i przepisywanie suchej notatki. Więc tak bez owijania - chujnia.

25.04.2011 14:50
Coy2K
4
odpowiedz
Coy2K
112
Veteran

nikt nie zadaje wykonania strony internetowej bez nauczenia podstaw, a Ty nie znasz podstaw podstaw, bo jak pytasz o takie rzeczy jak odnośniki czy tło strony to te notatki przepisujesz faktycznie bezmyślnie

25.04.2011 14:55
azok12
5
odpowiedz
azok12
64
towarzysz_kasjer

Zwykła deklaracja tła strony jest ok, tło nie chce mi się załączyć poprzez zewnętrzny arkusz,o to mi chodzi.
"body ‹
font-family: Arial, Helvetica, sans-serif;
font-size: 13px;
color: white;
background-image: url(E:\SZKOŁA\Nowy folder\tło.jpg); <--- to nie działa (pewnie źle wpisałem)

#wrapper ‹
margin: 0 auto;
width: 922px;

#nagłówek ‹
color: #333;
width: 900px;
float: center;
padding: 10px;
border: 1px solid #ccc;
height: 100px;
margin: 10px 0px 5px 0px;
background-image: url(banner.jpeg);

#pasek ‹
float: left;
width: 900px;
color: #333;
padding: 10px;
border: 1px solid #ccc;
margin: 0px 0px 5px 0px;
background: #BD9C8C;

#lewa‹
color: black;
border: 1px solid #ccc;
background: #E7DBD5;
margin: 0px 5px 5px 0px;
padding: 10px;
height: 350px;
width: 195px;
float: left;

#prawa ‹
float: right;
color: white;
border: 1px solid #ccc;
background: red;
margin: 0px 0px 5px 0px;
padding: 10px;
height: 350px;
width: 678px;
display: inline;
position: relative;

›"

25.04.2011 15:03
6
odpowiedz
Apocaliptiq
167
Legend

na samym początku przed body masz " zamiast #.

Poza tym zwróć uwagę czy w pliku html masz w znaczniku body zaznaczone id czyli:
<body id="body">. Wczoraj z czymś takim się spotkałem.

a co do ścieżki, to najlepiej gdybyś podał ją w inny sposób. W zależności od tego gdzie jest umieszczony plik .css (css a nie html! bo w tym momencie jesteś właśnie w pliku css).

czyli przykładowo jeżeli plik .css masz umieszczony w tym samym katalogu co tło.jpg (przy okazji zmień nazwę, wywal "ł" - > tlo.jpg), wtedy ścieżka wygląda tak url("tlo.jpg");

edit: serio, nie używaj polskich znaków posługując się jakimkolwiek językiem programowania. Same problemy z tego zazwyczaj są :P

25.04.2011 15:05
azok12
7
odpowiedz
azok12
64
towarzysz_kasjer

Dzięki, nie zauważyłem braku "#" :P Tło działa, dzięki wielkie ;) Gorzej z tymi odnośnikami ^^

25.04.2011 15:31
azok12
8
odpowiedz
azok12
64
towarzysz_kasjer

Może ktoś wie jak to zrobić? :

"<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<script type="text/javascript" charset="iso-8859-2" src="date.js"></script>
<title>Manga</title>
<link rel="stylesheet" type="text/css" href="main.css" />
</head>

<body id="body">

<div id="wrapper">


<div id="nagłówek">
<a href="index.html"><img src="banner1.gif"></a>


</div>

<div id="pasek">
<marquee direction="left">
Dzisiaj jest:
<script type="text/javascript">
// <![CDATA[
document.write(new Date(document.lastModified).date('d.m.Y'));
// ]]>
</script>
godzina
<script type="text/javascript">
// <![CDATA[
document.write(new Date(document.lastModified).date('H:i'));
// ]]>
</script>
</marquee>

</div>

<div id="lewa">

<ol>
<a target="prawa" href="stronaglowna.html">Strona glówna</a> <br> <---- ten odnośnik i kilka innych mają się otwierać

<u>
</div>

<div id="prawa"> <------------ tu


PRAWA


</div>


</div>


</body>
</html>"

^^

25.04.2011 16:17
9
odpowiedz
Apocaliptiq
167
Legend

To już jquery albo php.

ode mnie lista:
<ul>
<li><a href="#>Aktualnosci</a></li>
<li><a href="#">Artykuly</a></li>
<li><a href="#">O mnie</a></li>
<li><a href="#">Kontakt</a></li>
</ul>

i css do listy:
#lewa ul li a‹
text-decoration: none;
color: black;
font-weight: bold;

#lewa ul li‹
list-style: none;

(pamiętaj żeby zmienić <> na ‹› )

Nie wiem jak Ci pomóc, na codzień siedzę we flashu a xhtml, css, php i jquery dopiero zaczynam.

edit: daj mi z 15 minut.

25.04.2011 16:31
👍
10
odpowiedz
Apocaliptiq
167
Legend

okey, śmiga. Podaj jakiś email, wyśle Ci.

Tylko trzeba pamiętać, że php wykonuje się dopiero wtedy gdy strona jest na serwerze. Ja akurat u siebie na webservie odpalam.

25.04.2011 16:48
azok12
11
odpowiedz
azok12
64
towarzysz_kasjer

W tym pic, ze to nie moze byc w php :/ [email protected]

25.04.2011 16:51
12
odpowiedz
Apocaliptiq
167
Legend

Nie napisałeś wcześniej. Nie da się tego zrobić tak jak na htmlowych ramkach.

Może ktoś mądrzejszy przyjdzie i mnie poprawi :P Ja jeszcze poszperam.

edit:

może ramki tutaj musisz wykorzystać?

25.04.2011 17:08
azok12
13
odpowiedz
azok12
64
towarzysz_kasjer

Same DIVy ^^ Wymyslila sobie typiara... Na ramkach to umiem zrobic ;)

25.04.2011 18:19
CreaToN
14
odpowiedz
CreaToN
69
Generał

Prawdopodobnie chodzi o to, że po kliknięciu w link ma Cię przenieść do odpowiedniego diva. W takim przypadku w odnośniku ustaw adres #id_elementu, do którego chcesz się przenieść.

Czyli:
<a href="#prawa"> Tresc odnosnika </a>

Edit: A nie, chyba źle doczytałem :P Dobrze rozumiem, że po lewej to menu, a po prawej ma się treść pokazywać? No to jaki masz problem? Robisz kilka stron z różną tręścią i linkujesz sobie te strony.

26.04.2011 08:42
azok12
15
odpowiedz
azok12
64
towarzysz_kasjer

CreaTon -> Już tak zrobiłem ;) Jedynym problemem jest to, że tekst wystaje poza DIVa, nie wiem jak ustalić jego wielkość na automatyczną tak aby tekst zawsze był w środku.

26.04.2011 09:02
CreaToN
16
odpowiedz
CreaToN
69
Generał

Spróbuj nadać temu divowi styl overflow: auto.

26.04.2011 10:37
azok12
17
odpowiedz
azok12
64
towarzysz_kasjer

Dzięki wielkie, wszystko ładnie działa :D

26.04.2011 16:18
azok12
18
odpowiedz
azok12
64
towarzysz_kasjer

A jednak! Jeszcze jeden babol! Wokół odsyłacza obrazkowego zrobiły się fioletowe rameczki:

http://img850.imageshack.us/i/nowyobrazmapabitowan.png/

Jak to zlikwidować?

26.04.2011 16:21
maviozo
19
odpowiedz
maviozo
226
autor zdjęć

w css możesz dodać:
a img ‹border: 0;›

26.04.2011 16:38
azok12
20
odpowiedz
azok12
64
towarzysz_kasjer

Yyyy. Jak to dodać? xd

26.04.2011 23:56
maviozo
👍
21
odpowiedz
maviozo
226
autor zdjęć
Forum: Strona internetowa