Skocz do zawartości

  • 👋 Witaj na MPCForum!

    Przeglądasz forum jako gość, co oznacza, że wiele świetnych funkcji jest jeszcze przed Tobą! 😎

    • ✅ Pełny dostęp do działów i ukrytych treści
    • ✅ Możliwość pisania i odpowiadania w tematach
    • ✅ System prywatnych wiadomości
    • ✅ Zbieranie reputacji i rozwijanie swojego profilu
    • ✅ Członkostwo w jednej z największych społeczności graczy

    👉 Dołączenie zajmie Ci mniej niż minutę – a zyskasz znacznie więcej!

    Zarejestruj się teraz

Margin na stronie

Gość Bylduda

Przez Gość Bylduda
w Niezbędnik Programisty - Archiwum

Rekomendowane odpowiedzi

Gość

Gość

Opublikowano

Gość

Opublikowano 
http://iwhu.esy.es/

To jest moja stronka i nie wiem czemu to okno jest tak nisko od góry strony. Margin chyba dobrze zrobiłem..mniejsza. Niech ktoś sprawdzi i trochę to nie czytelnie pisanie ale coś jest.

cody3223 Znawca

cody3223

Opublikowano
Znawca

cody3223

Opublikowano

Ten "naglowek" i "okno" musisz otoczyć div'em i dać mu style " float: right; "

Natomiast do " menu " dajesz style " float: left ; "

 

Nie działa....

Gość

Gość

Opublikowano

Gość

Opublikowano

Możesz to zrobić tak:

Demo: http://app.codetoy.org/v/2321644

<html>
    <head>
        <style type="text/css">
            body {
                background-color: #303030;
                margin: 0;
                padding: 0;
            }
            
            .wrapper {
                width: 450px;
                height: 300px;
                position: fixed;
                top: 50%;
                left: 50%;
                margin-top: -150px;
                ;
            }
            
            .window {
                display: inline-block;
                background-color: white;
                padding: 10px;
                height: 100%;
            }
            
            #one {
                width: 100px;
            }
            
            #two {
                width: 300px;
                position: absolute;
                margin-left: 5px;
            }
        </style>
    </head>
    
    <body>
        <div class="wrapper">
            <div class="window" id="one">
                Pierwsze Okno<br>
                Home<br>
                About<br>
                Contact
            </div>
            
            <div class="window" id="two">
                Drugie Okno<br>
                W tym oknie znajdują się różne ciekawe informacje 
            </div>
        </div>
    </body>
</html>
BlackPanda Uczeń

BlackPanda

Opublikowano
Uczeń

BlackPanda

Opublikowano

Efekt:

JFsfFh5.png

Wykonanie:

Podziel to na stronę lewą i prawą:

<div id="left">Tutaj #menitop i #oknomenu</div>
<div id="right">Tutaj #naglowek2 i #okno</div> 

i w CSS dodaj:

#left, #right {
float: left;
}

Ostatnio brak czasu i utrudnienia...

...+ Java liżę xD

  • 2 tygodnie później...
Gość

Gość

Opublikowano

Gość

Opublikowano

Napisz teraz po przespaniu, bo Cię nie rozumiem. ;)

Ja też siebie nie rozumiem.

Temat na razie zawieszony, do póki nie będe mieć problemów :D

Gość

Gość

Opublikowano

Gość

Opublikowano

Mam, robie menu, i chcę żeby było czytelne.

mGDFKZF.png

na razie to tak wygląda, kod:

div.okno {
        position:relative;
        border-width: 1px;
		border-style: solid;
		border-color: #f7e2b4;
		background: linear-gradient(#474644, #1d1b21);
		width: 500px;
        margin-left: 300px;
	    padding: 10px;
		
}


#menitop {    
   
    width: 150px;
	margin-left: 10px;
	
    border-radius: 7px 7px 0px 0px;
    border-top: 1px solid #f7e2b4;
	
	border-left: 1px solid #f7e2b4;
	border-right: 1px solid #f7e2b4;
    font: 13px Verdana;
 	background: black;
    text-align: center;
    color: white;
    padding: 0px;
	margin: 0px;


   
}

.sidebarmenu ul{
margin: 0;
padding: 0;
list-style-type: none;
font: bold 13px Verdana;
width: 150px; 
border: 1px solid #f7e2b4;
 text-align: left;
}
.sidebarmenu ul li{
position: relative;
}
.sidebarmenu ul li a{
display: block;
overflow: auto; /*force hasLayout in IE7 */
font: 13px Verdana;

text-decoration: none;
padding: 2px;

border-bottom: 1px solid #f7e2b4;
border-top: 1px solid #f7e2b4;
}
.sidebarmenu ul li a:link, .sidebarmenu ul li a:visited, .sidebarmenu ul li a:active{
background: black;
}

.sidebarmenu ul li a:visited{
color: white;
}

.sidebarmenu ul li a:hover{
background-color: black;
}


.sidebarmenu ul li ul{
position: absolute;
width: 170px; 
top: 0;
visibility: hidden;
}

I jak dodać, żeby była strzałki takie, koło każdego elementu pod "Menu".

Co byście zrobili, żeby to jakoś fajniej wyglądało. 

Tych takich menu w kolumnie 3+ będą dlatego takie małe.

Właśnie chcę zrobić menu typu: 

http://www.d2traders.pl/pl
http://diablo.phx.pl/

tylko nie wiem czy fajnie to będzie wyglądało jak będzie się rozwijało w prawo.

 

 

Znowu pewnie głupoty piszę, ale ja się w tym już nie łapie co chcę zrobić.

 

@Edit

Spytam się jeszcze, czy można layouty jakieś ściągnąć, tzn np. taka textura obramowania jak na d2traders wyżej wymienione. 

Pozdrawiam.

Zarchiwizowany

Ten temat przebywa obecnie w archiwum. Dodawanie nowych odpowiedzi zostało zablokowane.

Tematy
×
×
  • Dodaj nową pozycję...