trzy obrazy w rzędzie

[kojot]

Witam!

Mam pytanko, jako iż wziełem się za dość poważny projekt z bardzo małą znajomością html-a, mianowicie jesst strona o nieznanej szerokości (wyznaczona w procentach nie w pixelach) dokładnie 100%, chodzi mi o wyświetlenie trzech obrazów, tzn narożnika lewego, środka, oraz narożnika prawego.

Narożnik lewy zakładam iż jest to 9px, środek skałada się sie z obrazka 1px (powtarzającego się), no i narożnik końcowy również 9px.

Jak to najprościej zapisać aby środek nie zakrył ostatniego narożnika?

Próbowałem to zrobić w taki sposób:

<table width="100%">

<tr valign="top">

   	<td class="narol"></td>

     <td class="srod"></td>

     <td class="narop"></td>

</tr>

</table>

gdzie w css jest:

td.narol {

background: url(images/cien_l_t.png) no-repeat;

 	width: 9px;

 	height: 9px;

}



td.srod {

background: url(images/cien_t.png) repeat-x;

height: 9px;



}



td.narop {

background: url(images/cien_r_t.png) no-repeat;

width:  9px;

 	height: 9px;



}

ale przeglądarka wycina ostatni narożnik

Będę wdzięczny za pomoc

Pozdrawiam

[jez]

Mam pytanko, jako iż wziełem się za dość poważny projekt z bardzo małą znajomością html-a

Gratuluję.

chodzi mi o

Ja bym to zrobił bez CSS, tak:

<table width="100%" cellspacing="0" cellpadding="0">

<tr valign="top">

<td width="9"><img src="lewy.jpg"></td>

<td width="100%" background="srodek.jpg"></td>

<td width="9"><img src="pracy.jpg"></td>

</tr>

</table>

Jak się uprzesz to do środkowego możesz dodać styl background-repeat: repeat-x.

I " " w środkową komórkę.

Pozdrawiam, J.

[zYm3N]

div kontener, div 1, div 2, div 3, div[1-3] -> float: left

I tyle. ;-)

pozd.

[nrm]

display: inline;

[kojot]

Mam pytanko, jako iż wziełem się za dość poważny projekt z bardzo małą znajomością html-a

Gratuluję.

he..myślę iż to jest najlepszy sposób aby się tego nauczyć

Zaskoczyliście mnie mnogością rozwiązań problemu nad którym się głowiłem w ciul czasu, użyłem pierwszy lepszy ten bez div-ów i faktycznie działa.

Mam tylko jeszcze jedno pytanko, jak mam zrobić aby ten obrazek jak i cała zawartość danej tabeli miała margines powiedzmy 9px po obu stronach.

Próbowałem całą tabelę objąć divem który miał margin-left: 9px; i margin-right: 9px; width: auto; ale to znowu powoduje iż margines mam po lewej a po prawej znika narożnik.

Dzięki serdeczne

[nrm]

widzę, że w htmlu Jeż tez sprowadza na złą drogę

[kojot]

Mam pytanko, jako iż wziełem się za dość poważny projekt z bardzo małą znajomością html-a

Gratuluję.

he..myślę iż to jest najlepszy sposób aby się tego nauczyć

Zaskoczyliście mnie mnogością rozwiązań problemu nad którym się głowiłem w ciul czasu, użyłem pierwszy lepszy ten bez div-ów i faktycznie działa.

Mam tylko jeszcze jedno pytanko, jak mam zrobić aby ten obrazek jak i cała zawartość danej tabeli miała margines powiedzmy 9px po obu stronach.

Próbowałem całą tabelę objąć divem który miał margin-left: 9px; i margin-right: 9px; width: auto; ale to znowu powoduje iż margines mam po lewej a po prawej znika narożnik.

Dzięki serdeczne

To jeszcze raz w wymiononym wyżej sposobie próby stworzenia marginesów zouważyłem iż po lewej stronie uzyskuję prawidłowy margines, lecz po prawej cała strona wychodzi poza tabelkę, nic z tego nie kapuję, gdzie jest błąd?

[zero3]

Ja bym to zrobił bez CSS, tak:

bez css? skandal! i sztywne spacje!!! ech ide sie upić

[kava]

spróbuj użyć w cssie czegoś takiego...?

background: url(images/cien_l_t.png) top left no-repeat;

i analogicznie dla prawego

[kojot]

Uzyskać porządany efekt z obrazkiem już mi się udało ale jak w tej tabelce wyznaczyć margines w pixelach dla wszystkich elementów tam się znajdujących?

[kava]

Może daj linka, bo przyznam, że niezbyt rozumiem.

[kojot]

niestety linka dać nie mogę bo strona nie jest w sieci.

ale spróbuję jakoś zaprezentować.

jest tabela(czerwona) w której znajduje się następna(niebieska)

https://img132.imageshack.us/img132/5835/x9oe.jpg

coś takiego

<table>

<tr>

 <td>

       <table>   - tabela w której chcę zrobić marginesy 10px

        <tr>

         <td width="9"><img src="lewy.jpg"></td>              

         <td width="100%" background="srodek.jpg"></td>       -  kod Jeż-a

         <td width="9"><img src="pracy.jpg"></td>             /

       </tr>

      </table>

  </td>

 </tr>

</table>

No i właśnie chcę aby obrazek umieszczony w tabeli niebieskiej jak i reszta jej zawartości maiła marginesy po lewej jak i prawej 10px

Kurde mam nadzieję iż tym razem wytłumaczyłem poprawnie

Pozdrawiam.

[kava]

robisz w cssie:

.margines {margin: 0px 10px 0px 10px}

i wstawionym obrazkom nadajesz tę klasę (img src="obrazek" class="margines")

Albo

robisz .margines img {margin: 0px 10px 0px 10px}

i nadajesz klasę tabeli

<table class="margines">

I wówczas wszystkie obrazki w tej tabeli będą miały dane marginesy

*EDIT

Tylko że przy zastosowaniu kodu jeża marginesy beda dotyczyć także tych rogów, zatem:

1. Albo nie używasz kodu jeża i wsadzasz te rogi do css'a (rekomendowane)

2. Albo robisz <td class="margines">

3. Albo robisz klasę dla obrazków.

[nrm]

a najlepiej nie idz dalej z tabelami bo nie dośc, że właściwie to sie cofasz to jeszcze sobie namieszasz sporo.

pierwszy efekt o który pytasz, to o ile dobrze zrozumialem zwykla ramka (nie w sensie htmla, tylko wizualnie) ktora cos tam bedzie miala w narożach (np. zaokraglenia). jest to efekt spokojnie do zrealizowania w div i css

np.

https://www.albin.net/CSS/roundedCorners/

https://www.redmelon.net/tstme/4corners/

https://kalsey.com/2003/07/rounded_corners_in_css/

jak juz bedziesz miał to w css to drugi problem się sam rozwiąże bo np. ustawisz sobie padding w takim divie.

dobra rada: porzuć te jezowe tabelki, pomeczysz sie z cssem (na poczatku), pomeczysz, poklniesz, trafi cie nerwica aż któregoś dnia bedziesz mial wszystko w malym palcu i bedziesz z siebie zadowolony, że właśnie wtedy 21 lipca rzuciłeś te walone tabele

powodzenia

[Hellz]

Tak tak, css potrafi doprowadzić do białej gorączki, szczególnie jak zrobisz stronę pod FF a potem odpalisz pod IE Już miałem to wszystko pier... ć , ale jednak została w css i dobrze. Wyszły małe poprawki i skończyło się na ustawieniu 2 linijek w css, a w tabelkach bym miał poprawiania ok 50 podstron. Dlatego od razu weź się za css i nie baw się w tabele.