Jak w css zrobić obramowanie?


(Lord218) #1

Chodzi mi o to, jak zrobić obramowanie takie jak np. jest w phpbb (obrazek w nagłówku jest otoczony linią o jakimś kolorze)?


(Barthezz) #2

w stylach dajesz do znacznika

border: kolor grubość rodzaj

np

border: red 2px solid;


(Lord218) #3

Dobra dzięki.

A dlaczego nie mogę wprowadzić w stopce marginesu górnego chociaż dodałem clear: both; ?


(Barthezz) #4

pokaż może lepiej całą stronę


(Lord218) #5

tutaj jest kod css:

@charset "iso-8859-2";

/* CSS Document */


/ ******Wygląd ogólny "body"****** /


body{

background:url(../images/bgmain.gif);

margin:0px;

font-family:Verdana, Arial, Helvetica, sans-serif;

}


/ ******ustawienia góry****** /


#naglowek {

align:center;

margin: 0 auto;

margin-bottom: 5px;

width:760px;

height:24px;

background: black;

color:white;

}


#nag1 {

float:left;

width:500px;

}


#nag2 {

float:right;

}


#druga_linia {

margin: 0 auto;

margin-bottom: 5px;

width:760px;

height:112px;


}


#logo {

float:left;

width:50%;

}


#reklama {

float:left;

}


/ *****ustawienia w kolumnach***** /


#stronka {

margin: 0 auto;

width: 760px;

margin-bottom: 20px;

}


#kolumna1 {

float: left;

width: 375px;

}


#kolumna2 {

float: left;

width: 375px;

margin-left: 10px;

}


/ *****stopka***** /


#stopka {

clear: both;

width: 760px;

height: 24px;

margin-left: auto;

margin-right: auto;

background: black;

}


/ *****zawartość***** /


.tlo_nag {

float: left;

width: 100%;

height: 28px;

color: white;

background: url(../images/cellpic3.gif);

}


.zawartosc {

float: left;

width: 100%;

margin-bottom: 10px;

background: white;

}

(Spam) #6

Nie podałeś kodu HTML.

I o który margines chodzi?

Dopełnienie (padding) - też nie działa?

Jeśli stopka nie jest elementem blokowym:


(Lord218) #7

(Spam) #8

Który margines jest nie tak :?:


(Lord218) #9

Ten div o identyfikatorze "stopka" - na samym dole.


(Spam) #10

To wiem, ale żaden margines nie działa? Nie potrafisz wyśrodkować?

BTW: Tam, gdzie ustawiłeś margin: 0 auto; musisz dorzucić dla IE5 (który tego nie obsługuje) text-align: center; dla elementu nadrzędnego.


(Lord218) #11

Nie no marginesy left i right działają tylko top i bottom nie.

Złączono Posta : 01.07.2007 (Nie) 18:41

Mam jeszcze problem z poleceniem padding, bo kiedy je stosuję dla div class="tlo_nag" to napis "menu" się przesuwa o daną ilość pikseli, ale i szerokość diva się zwiększa o tyle samo.


(Spam) #12

Górny i dolny margines się zapadają.

Zamień

456
na:


(Lord218) #13

Dzięki