Zaloguj się

Kura · 15-04-2011, 22:43

Witam, mam problem. jestem początkujący i nie moge sobie z tym poradzic. Podczas tworzenia strony natrafilem na trudnosci. Chcialem zrobic menu rozwijane ale przerwalem prace bo zauwazylem ze pomiedzy przyciskami sa niepożądane przerwy. dokladniej widac to na obrazku. Zauwazylem rowniez ze przycisk ktory mial sie rozwijac jest w polowie uciety. Zamieszczam kod strony i plik html. Bardzo prosze o pomoc.
[Obrazek: beztytuuts.jpg]

Cytat:<!DOCTYPE html
PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="pl" lang="pl">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-2" />
<meta name="Description" content="Strona poświęcona grze GeneRally. Wykonałem ją w celach edukacyjnych." />
<meta name="Keywords" content="generally, f1, gp2, hannu, rabinna, " />
<title>GeneRally - strona poświęcona grze</title>
<style>
html, body {
background-color: #fff;
color: #000;
margin: 0;
padding: 0;
}

#top {
width: 780px;
}

#NAGLOWEK {
background-color: #888;
}

#MENU {
width: 150px;
float: left;
overflow: hidden;
background-color: #ccc;
}

#TRESC {
width: 630px;
float: left;
overflow: hidden;
background-color: #fff;
}

#STOPKA {
clear: both;
width: 100%;
background-color: #888;
}
</style>
<script type="text/javascript" src="menu.js"></script>
<script type="text/javascript">
// <![CDATA[
new Menu('menu0', 'position: absolute', true, false, -1, -1, -1, -1, true);
// ]]>
</script>
<script type="text/javascript">
// <![CDATA[
new Menu('menu0', '', true);
// ]]>
</script>
</head>
<body>
<center>
<div id="top">
<div id="NAGLOWEK"><img src="logo.jpg" alt="GeneRally" align="center"/></div>
<div id="MENU">
<dl id="menu0">
<dt><a href="index.html"><img src="o_grze.jpg" alt="O grze" /></a></dt>
<dt><a href="download.html"><img src="download.jpg" alt="Download" /></a></dt>
<dd><a href="gra.html"><img src="gra.jpg" alt="Gra" /></a></dd>
<dd>Element 2.2</dd>
<dd>Element 2.3</dd>
<dt>Nagłówek 3</dt>
<dd>Element 3.1</dd>
<dd>Element 3.2</dd>
<dd>Element 3.3</dd>
</dl>

</div>
<div id="TRESC">Treść strony</div>
<div id="STOPKA">Stopka serwisu</div>
</div>
</center>
</body>
</html>

**Kartofelek** · 16-04-2011, 00:41

dla obrazków w menu daj display:block;
dla dd pewnie margin:0 albo padding:0;

Kura · 16-04-2011, 19:59

A gdzie mam to dokładniej wpisać? Big Grin

Pedro84 · 16-04-2011, 20:01

W CSS?

Kura · 16-04-2011, 20:42

czyli dokladniej gdzie? probowalem wkleic ale nie wiem czy w dobrym miejscu.
PS. sory ale dopiero zaczynam sie uczyc

Pedro84 · 16-04-2011, 20:44

W <style></style>

Kura · 16-04-2011, 21:19

no tak ale gdzie dokladniej? bo jak wstawiam do czesci Menu to nic nie daje

Radian · 17-04-2011, 00:38

<img src="gra.jpg" alt="Gra" /> ten obrazek może mieć jakiś styl...
jak dasz <img class="styl_obrazka" itd.>
to potem w css dla styl_obrazka dodajesz margin: 0 0 0 0 i padding tak samo, co oznacza margin i padding byś sobie poczytał o czymś takim jak style, class, id itd. wypadało by poczytać, przypuszczam że ściągnołeś gotowca i go edytujesz, dobra metoda, też tak robie, ale poczytać również warto...

Kura · 17-04-2011, 00:48

Troche sciagam troche robie sam(ile umiem) dzieki za pomoc

Kura · 17-04-2011, 23:24

Cytat:<!DOCTYPE html
PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="pl" lang="pl">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-2" />
<meta name="Description" content="Strona poświęcona grze GeneRally. Wykonałem ją w celach edukacyjnych." />
<meta name="Keywords" content="generally, f1, gp2, hannu, rabinna, " />
<title>GeneRally - strona poświęcona grze</title>
<style>
html, body {
background-color: #fff;
color: #000;
}
styl_image {
margin: 0 0 0 0;
padding: 0 0 0 0;
display: block;
}
#top {
width: 780px;
}

#NAGLOWEK {
background-color: #888;
}

#MENU {
width: 150px;
float: left;
overflow: hidden;
background-color: #ccc;
display: block;
}

#TRESC {
width: 630px;
float: left;
overflow: hidden;
background-color: #fff;
}

#STOPKA {
clear: both;
width: 100%;
background-color: #888;
}
</style>
<script type="text/javascript" src="menu.js"></script>
<script type="text/javascript">
// <![CDATA[
new Menu('menu0', 'position: absolute', true, false, -1, -1, -1, -1, true);
// ]]>
</script>
<script type="text/javascript">
// <![CDATA[
new Menu('menu0', '', true);
// ]]>
</script>
</head>
<body>
<center>
<div id="top">
<div id="NAGLOWEK"><img src="logo.jpg" alt="GeneRally" align="center"/></div>
<div id="MENU">
<dl id="menu0">
<dt><a href="index.html"><img src="o_grze.jpg" alt="O grze" /></a></dt>
<dt><a href="download.html"><img src="download.jpg" alt="Download" /></a></dt>
<dd><a href="gra.html"><img src="gra.jpg" alt="Gra" class="styl_image" /></a></dd>
<dd><a href="trasy.html><img src="trasy.jpg" alt="Trasy" class="styl_image" /></a></dd>
<dd>Element 2.3</dd>
<dt>Nagłówek 3</dt>
<dd>Element 3.1</dd>
<dd>Element 3.2</dd>
<dd>Element 3.3</dd>
</dl>

</div>
<div id="TRESC">Treść strony</div>
<div id="STOPKA">Stopka serwisu</div>
</div>
</center>
</body>
</html>

nie wiem czy dobrze to zrobilem ale nie dziala tak jak powinno Sad

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