Tło diva i padding

[benusso]

WItam

Mam sobie jednego diva a w nim 3 diwy, czyli jakby wiersz tabeli i 3 komórki

		<div id="kwadraty">  
		<div class="kwadrat" style="background-image: url(kwadrat1.png);">g</div>
		<div class="kwadrat" style="background-image: url(kwadrat2.png);">d</div>
		<div class="kwadrat" style="background-image: url(kwadrat3.png);">f</div>
</div>

dodam że background-image jest wielkosci diva class=kwadrat, css do tego to

#kwadraty{
margin-top:25px;
width: 830px;
height: 200px;

}

div.kwadrat{
float: left;
width: 276px;
height: 200px;
}

i teraz chciałbym dodać tekst do diva class=kwadrat, przy czym chciałbym żeby nie zaczynał się od samego górnego rogu a

padding:20px 10px 10px 20px;

no i gdy to dodaje wszystko się rozłazi Prosze o pomoc

[arve_lek]

Jakbyś miał gdzieś to wrzucone online, to mógłbym pomóc.

[fotolukasso]

pewnie nie zwiększasz obrazka które jest tłem. Jeśli nie możesz zmodyfikować obrazka tła to możesz walczyć wysokością zmniejszając ją odpowiednio do zwiększenia padding.

[INOMan]

Może dodaj kolejnego diva, na sam tekst ?

<div class="kwadrat" style="background-image: url(kwadrat1.png);">
<div style="padding:20px 10px 10px 20px;float:left;">tutaj cos pisze</div>
</div>

[fotolukasso]

na tekst to powinien dać <p> jak chciałby żeby było poprawie i tam dopiero testować padding i margin

[benusso]

dokładnie tak zrobiłem, na tekst dałem <p> i tam sobie ustawiłem padding. Dzięki.

[benusso]

a ktoś wie czemu to mi nie działa

ul.menu li a:hover{color:white; text-decoration: none;}
ul.menu li a:active{color:gray; text-decoration: none;}
ul.menu li a:visited{color:gray; text-decoration: none;}
ul.menu li a:link{color:gray; text-decoration: none;}

a dokładnie s:hover nie zmienia koloru czcionki po najechaniu ? natomiast gdy daje w a:hover background-color:white to działa.

[fotolukasso]

Wiesz może ja zbyt niekumaty - ale nie lepiej jakbyś dał screna i opisał co chcesz uzyskać?

Tło podczas najechania się zmienia a sam kolor linka nie?

[papieros]

@benusso - kolejność ! Poszukaj sobie w sieci w jakiej kolejności powinny być to zadeklarowane. A jak Ci się nie chce szukać to daj a:link na początek może zadziała.

[benusso]

o kurde, nie wiedziałem że kolejność ma znaczenie, dla tych co też nie wiedzą podaję

ul.menu li a:link{color:gray; text-decoration: none;}
ul.menu li a:visited{color:gray; text-decoration: none;}
ul.menu li a:active{color:gray; text-decoration: none;}
ul.menu li a:hover{color:white; text-decoration: none;}

dzięki.