ugrás a tartalomhoz

Navigációs dobozom alá szeretnék beszúrni még egyet (CSS)

ParadoxH · 2006. Már. 1. (Sze), 21.51
Re!
Pár napja kezdtem a CSS tanulmányozását..
fel is tettem egy site-ot a http://paradox.hard-core.hu -ra..
egy kis segítségre lenne szükségem:
hogyan érhetném el hogy a navigációs box alá még beszúrjak egy box ot (teahát attól teljesen különállót)?
már 1 órája próbálgatom de vmit nagyon nem jól csinálok :(
pls nézzétek el hogy még csak most kezdtem a css tanulámnyozását, és ha lehet 1 kicsit szájbarágósan segitsetek..
előre is köszönöm szépen
 
1

Például...

-zsolti- · 2006. Már. 1. (Sze), 22.06
...simán aláteszed a forrásban, a kettőt pedig körülfogod egy másik fix szélesség divvel, ami nem engedi, hogy egymás mellé csússzanak.
Egyébként a navigációban nem kell minden menüpontonak külön div. Szebb megoldás, ha hivatkozással csinálod (display: block) vagy még jobb, ha li-be, teszed a hivatkozást, és annak is tudsz bordert, hovert adni.

Ja bocs, szájbarágósan: ez esetben itt találsz segítséget, szerintem elég jól érthető és logikusan felépített reference.
2

<Nincs cím>

ParadoxH · 2006. Már. 2. (Cs), 14.17
Köszönöm a segítséget.. megpróbálom megoldani, ha esetleg felmerülne vmi akkor majd még kérek segítséget, ha nem gond..
"A tudás fontos, mert megtaníthat,
hogy azt is átlásd, ami elvakíthat." Depresszió
3

Nem tudom megcsinálni :(

ParadoxH · 2006. Már. 2. (Cs), 19.03
folyton próbálkozom azzal, hogy egy másik box ot tegyek a navigáció alá, de nem jön össze :(
próbáltam összefogni egy div el a 2 boxot de erre szétesik az egész (a div ami osszefogja a 2 boxot az a kisegito_div a css ben)
kérem, hogy ha vki egy kicsit is tud akkor segitsen.. a kódot alól csatoltam... bocs a nagy terjedelem miatt

előre is köszönöm

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>Alap_site v0.1</tilte>
<link rel="StyleSheet" href="stilsu2.css" type="text/css">
</head>

<body>
<br>
<div class="alap">
<!-AZ ALAP DIV ->

<div class="kisegito_div">
<div class="bal_blokksor">
<!- KEZDODIK A BAL BLOKK ->
<div class="blokk_fejlec">
            Navigacio
</div>
<div class="blokk">
<div class="navigacio">
<a href="pdx.html">
               &bull; Fooldal
</a>
</div>

<div class="navigacio">
<a href="pdx.html">
              &bull; Pdx1
</a>
</div>

<div class="navigacio">
<a href="pdx.html">
              &bull; Pdx2
</a>
</div>
<div class="navigacio">
<a href="pdx.html">
              &bull; Pdx3
</a>
</div>
<div class="navigacio">
<a href="pdx.html">
              &bull; Pdx4
</a>
</div>
<div class="navigacio">
<a href="pdx.html">
              &bull; Pdx5
</a>
</div>
<div class="navigacio">
<a href="pdx.html">
              &bull; Pdx6
</a>
</div>
<div class="navigacio">
<a href="pdx.html">
              &bull; Pdx7
</a>
</div>
<div class="navigacio">
<a href="pdx.html">
              &bull; Pdx8
</a>
</div>
</div>
</div>

<br>
<div class="bal_blokksor">
<div class="blokk_fejlec">
            Valami
</div>
</div>

<div class="jobb_blokksor">
<!- KEZDODOIK A JOBB BLOKKSOR ->
<div class="blokk_fejlec">
            Ajanlott bongeszo
</div>

<div class="blokk">
<a href="http://www.mozilla.com/firefox/all.html"><img src="images/firefoximg.png" style="text-align: center" title="A legjobb alternativ bongeszo. Tolsd le most!" width="135px" height="125px"></a>
</div>

</div>

<div style="margin-left: 165px; margin-right: 155px;">
<!- EZ ITT A KOZEP ->

<div class="table">
<big>EZ EGY KEZDETLEGES ALAP SITE... AMI FOLYAMATOS TESZTELES ES FEJLESZTES ALATT ALL!</big>
<div style="text-align: justify;">
szoveg
<div style=" text-align: right; color: black; text-size:14px; margin-right: 15px;" >
<p > Coded by </tt>
<a href="http://paradox.hard-core.hu" > Paradox H. </a>
</div>
</div>
</div>

</body>
</html>


body {
        font-family: Arial, Helvetica, sans-serif;
        font-size: 10px;
	color: white;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	background-color: #006400; }


a, a:link {
        font-size: 14px;
        color: white;
        text-decoration: none; }

a:visited, a:hover {
        font-size: 14px;
	text-decoration: none;
	color: white; }

a:active { 
        font-size: 14px;
        color: black;
        text-decoration: blink; }

.alap {

        width: 998px;
        margin-left: auto;
        margin-right: auto; }

.blokk_fejlec {
        font-size: 11px;
        text-align: center;    
        font-weight: bold;
        color: #FFFFFF;
        height: 16px;
        background-color: #009302;
        border-right-width: 1px;
        border-left-width: 1px;
        border-top-width: 1px;
        border-bottom-width: 0px;
        border-color: #000000;
        border-style: solid; }

.navigacio a {
        background-color: #004f01;
        display: block;
        border-width: 1px;
        border-color: black;
        border-style: solid;
        padding: 1px 1px; }

.navigacio a:hover, .navigacio a:focus, .navigacio a:active {
        border-width: 1px;
        border-color: black;
        border-style: solid;
        background-color: #b00006;
        padding: 1px 10px;
        -moz-border-radius: 0.5em; }

.bal_blokksor {
        float: left;
        width: 150px; }

.jobb_blokksor {
        float: right;
        width: 150px; }

.kisegito_div {
        float: right;
        width: 155px; }        

.table {
        border-width: 1px;
        border-color: #000000;
        border-style: solid;
        padding-top: 5px;
        padding-left: 5px;
        padding-right: 5px;
        padding-bottom: 5px;
        margin-bottom: 5px; }

.blokk {
        border-color: #000000;
        border-style: solid;
        border-width: 1px;
        padding-left: 5px;
        padding-right: 5px;
        padding-top: 5px;
        padding-bottom: 5px;
        margin-bottom: 5px; }       

"A tudás fontos, mert megtaníthat,
hogy azt is átlásd, ami elvakíthat." Depresszió