+- 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ł: Początkujący webmaster (https://www.webmastertalk.pl/forum-poczatkujacy-webmaster)
+--- Wątek: uklad menu i przerwy pomiedzy przyciskami (/thread-uklad-menu-i-przerwy-pomiedzy-przyciskami)
Strony:
1
2
uklad menu i przerwy pomiedzy przyciskami - Kura - 15-04-2011
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]](http://img832.imageshack.us/img832/6365/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>
RE: uklad menu i przerwy pomiedzy przyciskami - Kartofelek - 16-04-2011
dla obrazków w menu daj display:block;
dla dd pewnie margin:0 albo padding:0;
RE: uklad menu i przerwy pomiedzy przyciskami - Kura - 16-04-2011
A gdzie mam to dokładniej wpisać?
RE: uklad menu i przerwy pomiedzy przyciskami - Pedro84 - 16-04-2011
W CSS?
RE: uklad menu i przerwy pomiedzy przyciskami - Kura - 16-04-2011
czyli dokladniej gdzie? probowalem wkleic ale nie wiem czy w dobrym miejscu.
PS. sory ale dopiero zaczynam sie uczyc
RE: uklad menu i przerwy pomiedzy przyciskami - Pedro84 - 16-04-2011
W <style></style>
RE: uklad menu i przerwy pomiedzy przyciskami - Kura - 16-04-2011
no tak ale gdzie dokladniej? bo jak wstawiam do czesci Menu to nic nie daje
RE: uklad menu i przerwy pomiedzy przyciskami - Radian - 17-04-2011
<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...
RE: uklad menu i przerwy pomiedzy przyciskami - Kura - 17-04-2011
Troche sciagam troche robie sam(ile umiem) dzieki za pomoc
RE: uklad menu i przerwy pomiedzy przyciskami - Kura - 17-04-2011
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
