Kpc21
11 Październik 2007 14:26
#1
Mój CSS wygląda tak:
html, body {
background-image: url(bg.gif);
background-color: #000000;
color: #000;
margin: 0;
padding: 0;
}
#top {
width: 780px;
background-position: center;
position: relative;
top: 5mm;
bottom: 5mm;
margin-left:auto;
margin-right: auto;
outline: inset 4px green;
}
#NAGLOWEK {
background-color: #888;
}
#MENU {
width: 150px;
float: left;
overflow: hidden;
background-color: #ccc;
}
#TRESC {
width: 630px;
float: left;
overflow: hidden;
background-color: #fff;
}
#STOPKA {
clear: both;
width: 100%;
background-color: #888;
}
Co mam zrobić, żeby obramowanie diva o id #top było podwójne (dwa kolory) i żeby katy obramowania były zaokrąglone??
___________________________________________________
To już mój 700 post!
adpawl
11 Październik 2007 14:45
#2
zaokrąglenie np.: border-radius: 1em;
podwójne obramowanie: border-style: double; -niestety nie da rady oddzielnie pokolorować liń …jedyne co mi teraz przychodzi do głowy to osadzić wewnatrz inny element np. kolejnego diva i dla zewnętrznego pojedyńcze obramowanie jednego kolor, a dla wewnętrznego obramowanie innego koloru.
Kpc21
12 Październik 2007 14:48
#4
Nie działa, a HateML Pro podkreśla border-radius.
Złączono Posta : 12.10.2007 (Pią) 16:54
Już wiem, dlaczego. Znacznika border-radius Firefox po prostu nie wspiera (wspiera eksperymentalnie jako -moz-border-radius).
Nie ma jakiegoś innego sposobu?
kutar
12 Październik 2007 15:47
#5
Zrobienie odpowiednich obrazków i zastosowanie jako krawędzi DIVA
Kpc21
13 Październik 2007 18:54
#6
Spróbuję, albo i zostawię ramkę z ostrymi narożnikami.
Dla przyszłych czytelników tematu dodam, że border-radius będzie prawdopodobnie wspierany w CSS 3 i będzie można go normalnie używać.
