Skocz do zawartości

[css]zaokrąglone rogi i duże odstępy

piter_nj

Przez piter_nj
w HTML i CSS

Rekomendowane odpowiedzi

piter_nj Newbie

piter_nj

Opublikowano
Opublikowano

Witam, robie szkielet strony opartej na divach i na cssie, zachcialo mi sie zaokrąglonych rogów. korzystam z https://pro.html.it/esempio/nifty/ - jest problem.

https://img236.imageshack.us/img236/9670/img6uc.png

kod html:

</head>
<body xmlns="https://www.w3.org/1999/xhtml" xml:lang="pl">
<div id="content">
<b class="rtop">
<b class="r1"></b>
<b class="r2"></b>
<b class="r3"></b>
<b class="r4"></b>
</b>
<ul>
<li><a href="#">oferta</a></li>
<li><a href="#">cennik</a></li>
<li><a href="#">galeria</a></li>
<li><a href="#">kontakt</a></li>
</ul>
<b class="rbottom">
<b class="r4"></b>
<b class="r3"></b>
<b class="r2"></b>
<b class="r1"></b>
</b>
</div>

</body>
</html>

a css:

/*index.css - lay for index.html*/
body{
padding: 20px;
background-color: #f9f0c7;
font: Verdana,Arial,Helvetica
}
a:link {
color: #000000;
font-family: Verdana, Arial, Helvetica;
font-weight: normal;
font-size: 10pt;
text-decoration: none;
}
a:visited {
color: #740000;
font-family: Verdana, Arial, Helvetica;
font-weight: normal;
font-size: 10pt;
text-decoration: none;
}
a:active {
color: #d00e0e;
font-family: Verdana, Arial, Helvetica;
font-weight: normal;
font-size: 10pt;
text-decoration: none;
}
a:hover {
color: #ffffff;
font-family: Verdana, Arial, Helvetica;
font-weight: normal;
font-size: 10pt;
text-decoration: underline;
}
#content {
margin-top: 1em;
margin-bottom: 0.5em;
}
#content ul {
background-color: #e5a56d;
text-align: center;
margin-left: 0;
padding-left: 0;
border-bottom: 1px solid gray;
}
#content li {
list-style-type: none;
padding: 0em 1em;
border-left: 1px solid #000;
display: inline;
}
div#content{
/*margin-top: 0;
margin-bottom: 0;
margin 0;*/
margin: 0 10%;
background: #9BD1FA
}
b.rtop, b.rbottom {
display: block;
background: #f9f0c7;
}
b.rtop *, b.rbottom * {
display: block;
height: 1px;
overflow: hidden;
background: #e5a56d;
}
b.r1{
margin: 0 5px;*
}
b.r2{
margin: 0 3px;
}
b.r3{
margin: 0 2px;
}
b.r4{
margin: 0 1px;
height: 1px;
}

probowalem z paddingami ale to nic nie dalo.. pllzzzzz... help..;)

moje pytanie: jak zrobic żeby pobyć się wogole tego błękitnego?

Odnośnik do komentarza
Udostępnij na innych stronach
weecioo Newbie

weecioo

Opublikowano
Opublikowano

powiem szczerze że spojrzałem dość pobieżnie, ale nie wystarczyłoby zlikwidowanie marginesów górnego i dolnego w ul? tzn:

#content ul {

background-color: #e5a56d;

text-align: center;

margin: 0;

padding: 0;

border-bottom: 1px solid gray;

}

*it's not a bug, it's a feature!*

pozytywne wiadomości narzekalnia

polski system zarządzania projektem i wspomagania komunikacji grupowej - online

Odnośnik do komentarza
Udostępnij na innych stronach

Zarchiwizowany

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

Tematy

  • Ostatnio przeglądający   0 użytkowników

    • Brak zarejestrowanych użytkowników przeglądających tę stronę.
×
×
  • Dodaj nową pozycję...

Powiadomienie o plikach cookie

Umieściliśmy na Twoim urządzeniu pliki cookie, aby pomóc Ci usprawnić przeglądanie strony. Możesz dostosować ustawienia plików cookie, w przeciwnym wypadku zakładamy, że wyrażasz na to zgodę. Warunki użytkowania Polityka prywatności