Forum Webmastera, HTML, CSS, PHP, MySQL, Hosting, Domeny - Forum dla Webmasterów
div obok div'a - Wersja do druku

+- Forum Webmastera, HTML, CSS, PHP, MySQL, Hosting, Domeny - Forum dla Webmasterów (https://www.webmastertalk.pl)
+-- Dział: Technologie internetowe - tworzenie stron WWW (https://www.webmastertalk.pl/forum-technologie-internetowe-tworzenie-stron-www)
+--- Dział: xHTML, CSS, JavaScript (https://www.webmastertalk.pl/forum-xhtml-css-javascript)
+--- Wątek: div obok div'a (/thread-div-obok-div-a)

Strony: 1 2

div obok div'a - pro - 25-06-2009

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.

RE: div obok div'a - Labsta.com - 25-06-2009



RE: div obok div'a - pro - 25-06-2009

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ą.

RE: div obok div'a - Labsta.com - 25-06-2009

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.

RE: div obok div'a - pro - 25-06-2009

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

RE: div obok div'a - Labsta.com - 25-06-2009

może jeszcze to
Kod:
<link href="style" rel="stylesheet" type="text/css" />
na
Kod:
<link href="style.css" rel="stylesheet" type="text/css" />


RE: div obok div'a - pro - 25-06-2009

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">

RE: div obok div'a - Labsta.com - 25-06-2009

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


RE: div obok div'a - pro - 25-06-2009

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

RE: div obok div'a - Labsta.com - 25-06-2009

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;