Zaloguj się

pro · 25-06-2009, 17:11

Witam,
Mam taki kod index'x:

Kod:
<html>

<head>

<center>

<body style="background-color: #daebf8;>

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

<title>xdd</title>

<meta name="Keywords" content="ziiioommm" />

<meta http-equiv="Content-Language" content="pl" />

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

<meta name="Author" content="lol" />

<link rel="Shortcut icon" href="img/i4.png">

<div id="menu">

<a href="index.html" onmouseover='rollover.src="img/strona_glowna2.png"' onmouseout='rollover.src="img/strona_glowna1.png"'><img src="img/strona_glowna1.png" name="rollover" border="0"></a><br>

</div>

<div id="tresc">bla bla bla xDDD</div>

</body>

</center>

</head>

</html>

A taki style.css:

Kod:
#menu{

background-color: #daebf8;

    width:210px;

    height:320px;

}

#tresc{

background-color: #daebf8;

width:450px;

height:350

}

I strona wygląda tak, że div, jest pod div'em, a ja chcę żeby były obok siebie. Jest mi potrzebne, ponieważ ten pierwszy div to menu, a drugi to zawartość strony (newsy itp.)
Pozdrawiam i proszę o pomoc.

**Labsta.com** · (Ten post był ostatnio modyfikowany: 25-06-2009, 17:34 przez Labsta.com.)

pro · 25-06-2009, 18:07

Labsta.com, dodałem to do style.css i teraz wygląda tak:

Kod:
#menu{

background-color: #daebf8;

    width:210px;

    height:320px;

    float: left;

}

Tylko dalej tego nie ma, dalej jest tak samo pod sobą.

**Labsta.com** · (Ten post był ostatnio modyfikowany: 25-06-2009, 18:18 przez Labsta.com.)

Mhm .... nie widziałem tego co masz w html... trochę bałagan.
Podmień na to (z grubsza poprawiłem)

Kod:
<html>

<head>

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

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

<title>xdd</title>

<meta name="Keywords" content="ziiioommm" />

<meta http-equiv="Content-Language" content="pl" />

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

<meta name="Author" content="lol" />

<link rel="Shortcut icon" href="img/i4.png">

</head>

<body style="background-color: #daebf8;>

<div id="menu">

<a href="index.html" onmouseover='rollover.src="img/strona_glowna2.png"' onmouseout='rollover.src="img/strona_glowna1.png"'><img src="img/strona_glowna1.png" name="rollover" border="0"></a><br>

</div>

<div id="tresc">bla bla bla xDDD</div>

</body>

</html>

Weź poczytaj w/w kurs o tym jak tworzyć dokumenty html i jaka jest ich struktura, bo to co wykombinowałeś to poważna wtopa.

pro · 25-06-2009, 18:38

Dalej jest pod sobą i jeszcze wszystko się przesunęło w lewo.

**Labsta.com** · 25-06-2009, 18:42

może jeszcze to

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

na

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

pro · (Ten post był ostatnio modyfikowany: 25-06-2009, 18:48 przez pro.)

Nic nie daje, a teraz zauważyłem, gdy daję Pokaż źródło strony w Firefoxie to wszystko ok, tylko napis menu jest zaznaczony na czerwono, co takiego: <div id="menu">

**Labsta.com** · 25-06-2009, 18:56

Kod:
<body style="background-color: #daebf8;>

na

Kod:
<body style="background-color: #daebf8;">

pro · 25-06-2009, 19:07

Ok, już jest koło siebie, ale wszystko przesunęło się w lewo. Gdy dodałem <center>, menu było całkiem na lewo, a tresc na srodku. A ja chcę żeby było coś takiego:
http://iv.pl/images/oc0c67u1zc1r9udzuwp.png

**Labsta.com** · 25-06-2009, 19:12

Kod:
<div id="wrap">

<div id="menu">

<a href="index.html" onmouseover='rollover.src="img/strona_glowna2.png"' onmouseout='rollover.src="img/strona_glowna1.png"'><img src="img/strona_glowna1.png" name="rollover" border="0"></a><br>

</div>

<div id="tresc">bla bla bla xDDD</div>

</div>

w css

Kod:
#wrap {

width: 960px; //przykład

margin: 0px auto;

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