[HTML][CSS]ramki i kolory Opcje

[--arbuz--]

Robię ramkę w poście (Blogger)

[HTML] pobierz, plaintext 
<table border="3"><tr><td> (obrazek) </td></tr></table>
[HTML] pobierz, plaintext 

powstaje mi taka ramka (IMG:http://img185.imageshack.us/img185/2517/ramkabuo7.jpg) - taka ramka mi sie nie podoba.

Co zrobić aby ramka była taka (IMG:http://img299.imageshack.us/img299/9323/ramkacoq4.jpg)

aby warstwa zewnętrzna była w jednym kolorze i wewnętrzna też w jednym?

[matssuda]

[HTML] pobierz, plaintext 
<table style="border: 1px solid gray">
<tr>
<td> (obrazek) </td>
</tr>
</table>
[HTML] pobierz, plaintext 

możesz zmieniać grubośc, kolor, styl ramki. Najlepiej poczytać o CSS.

Ten post edytował matssuda 21.08.2008, 09:55:57

[-etam-]

a jak ustawić rozmiar ramki?

[WojtasSP320]

[HTML] pobierz, plaintext 
td style="border: 1px solid #808080;"
[HTML] pobierz, plaintext 

Czyli po kolei: border: szerokość, typ (punktowana, kreskowana, jednolita itp.), kolor.

Jak chcesz możesz to rozbić na poszczególne boki obramowania:

[HTML] pobierz, plaintext 
td style="border-top: 2px solid #808080; border-right: 2px solid #F0F0F0; border-bottom: 2px solid #F0F0F0; border-left: 2px solid #808080;"
[HTML] pobierz, plaintext 

Wtedy otrzymasz pseudo 3-wymiarową ramkę.

więcej o: http://www.kurshtml.boo.pl/css/css.html

Ten post edytował WojtasSP320 4.10.2008, 09:32:46

[-etam-]

Nie chce mi sie otworzyć ta strona.

A chodziło mi o rozmiar długości boków - chciałbym zrobić równych rozmiarów ramki dla różnych rozmiarów obiektów

[-etam-]

i jakie są komendy na punktowaną i kreskowaną linię?

[WojtasSP320]

punktowana linia:

[HTML] pobierz, plaintext 
border: 1px dotted #000000;
[HTML] pobierz, plaintext 

kreskowana linia:

[HTML] pobierz, plaintext 
border: 1px dashed #000000;
[HTML] pobierz, plaintext 

Nie wiem o co ci chodzi z tą długością dla różnych rozmiarów, ale jak chcesz mieć np kwadrat 200px x 200px z ramką
to dajesz np.:

[HTML] pobierz, plaintext 
<div style="width: 200px; height: 200px; border: 1px solid #FF0000;">
 
<!-- TU DAJ SWÓJ KOD HTML -->
 
</div>
[HTML] pobierz, plaintext 

Ten post edytował WojtasSP320 5.10.2008, 13:38:51

[-etam-]

Tak, o to mi chodziło, dzięki.

mam jeszcze jedno pytanie na które nie mogłem znaleźć odpowiedzi:

jak robie dwie ramki to automatycznie wychodzą mi jedna pod drugą - jak zrobić aby wychodziły obok siebie i jak ustawic odstęp między nimi?