Zaloguj | Zarejestruj | FAQ
Anonymous

Problem Css

+ Odpowiedz

Posty: 2 Strona 1 z 1


Problem Css

przez Koza » Wt maja 22, 2012 2:50 pm

Hej mam mały problem/prośbę
Mianowicie chciałbym wyśrodkować równo stronę.
Proszę o gotowca o ile to możliwe ;)
w załączniku dodam screena mojej strony.
Oto html
Kod: Zaznacz cały
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"><html>
<head>
  <meta http-equiv="Content-type" content="text/html; charset=iso-8859-2">
  <meta name="Description" content=" [wstaw tu opis strony] ">
  <meta name="Keywords" content=" [wstaw tu slowa kluczowe] ">
  <meta name="Author" content=" [dane autora] ">
  <meta name="Generator" content="kED2">

  <title> Majnkraft </title>

  <link rel="stylesheet" href="menu1.css" type="text/css">
</head>
<body style="background-color:#EBEBEB">

<div id="content">

<div id="logo">
<img src="majkra.jpg" alt=""/>

</div>
<div id="menu">

<ul id="css3menu1" class="topmenu">
   <li class="topmenu"><a href="#" style="height:31px;line-height:31px;">Aktualności</a></li>
   <li class="topmenu"><a href="#" style="height:31px;line-height:31px;">Forum</a></li>
   <li class="topmenu"><a href="#" style="height:31px;line-height:31px;">Sklep</a></li>
   <li class="topmenu"><a href="#" style="height:31px;line-height:31px;">O nas</a></li>
   <li class="topmenu"><a href="#" style="height:31px;line-height:31px;">Kontakt</a></li>
   <li class="topmenu"><a href="" style="height:31px;line-height:31px;">Facebook</a></li>
   <li class="topmenu"><a href="#" style="height:31px;line-height:31px;">You Tube</a></li>
   <li class="topmenu"><a href="http://pl.minecraftwiki.net" style="height:31px;line-height:31px;">Regulamin</a></li>
</ul>

</div>

<div id="Artykul">

<h1>Już jesteśmy :)</h1>

</div>
</div>

<div id="stopka">


</div>

</body>
</html>


a to css
Kod: Zaznacz cały

ul#css3menu1{
   margin:0;list-style:none;padding:6px 6px 6px 0;background-color:#470000;background-image:url("mainbk.png");background-repeat:repeat;border-width:1px;border-style:solid;border-color:#B4B4B4;-moz-border-radius:28px;-webkit-border-radius:28px;border-radius:28px;font-size:0;z-index:999;position:relative;display:inline-block;zoom:1;
   *display:inline;}
ul#css3menu1 li{
   display:block;white-space:nowrap;font-size:0;float:left;}
ul#css3menu1>li{
   margin:0 0 0 6px;}
* html ul#css3menu1 li a{
   display:inline-block;}
ul#css3menu1 a:active, ul#css3menu1 a:focus{
   outline-style:none;}
ul#css3menu1 a{
   display:block;vertical-align:middle;text-align:left;text-decoration:none;font:12px Arial;color:#666;cursor:pointer;padding:8px 20px;background-color:;background-repeat:repeat;border-width:0;border-style:solid;border-color:transparent;}
ul#css3menu1 li:hover>a,ul#css3menu1 a.pressed{
   background-color:#0078FF;border-color:#F8F8F8;border-style:solid;color:#FFF;text-decoration:none;}
ul#css3menu1 img{
   border:none;vertical-align:middle;margin-right:8px;}
ul#css3menu1 img.over{
   display:none;}
ul#css3menu1 li:hover > a img.def{
   display:none;}
ul#css3menu1 li:hover > a img.over{
   display:inline;}
ul#css3menu1 li a.pressed img.over{
   display:inline;}
ul#css3menu1 li a.pressed img.def{
   display:none;}
ul#css3menu1 li:hover>a,ul#css3menu1 li>a.pressed{
   background-color:#0078FF;border-style:solid;border-color:#F8F8F8;color:#FFF;text-decoration:none;}
ul#css3menu1 li.topmenu>a{
   background-color:;background-image:none;background-position:0 0;border-width:1px 0 0 0;border-style:solid;border-color:transparent;border-radius:16px;-moz-border-radius:16px;-webkit-border-radius:16px;font:bold 13px Arial;color:#E7E5E5;text-decoration:none;text-shadow:0 1px 1px #000000;}
ul#css3menu1 li.topmenu:hover>a,ul#css3menu1 li.topmenu>a.pressed{
   background-color:#666666;background-image:url("mainbk.png");background-position:0 100%;border-style:solid;border-color:#F8F8F8;color:#444444;text-decoration:none;text-shadow:0 1px 0 #FFFFFF;}

#Artykul
{
background-color: #ffffff;
}

#content
{
width: 819px;
margin-left:auto;
margin-right:auto;
}
#logo
{
width: 819px;
margin-left:auto;
margin-right:auto;
}
ul#css3menu1
width: 819px;
margin-left:auto;
margin-right:auto;
}


Załączniki

  1. WWW.jpg (82.72 KiB) Pobrane 1190 razy
    Oto screen

Avatar użytkownika

Koza

  • Posty: 1
  • Dołączył(a): Wt maja 22, 2012 2:39 pm

Re: Problem Css

przez XainPro » So wrz 15, 2012 6:08 am

uczyć się

http://it.html.net/tutorials/css/lesson13.php
Avatar użytkownika

XainPro

  • Posty: 3933
  • Dołączył(a): Pt lut 17, 2012 8:10 pm


+ Odpowiedz

Strona 1 z 1