Wszystko o HTML, XHTML, XML, CSS.
Fineas_Nigellus
Posty: 582 Rejestracja: 08 lis 2012, 17:33:45
Płeć:
User Agent:
Post
autor: Fineas_Nigellus » 25 gru 2012, 13:48:48
Witam.
Dla rozrywki postanowiłem "zbudować" stronkę od podstaw na divach. Póki co pracuję na localhost i mam mały problem..
Wstawiłem logo, górne menu, lewe i prawe menu i na środku główny panel. I teraz..Chciałem dodać po lewej stronie jeszcze jedno boczne menu, pod tym pierwszym, ale jak wpisuję
Kod: Zaznacz cały
<div id="lmenu">
<fieldset>
<a href="index.html">Strona Główna</a><br />
<a href="index.html">Strona Główna</a><br />
<a href="index.html">Strona Główna</a>
</fieldset>
</div>
zaraz po tym pierwszym lewym menu to się strona rozjeżdża. Po prawej stronie wszystko pięknie i tam udało mi się wstawić prawe menu jedno pod drugim. Wiecie może jak się z tym uporać? Wiem, że jest jakieś proste rozwiązanie ale po prostu go nie znam
Mówimy
STOP Reklamie -Sygnaturce!
Fineas_Nigellus
piwo
Posty: 673 Rejestracja: 13 lip 2010, 16:13:44
Płeć:
User Agent:
Post
autor: piwo » 25 gru 2012, 20:44:30
To cię może zainteresować
Po przeczytaniu tego co powyżej i założeniu że np w prawej kolumnie chcesz mieć np więcej menu, to mniej więcej coś jak :
Kod: Zaznacz cały
<div id="prawa_kolumna">
<div id="menu_jeden">
<span>costam</span>
</div>
<div id="menu_dwa">
<span>costam</span>
</div>
</div>
{$signature}
piwo
Fineas_Nigellus
Posty: 582 Rejestracja: 08 lis 2012, 17:33:45
Płeć:
User Agent:
Post
autor: Fineas_Nigellus » 25 gru 2012, 21:12:31
Ale tam dalej nie ma wyjaśnienia jak zrobić żeby mieć WIĘCEJ NIŻ JEDNO menu po lewej stronie.
Mówimy
STOP Reklamie -Sygnaturce!
Fineas_Nigellus
LaY
Posty: 1120 Rejestracja: 28 sty 2009, 15:20:07
Lokalizacja: Silesia
Płeć:
User Agent:
Kontakt:
Post
autor: LaY » 25 gru 2012, 21:53:26
Cały potrzebny Ci kod podał piwo, żeby wyświetliło się to tak jak chcesz nie trzeba nawet css'a. Tu nie chodzi o podanie tego na tacy, musisz pomyśleć. Skoro jeden div to menu, możesz władować w niego dwa kolejne i stworzyć w ten sposób dwa menu/mena/whatever he.
Jeśli jednak masz tak poważny problem i nie potrafisz tego zrobić to podaj cały kod, najlepiej zarówno html jak i css.
Niě nerwuj hanysa
LaY
Fineas_Nigellus
Posty: 582 Rejestracja: 08 lis 2012, 17:33:45
Płeć:
User Agent:
Post
autor: Fineas_Nigellus » 25 gru 2012, 22:00:11
"prawa_kolumna", "menu_jeden", "menu_dwa"
Te 3 kolumny/menu mają być jako 3 osobne divy w CSS??
Czy w css ma być tylko jedna prawa kolumna a w HTML dać 3 razy w jednym?
---- EDIT ----
LaY , kod CSS :
Kod: Zaznacz cały
/* html i body */
html, body {
background-image:url('images/tlo.jpg');
margin:0px;
padding:0px;
}
/* top */
#top {
width:860px;
}
/* logo */
#logo {
margin:0px;
background-image:url('images/logo.jpg');
width:860px;
height:310px;
margin:2px;
}
/* naglowek */
#naglowek {
background-image:url('images/naglowek.png');
height:25px;
margin:0px;
width:860px;
}
/* lewe menu */
#lmenu {
width:20%;
float:left;
background-image:url('images/footerleftback.jpg');
margin:0px;
height:auto;
}
/* tresc */
#tresc {
width:60%;
margin:0px;
float:left;
height:auto;
background-image:url('images/tresctlo.png');
color:white;
font-family : Verdana;
}
/* prawe menu */
#pmenu {
width:20%;
float:right;
background-image:url('images/footerleftback.jpg');
margin:0px;
height:auto;
}
/* stopka */
#stopka {
clear:both;
width:860px;
margin:0px;
color:white;
background-image:url('images/bodytlo.jpg')
}
HTML :
Kod: Zaznacz cały
<div id="lmenu">
<fieldset>
<font size="5"><font color="white"><b>MENU</b></font></font><br>
<font size="2">
<a href="index.html">Strona Główna</a><br />
<a href="nazwa.html">Odsyłacz</a><br />
<a href="nazwa.html">Odsyłacz</a><br>
<a href="nazwa.html">Odsyłacz</a>
</fieldset>
</div>
<div id="tresc">
<center>
TREŚĆ
</center>
</div>
<div id="pmenu">
<fieldset>
<font size="5"><font color="white"><b>PRAWE MENU</b></font></font><br>
<font size="2">
<a href="index.html">Strona Główna</a><br />
<a href="nazwa.html">Odsyłacz</a><br />
<a href="nazwa.html">Odsyłacz</a><br>
<a href="nazwa.html">Odsyłacz</a>
</fieldset>
</div>
---- EDIT ----
Odświeżam
Mówimy
STOP Reklamie -Sygnaturce!
Fineas_Nigellus