Добре дошли!

Добре дошли в нашите форуми, пълни с полезна информация. Имате проблем с компютъра или телефона си? Публикувайте нова тема и ще намерите решение на всичките си проблеми. Общувайте свободно и открийте безброй нови приятели.

Моля, регистрирайте се за да публикувате тема и да получите пълен достъп до всички функции.

CSS въпрос

Последователи

7 януари 200818 г.

Здравейте !

Малко ми е трудно да обясня това, което търся, но все пак ще се опитам.

Възможно ли четирите ъгъла на една уеб страница да са заоблени.

Ползвам

padding:20px 40px 20px 40px

Така самата страница ми се стеснява.Възможно ли е тези ъгли, който се появяват да се заоблят и как ?

Ако не ме разбирате- да предположим, че искам ъглите на логото на калдата да са заоблени.Как става ?

7 януари 200818 г.

Здравейте !

Малко ми е трудно да обясня това, което търся, но все пак ще се опитам.
Възможно ли четирите ъгъла на една уеб страница да са заоблени.
Ползвам

padding:20px 40px 20px 40px

Така самата страница ми се стеснява.Възможно ли е тези ъгли, който се появяват да се заоблят и как ?
Ако не ме разбирате- да предположим, че искам ъглите на логото на калдата да са заоблени.Как става ?

Логото е изображение и няма проблем да му заоблиш ъглите. За web страница може да се използва div със съответни изображения за ъглите.

Виж това : http://www.webcredible.co.uk/user-friendly...s-borders.shtml

и това :http://www.html.it/articoli/nifty/index.html

Редактирано 7 януари 200818 г. от Ken (преглед на промените)

7 януари 200818 г.

Автор

Окей,вторият линк е този,който търся.

Искам само да попитам този

мога да си го заменя с моето нали ?

демек

container=masthead и съм готов

Окей,вторият линк е този,който търся.
Искам само да попитам този

<div id="container">

мога да си го заменя с моето нали ?

демек

container=masthead и съм готов

Mи неще да се получава....

Това,което искам да се получи е следното

Искам горната част на логото и краят на страницата да имат обла част

<div id="masthead">

 <b class="rtop">

  <b class="r1"></b> <b class="r2"></b> <b class="r3"></b> <b class="r4"></b>

</b>

  <div id="globalNav">

	<div align="left"><a href="index.html" target="_self"><font color="#FFFFFF">Начало</font></a><span class="style1">|</span> <a href="information.html" target="_self"><font color="#FFFFFF">Информация</font></a> <span class="style1">|</span> <a href="statistic.html" target="_self"><font color="#FFFFFF">Статистика</font></a> <span class="style1">|</span> <a href="http://gallery.bask.bg" target="_self"><font color="#FFFFFF">Галерия</font></a> <span class="style1">|</span> <a href="http://forum.bask.bg" target="_self"><font color="#FFFFFF">Форум</font></a> <span class="style1">|</span> <a href="contacts.html" target="_self"><font color="#FFFFFF">Връзки</font></a></div>

  </div>

  <!--<h2 id="pageName">Начало</h2>-->

  <div id="languages"><a href="index.html"><img src="images/BG-flag.gif" width="30" height="15" alt="bg" border="0"></a> | <a href="en/index-en.html"><img src="images/EnglandFlag.png" width="30" height="15" alt="en" border="0"></a> | <a href="it/index-it.html"><img src="images/flags_of_Italy.gif" alt="it" width="30" height="15" border="0"></a> | </div>


</div>

Така искам за логото В края страницата имам един див за сайт инфо искам долната част също да е с обли крайща

<div id="siteInfo"><b class="rbottom">

  <b class="r4"></b> <b class="r3"></b> <b class="r2"></b> <b class="r1"></b>

</b><img src="images/BG-flag.gif" alt="bg flag" width="30" height="15"> <a href="http://bask.bg" target="_self">За нас </a> | <a href="#" target="_self">Карта на сайта</a> | <a href="#" target="_self">Архив</a> | <a href="contacts.html" target="_self">Контакти</a> | <a href="http://doom.bg" target="_blank">© 2007 DooM Ltd.</a> |</div>

Това е,което направих, а ефекта беше нулев

/************** Curves ******************/

.rtop, .rbottom{

display:block;

}

.rtop *, .rbottom *{

display: block; height: 1px; overflow: hidden;

}

.r1{

margin: 0 5px;

}

.r2{

margin: 0 3px;

}

.r3{

margin: 0 2px;

}

.r4{

margin: 0 1px; height: 2px;

}


/************* End of Curves *************/

Редактирано 7 януари 200818 г. от kozata-xakep (преглед на промените)

7 януари 200818 г.

Това за стиловете :

div#nifty{ margin: 0 10%;background: #9BD1FA}


b.rtop, b.rbottom{display:block;background: #FFF}

b.rtop b, b.rbottom b{display:block;height: 1px;

	overflow: hidden; background: #9BD1FA}

b.r1{margin: 0 5px}

b.r2{margin: 0 3px}

b.r3{margin: 0 2px}

b.rtop b.r4, b.rbottom b.r4{margin: 0 1px;height: 2px}

а това в страницата :

<body>

<div id="nifty">

<b class="rtop"><b class="r1"></b><b class="r2"></b><b class="r3"></b><b class="r4"></b></b>

<h1>Nifty Corners</h1>

<b class="rbottom"><b class="r4"></b><b class="r3"></b><b class="r2"></b><b class="r1"></b></b>

</div>

</body>