Rak - praktyczne podpowiedzi

Temat: [css]kila pytań
mam taki skrypt css

wygląda on tak


body {
background-color: beige;
 text-align: center;
}

#podstawa {
width: 90%;
margin: 5px;
 text-align: center;
}

#logo {
background-color: aqua;
height: 120px;
}

#l_menu {

background-color: gainsboro;
width: 20%;
float: left;
 height: 200px;

}

#tresc {
background-color: paleturquise;
width: 80%;
float: right;

}

#stopka {
background-color: aqua;
clear: both;
}



czy da sie tak zrobić by miedzy tymi tabelkami były odstępy?
czy da sie zaokrąglić te tabele? (te rogi sie znaczy)
i jak obramować tabele?
ps. mówiąc tabele mam na myśi te divy

Źródło: topranking.pl/953/css,kila,pytan.php



Temat: zaokrąglone rogi tabeli


Misztal wrote:
K. napisał(a):

| wszystko pieknie lecz tam jest odpowiedz do css3 i mozilli. ja chce by
| dzialalo w IE w kazdej wersji lub chociaz w wersji 6. Czy jest jakies
| polecenie w HTML na zaokraglone rogi lub w css2 ?

http://www.svay.com/coins_arrondis/rounded_corners.html


A ja szukam dokladnie czegos takiego tylko potrzebuje, zeby ten div z
zaokraglonymi rogami dostosowywal sie szerokoscia (!) i wysokoscia (co
juz w tym przykladzie dziala) do swojej zawartosci, a konkretniej do
tekstu, ktory w nim sie znajduje. Czyli jezeli np. sa tam 3 slowa, kazde
w nowej linijce, to caly div jest wtedy tak waski jak waska jest ta
kolumna 3 slow. Czy zna ktos rozwiazanie takiego problemu? Chodzi mi
wlasnie o ta szerokosc, jest to jedyny powod dla ktorego jeszcze na
jednej stronce nie zrezygnowalem z tabel na rzecz div'ow + css.
Zaznaczam, ze wykluczone jest okreslanie szerokosci tego div'a, on ma
sie sam dostosowywac do szerokosci tekstu, tak jak sie dostosowuje
komorka tabeli. Czy da sie to zrobic?


Źródło: topranking.pl/1479/35,zaokraglone,rogi,tabeli.php


Temat: zaokrąglone rogi tabeli


Cezar wrote:
Melon napisał(a):

| Wszystko ładnie, tylko wciąż nie wiem, co z podstawową kwestią - jak
| zrobić div'a, który się będzie rozciągał na szerokość tekstu? Bo
| rozumiem, że coś takiego potrzebuję.

Podane na talerzu:
http://www.neuroticweb.com/recursos/css-rounded-box/


Znam te przyklady, ale wszedzie div ma ustalona szerokosc - powtarzam,
ze ja potrzebuje aby pole z zaokraglonymi rogami *dostosowywalo sie
szerokoscia* do tekstu wewnatrz - tak jak w podanym juz przeze mnie
przykladzie w sklepie fotograficznym.


Źródło: topranking.pl/1479/35,zaokraglone,rogi,tabeli.php


Temat: zaokrąglone rogi tabeli
Melon napisał(a):


Cezar wrote:

| Melon napisał(a):

| Wszystko ładnie, tylko wciąż nie wiem, co z podstawową kwestią - jak
| zrobić div'a, który się będzie rozciągał na szerokość tekstu? Bo
| rozumiem, że coś takiego potrzebuję.

| Podane na talerzu:
| http://www.neuroticweb.com/recursos/css-rounded-box/

Znam te przyklady, ale wszedzie div ma ustalona szerokosc - powtarzam,
ze ja potrzebuje aby pole z zaokraglonymi rogami *dostosowywalo sie
szerokoscia* do tekstu wewnatrz - tak jak w podanym juz przeze mnie
przykladzie w sklepie fotograficznym.


Zaraz, zaraz... przecież w podanym przykładzie szerokość stała jest
podana jako przykład ! Wpisz po prostu tam szerokość kontenera w % a
będziesz miał to, co chcesz osiągnąć. Czy Ty w ogóle przeanalizowałeś
podany przykład ? Czy szukasz rozwiązania podanego na tacy ?


Źródło: topranking.pl/1479/35,zaokraglone,rogi,tabeli.php


Temat: sens ALT


Tristan Alder wrote:
Hm... Tła?


Tak, tla :)


Wg mnie na stronie: http://tristan.b7.pl/tristan.php ja na pomoście
powinienem mieć pustego alta, ale nijak tego nie wyobrażam sobie
wypozycjonować css-em.


Akurat wypozycjonowac to owszem. To co masz na tej stronie (zwlaszcza
fotka z Toba na Mazurach) to ilustracja, ktora jakas informacje niesie -
pokazuje Ciebie, mozna sie dowiedziec ze lubisz Mazury itp. I to powinno
miec alt, nie pusty, ale opisowy w stylu "ja na moim ulubionych Mazurach".


Mnie wychodzi większość na odczucie. Rózne loga firm, kwiatuszki,
duperelki upiększające tylko www.


Wlasnie te kwiatuszki, duperelki *tylko* upiekszajace www powinny byc
wlozone CSSem jako tlo innych elementow (np. na gorze kazdego akapitu
dajesz czerwona kreske w postaci grafiki - wtedy nie niesie ona zadnej
informacji, wiec umieszczasz ja CSSem jako tlo tego akapitu, a jemu
samemu dajesz padding u gory, aby nie wlazil na kreske).

Kiedy sie nie da prosto zrobic, a jednak obrazki sa dekoracyjne? Chocby
zaokraglone rogi dla elementu o nieznanych z gory rozmiarach. Wtedy
umieszczasz 4 obrazki za pomoca <imgi dajesz im pusty alt, bo zadnej
informacji nie niosa.


Źródło: topranking.pl/1479/sens,alt.php


Temat: jak narysować prostokąt bez ostrych rogów
Na stronie www.wp.pl w prawym menu tytuły działów "wiadomości", "sport",
"prasa" są na tle takich czerwonych prostokącików, które mają oba górne rogo
zaokrąglone.

Chciałbym zrobić podobne, ale zastanawiam się czy nalezy tam włożyć gif'a
czy też można za pomocą styli CSS narysowac prostokąć z zaokrąglonymi
górnymi rogami.

Mirek

---
Outgoing mail is certified Virus Free.
Checked by AVG anti-virus system (http://www.grisoft.com).
Version: 6.0.770 / Virus Database: 517 - Release Date: 2004-09-27


Źródło: topranking.pl/1480/jak,narysowac,prostokat,bez,ostrych,rogow.php


Temat: jak narysować prostokąt bez ostrych rogów


Na stronie www.wp.pl w prawym menu tytuły działów "wiadomości", "sport",
"prasa" są na tle takich czerwonych prostokącików, które mają oba górne
rogo
zaokrąglone.

Chciałbym zrobić podobne, ale zastanawiam się czy nalezy tam włożyć gif'a
czy też można za pomocą styli CSS narysowac prostokąć z zaokrąglonymi
górnymi rogami.


Na wp to zwykly gif ktory jest ustawiony jako tlo CSS-em. Nie ma stylu za
pomoca ktorego mozna by narysowac taki prostokat, chyba zeby ustawic lewy
rog (gif) jako tlo (bez powtarzania) np dla <span, kolor tla ustawic na
taki jaki ma ten lewy rog, a z prawej strony "dorobic" prawy rog jako zwykly
<img, mozna tez zrobic to za pomoca tabelki i 4 albo 2 rogow w gifach ;)


Źródło: topranking.pl/1480/jak,narysowac,prostokat,bez,ostrych,rogow.php


Temat: Tabela


Hannna wrote:
Moj problem jest taki czy mozna zaokrąglic rogi w
tabeli i jak to moge zrobic?


I tak, i nie.

W CSS (uwaga - niezgodność ze standardem):

table {
        -moz-border-radius: 10px;


}


Zadziała tylko w Mozilli. Za jakiś rok (oby) będziesz mógł użyć
po prostu "border-radius", żeby zadziałało wszędzie...

Inne przeglądarki nie umożliwiają zaokrąglania rogów czegokolwiek,
dlatego mimo że powyższy bajer jest fajny, to powinieneś po prostu
w rogach umieścić odpowiednie obrazki, żeby w przeglądarkach innych
niż Mozilla i Netscape rogi były zaokrąglane.


Z gory wielkie dzieki za pomoc. jakos nie moge sie doszukac takiej opcji.


PS.
Używanie tabelek do layoutu nie jest fajne.


Źródło: topranking.pl/1480/tabela.php


Temat: Jak stworzyć button o zmiennej szerokości? (HTML/CSS)
Witam,

Czy ktoś z Was mógłby podsunąć mi pomysł na realizację w/w zadania o ile
założymy, że nie chcemy przycisku systemowego lecz mamy własną wizję? Może
dla ułatwienia debaty załóżmy, że chcemy stworzyć przycisk w formie
prostokąta z zaokrąglonymi rogami. Nie wiemy jakiej szerokości będzie w nim
tekst więc nie wiemy jakiej szerokości będzie sam button. Czy da się zrobić
tak, że rozmiar poziomy przycisku będzie dynamiczny a grafika wewnątrz
będzie dostosowywała się poprzez powielanie jakiegoś jej fragmentu?


Źródło: topranking.pl/1480/jak,stworzyc,button,o,zmiennej,szerokosci,html.php


Temat: polprzezroczysty, skalowalny div z zaokraglonymi rogami
Dnia 27-05-2008 o 17:42:19  Gordonek <gordo@WYTNIJ.gazeta.pl 
napisal(a):


Witam,
Mam taki problem potrzebuje zrobic div'a, z polprzezroczystym tlem
gradientowym (obrazek png) i zaokraglonymi (rowniez polprzezroczytymi)  
rogami
(male pliki 20x20px png). Z tym ze, obrazki zaokraglonych rogow musza byc
zaimplementowane rowniez w divie przez cssa. Wczesniej robilem to  
wypelniajac
diva kolorem (czy obrazkiem) a rogi po prostu przez img, teraz jednak to  
nie
zda egzaminu poniewaz rogi jak wspomnialem maja byc polprzezroczyste a  
caly
div musi byc skalowalny, aby mozna go bylo uzywac do roznych zawartosci.
Bede wdzeczny za wszelkie podpowiedzi.


tak sie to *powinno* robic...

http://www.css3.info/preview/rounded-border/
http://www.css3.info/preview/background-size/

ale prawie nigdzie nie zadziala... rogi mozesz zrobic tona JavaScriptow  
(nie smiecac w HTMLu), ale skalowania tla sie chyba inaczej nie zrobi...
przezroczystosci lepiej zrobic przezroczytym png niz CSS:opacity, bo  
przezroczyste PNG dziala szybciej (przynajmniej u mnie)...


Źródło: topranking.pl/1481/polprzezroczysty,skalowalny,div,z.php


Temat: polprzezroczysty, skalowalny div z zaokraglonymi rogami


Witam,
Mam taki problem potrzebuje zrobic div'a, z polprzezroczystym tlem
gradientowym (obrazek png) i zaokraglonymi (rowniez polprzezroczytymi)
rogami
(male pliki 20x20px png). Z tym ze, obrazki zaokraglonych rogow musza byc
zaimplementowane rowniez w divie przez cssa. Wczesniej robilem to
wypelniajac
diva kolorem (czy obrazkiem) a rogi po prostu przez img, teraz jednak to
nie
zda egzaminu poniewaz rogi jak wspomnialem maja byc polprzezroczyste a
caly
div musi byc skalowalny, aby mozna go bylo uzywac do roznych zawartosci.


Jezeli dowolna w miare populalna przegladarka: no way.

Jezeli jednak najnowsze wersje popularnie uzywanych to bym rozwazal
generowanie (na kliencie) bitmap i podkladanie ich do css'a.

sz.


Źródło: topranking.pl/1481/polprzezroczysty,skalowalny,div,z.php


Temat: polprzezroczysty, skalowalny div z zaokraglonymi rogami
Z pamiętnika internauty.
Własność: 'Gordonek'
Wpis z dnia 27-05-2008:


Witam,
Mam taki problem potrzebuje zrobic div'a, z polprzezroczystym tlem
gradientowym (obrazek png) i zaokraglonymi (rowniez polprzezroczytymi) rogami
(male pliki 20x20px png). Z tym ze, obrazki zaokraglonych rogow musza byc
zaimplementowane rowniez w divie przez cssa. Wczesniej robilem to wypelniajac
diva kolorem (czy obrazkiem) a rogi po prostu przez img, teraz jednak to nie
zda egzaminu poniewaz rogi jak wspomnialem maja byc polprzezroczyste a caly
div musi byc skalowalny, aby mozna go bylo uzywac do roznych zawartosci.
Bede wdzeczny za wszelkie podpowiedzi.


Tu są jeszcze różne wynalazki
http://css-discuss.incutio.com/?page=RoundedCorners


Źródło: topranking.pl/1481/polprzezroczysty,skalowalny,div,z.php


Temat: polprzezroczysty, skalowalny div z zaokraglonymi rogami
*szomiz* testified:


| Witam,
| Mam taki problem potrzebuje zrobic div'a, z polprzezroczystym tlem
| gradientowym (obrazek png) i zaokraglonymi (rowniez polprzezroczytymi)
| rogami
| (male pliki 20x20px png). Z tym ze, obrazki zaokraglonych rogow musza byc
| zaimplementowane rowniez w divie przez cssa. Wczesniej robilem to
| wypelniajac
| diva kolorem (czy obrazkiem) a rogi po prostu przez img, teraz jednak to
| nie
| zda egzaminu poniewaz rogi jak wspomnialem maja byc polprzezroczyste a
| caly
| div musi byc skalowalny, aby mozna go bylo uzywac do roznych zawartosci.

Jezeli dowolna w miare populalna przegladarka: no way.

Jezeli jednak najnowsze wersje popularnie uzywanych to bym rozwazal
generowanie (na kliencie) bitmap i podkladanie ich do css'a.


Fx 3, podobnie jak Safari obsługuje border-radius (no, -moz-border-radius),
tyle że ładnie, a nie tak obskurnie jak Fx 2. Jakaś nadzieja na przyszłość
zawsze jest.


Źródło: topranking.pl/1481/polprzezroczysty,skalowalny,div,z.php


Temat: jeszcze o divach


Marek Matulka wrote:


  w mozilla ma już zaimplementowane niektóre elementy CSS Level 3, w tym


zaokrąglane narożniki:

-moz-border-radius: 6px;

spowoduje, że rogi będą zaokrąglone :) bez żadnych obrazków :)


arghhh... ciagle te same argumenty
zalozmy teraz, chociaz nie bede tego na predce robil, ze nie chce miec
blokow z zaokraglonymi rogami, tylko chce zrobic metal-design i w kazdym
takim bloczku umiescic w naroznikach srubki. Wiadomo ze to nawet bedzie
prosciej, bo srubki sa takie same w kazdym narozniku. Ale chce tez
odzielic tresc od formy, wiec umieszczam te srubki w arkuszu jako
pseudoelementy. No i mozilla je przesuwa.
Moje pytanie brzmialo: "czy ktos wie dlaczego je przesuwa?". Wg mnie sa
dwie mozliwe odpowiedzi: 1. to bug 2. tak ma byc a ja zle ustalilem
artybut display dla tych pseudoelementow, a moglem tak zrobic bo tych
atrybutow jest cala masa i jeszcze sie nie wglebilem w nie, ustawilem o
ile pamietam to co znalem, czyli 'block', a moze ma byc jakies 'run-in',
a ja o tym nie wiem.


Źródło: topranking.pl/1481/jeszcze,o,divach.php


Temat: jeszcze o divach
kowcik <kow@poczta.onet.plnapisał(a):


Marek Matulka wrote:
  w mozilla ma już zaimplementowane niektóre elementy CSS Level 3, w tym
| zaokrąglane narożniki:

| -moz-border-radius: 6px;

| spowoduje, że rogi będą zaokrąglone :) bez żadnych obrazków :)
arghhh... ciagle te same argumenty
zalozmy teraz, chociaz nie bede tego na predce robil, ze nie chce miec
blokow z zaokraglonymi rogami, tylko chce zrobic metal-design i w kazdym
takim bloczku umiescic w naroznikach srubki. Wiadomo ze to nawet bedzie
prosciej, bo srubki sa takie same w kazdym narozniku. Ale chce tez
odzielic tresc od formy, wiec umieszczam te srubki w arkuszu jako
pseudoelementy. No i mozilla je przesuwa.
Moje pytanie brzmialo: "czy ktos wie dlaczego je przesuwa?". Wg mnie sa
...


to bug, wiadomo o tym od dawna, poczekaj, na pewno zostanie
rozwiązany. poszperaj w bugzilli, tam będzie więcej o nim.


Źródło: topranking.pl/1481/jeszcze,o,divach.php


Temat: IE się buntuje - prosze o pomoc
2005-12-21 12:00 +0200, Gregbike:

| Strasznie wyDIViasz z zaokrągleniami. Może spróbuj to zrobić tak:
| http://www.meyerweb.com/eric/css/edge/curvelicious/demo.html
Eee raczej niedobry pomysł, a co zaokrąglone rogi mają do treści strony ?


Moja propozycja trochę OT.
Skoro się uparł na zaokrąglenia, podałem mu (jak mi się wydawało) lepszy
przykład.
Ale widocznie   <div class="zaokr_ramka c1"</div
                <div class="zaokr_ramka c2"</div
                <div class="zaokr_ramka c3"</div
                <div class="zaokr_ramka c4"</div
                <div class="zaokr_ramka c5"</div
                <div class="zaokr_ramka c6"</div
                <div class="zaokr_ramka c7"</div
                <div class="zaokr_ramka c8"</div
                <div class="zaokr_ramka c9"</div
                <div class="zaokr_ramka zawartosc"
jest bardziej semantyczne, użyteczne i dostępne :-P

Źródło: topranking.pl/1489/ie,sie,buntuje,prosze,o,pomoc.php


Temat: IE się buntuje - prosze o pomoc
Gregbike napisał(a):

| Strasznie wyDIViasz z zaokrągleniami. Może spróbuj to zrobić tak:
| http://www.meyerweb.com/eric/css/edge/curvelicious/demo.html

Eee raczej niedobry pomysł, a co zaokrąglone rogi mają do treści strony ?

Greg


No właśnie jest główny kontener i pod wszystkim innym niż ie się
rozciąga a w tym cholernym IE taki babol. I kurde nie wiem czemu. width
mam auto i !important czyli powinno sie automatycznie rozciągnąć. No
cholera nie wiem. Zresztą wstawie na przykład więcej <p</pto się
rozciąga bez problemu. dlat tego div'a nie chce.

pozdrawiam
Sławek


Źródło: topranking.pl/1489/ie,sie,buntuje,prosze,o,pomoc.php