Problem z kodem

HTML to podstawy w dziedzinie tworzenia stron WWW, Style CSS warto opanować, bowiem za ich pomocą można dostosować odpowiednio wygląd swojej witryny WWW. Zagłębiamy się dalej i udostępniamy w tym forum możliwość zadawania pytań o JavaScript.
ODPOWIEDZ
Bartthew
Posty: 3
Rejestracja: ndz mar 06, 2011 4:19 pm

Problem z kodem

Post autor: Bartthew »

Cześć wszystkim. Słuchajcie mam taki problem, że za "chama" nie mogę zrobić aby siwy prostokącik znajdował się obok menu. Może na rysunku to łatwiej wytłumaczę :)
http://img163.imageshack.us/img163/2407/stron.png
Chodzi o to aby zaznaczony fragment znajdował się pod logiem, obok menu.
wklejam kody
Index.html

Kod: Zaznacz cały

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
 "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="pl" xml:lang="pl">

<head>  <title>Zepsół - Offical Webiste ver. 1.0</title> 
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link rel="stylesheet" href="style.css" type="text/css" media="all"/>

</head>
<body>
<div id="wrapper">
<a id="logo"  href="index.html" title="Strona Główna">
<img src="images/logo.png" usemap="# mapa" />
<map id="mapa" name="mapa">
<area shape="poly" coords="1,418,1,245,476,418" />
</map>

</a>
<id="menu">
 <li class="hisotria"><a href="historia.html"
 title="Historia"><img src="images/historia.png"></a><br>
 <class="skład"><a href="sklad.html"
 title="sklad"><img src="images/sklad.png"></a><br>
 <class="dysko"><a href="dysko.html"
 title="Dyskografia"><img src="images/dysko.png"><br>
 <class="kontakt"><a href="kontakt.html"
 title="Kontakt"><img src="images/kontakt.png"</a>
 

<div id="top">  
 <div class="intro">
 <h1>Witamy na naszej stronie!</h1>
 <p>  Strona testowa ffasfasfs
 </p>
 </div>
 
 <div id="stopka">
 <div class="stopka">
 
 <a href="mailto:[email protected]"></a>


style.css

Kod: Zaznacz cały

body {
	background: #222 url(images/bg.png)  top center fixed;
	font-family: verdana, sans-serif;
	font-size: 0.75em
}

img {
	border: none
}


#wrapper {
	margin:auto;
	width: 750px;
}

#logo {
	backgroud: url(images/logo.png) no-repeat top;
	float: center;
	margin: auto;
	width: auto;	
}

#top {
	background: #fff url(images/strona_20.png) repeat-x left;
	clear: right;
	height: auto;
	margin-bottom: auto;
	padding: 34px 28px;
	float: auto;


}


#menu {
	
	float: center;
	list-style: none;
	margin-top: 0px
}

#stopa{
background: #fff url(images/stopka.png) no-repeat bottom;
clear: both;
height: 196px;
	margin-bottom: 10px;
	padding: 34px 28px
	
}

Jestem początkujący więc proszę o pomoc... ;D
darek_w
Nowy
Nowy
Posty: 41
Rejestracja: sob lip 31, 2010 8:48 am

Re: Problem z kodem

Post autor: darek_w »

Witam.
Wartość center nie jest dopuszczalna dla parametru float.
Proponuję utworzyć diva o id=menu i floataować go do lewej a następnie diva id=content i również floatować do lewej.
Pozdrawiam
Bartthew
Posty: 3
Rejestracja: ndz mar 06, 2011 4:19 pm

Re: Problem z kodem

Post autor: Bartthew »

eh... dalej mi nie działa może ktoś mógłby poprawić mój kod... proszę...
kwiator
Posty: 2
Rejestracja: czw lut 04, 2010 5:44 pm

Re: Problem z kodem

Post autor: kwiator »

w div#menu musisz dać w stylach

Kod: Zaznacz cały

float: left;
a w div#top

Kod: Zaznacz cały

float: right;
Poza tym wyrzuć z div#top

Kod: Zaznacz cały

clear: right;
Proponuję coś samemu popróbować, a nie czekać z nadzieją, że Ci ktos poprawi kod :-D
Bartthew
Posty: 3
Rejestracja: ndz mar 06, 2011 4:19 pm

Re: Problem z kodem

Post autor: Bartthew »

heh tak tylko że ja kombinowałem już nad tym sporo czasu i nic nie mogłem zrobić
dzięki za odpowiedz ;)


edit// Dalej nie działa ;/
jamart
Nowy
Nowy
Posty: 23
Rejestracja: czw gru 16, 2010 2:10 pm

Re: Problem z kodem

Post autor: jamart »

przede wszystkim w kodzie są nie pozamykane tagi - najpierw popraw kod bo nie dziwie się, że nie działa.
ustaw div dla menu o odpowiedniej szerokości, to samo dla contentu.

jak wszystko będzie dobrze to proponowane wyżej rozwiązanie musi! zadziałać.

pozdr.
ODPOWIEDZ