Skocz do zawartości

trzy obrazy w rzędzie

kojot

Przez kojot
w HTML i CSS

Rekomendowane odpowiedzi

kava Newbie

kava

Opublikowano
Opublikowano
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

Zaprawdę powiadam wam, Normanosa słuchajcie, albowiem prawdziwe są słowa jego

La Palma tu żyję.

Strony www, ilustracja to robię.

Link Vault jest spoko.

Odnośnik do komentarza
Udostępnij na innych stronach
  • Odpowiedzi 34
  • Dodano
  • Ostatniej odpowiedzi
Hellz Newbie

Hellz

Opublikowano
Opublikowano

Kurde, właśnie zauważyłem, że nie zapisałem daty zerwania z tabelkami... Eh, i jak tu teraz będę obchodził rocznicę tego wiekopomnego wydarzenia ?:|

Dała matka rozum? To kombinuj.

Odnośnik do komentarza
Udostępnij na innych stronach
mrtn Newbie

mrtn

Opublikowano
Opublikowano

A co myślicie o takim rozwiązaniu ?

w CSS


body   {background: url(ob1.gif) no-repeat left top;}

#body1 {background: url(ob2.gif) no-repeat center center;}

#body2 {background: url(ob3.gif) no-repeat right bottom;}

A htmlu:


<body><div id="body1"><div id="body2">

...

</div></div></body>

jak zawartość strony nie będzie miała zawsze 100% to można dodać do #body1 i 2 width:100%;

Odnośnik do komentarza
Udostępnij na innych stronach
jez Newbie

jez

Opublikowano
Opublikowano
porzuć te jezowe tabelki

Ejjjjjj! :)))

Nie moja wina że przez ostatnie 10 lat robiłem w tabelkach. :)

Oczywiście, robię teraz w css prawie wszystko co się da. I nierzadko 30% kodu to kod znaczników tabelek. :)

... ale już robię spore postępy. Parę miechów temu zacząłem używać błogosławieństwa float i inline. ;)

Pozdrawiam, J. :)

Odnośnik do komentarza
Udostępnij na innych stronach
zYm3N Newbie

zYm3N

Opublikowano
Opublikowano

mrtn: używaj tabulatorów.. ładnie zrobiłeś css, ale już zagnieżdżanie w kodzie htmlzrobiłeś fatalnie ;-)

Jak tab zajmuje Ci dużo kodu, to przed wypluciem zawartości dawaj usuwanie tego jednego znaczka ;-) (jeśli robisz na szablonach).

pozdr.

usługi ślusarskie, frezowanie, spawanie, toczenie, zduny obróbka metalu,

https://dev-blog.zymen.net

Odnośnik do komentarza
Udostępnij na innych stronach
kojot Newbie

kojot

Opublikowano
  • Autor
Opublikowano

Dzięki wielkie za pomoc, ale jeszcze chcę pozawaracać głowę :) po prostu staram się to zrozumieć.

Próbuję więc z css, powiedzcie gdzie jest błąd? dlaczego mi nie wyświetla zawartości tej tabeli?

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



<tr valign="top">

   	<div id="cieng">

     <div class="ciengl"></div>

     <div class="ciengm"></div>

     <div class="ciengr"></div>

     

   	</div>

</tr>

</table>

div.cieng {margin-left: 9px margin-right: 9px width: auto;}

div#cieng div.ciengl {background: url(images/cien_l_t.png) no-repeat left top;}

div#cieng div.ciengm {background: url(images/cien_t.png) repeat-x center;}

div#cieng div.ciengr {background: url(images/cien_r_t.png) no-repeat right top;}

Instalacja Nienadzorowana XP

Odnośnik do komentarza
Udostępnij na innych stronach
kava Newbie

kava

Opublikowano
Opublikowano

na przykład tak:


.ciengl {width: 9px; height: 9px; background: url(lewa.jpg) no-repeat left top; display: inline; float: left}

.ciengm {width: 100px; height: 9px; background: url(srodek.jpg) repeat-x left top;  float: left}

.ciengr {width: 9px; height: 9px; background: url(prawa.jpg) no-repeat right top;  float: left}

.content {width: 118px; height: 200px; background: #ccc}


<div class="content">

<div class="ciengl"></div>

<div class="ciengm"></div>

<div class="ciengr"></div>



Tekst

</div>

Teraz to już masz kavę na łavę.

La Palma tu żyję.

Strony www, ilustracja to robię.

Link Vault jest spoko.

Odnośnik do komentarza
Udostępnij na innych stronach
kava Newbie

kava

Opublikowano
Opublikowano 


.ciengl {width: 9px; height: 9px; background: url(lewy.jpg) no-repeat left top; display: inline; float: left}

.ciengm {width: 100%; height: 9px; background: url(srodek.jpg) repeat-x left top;  float: left}

.ciengr {width: 9px; height: 9px; background: url(prawy.jpg) no-repeat right top;  float: right}

.content {width: 100%px; height: 200px; background: #ccc}




<body>





<div class="content">



<div class="ciengm">

<div class="ciengl"></div>

<div class="ciengr"></div>

</div>





Tekst

</div>



</body>

La Palma tu żyję.

Strony www, ilustracja to robię.

Link Vault jest spoko.

Odnośnik do komentarza
Udostępnij na innych stronach
kojot Newbie

kojot

Opublikowano
  • Autor
Opublikowano

Niby takie proste, a jednak trudne :)

Dzięki ogromne, już prawie wszystko wiem!

Dziwne jest tylko wyświetlanie IE który pod tym obrazkeim dodaje kilko pixelowy margines :? nie wiedzieć czemu

Co do wcześniejszych pytan zwiazanych z marginesem, objełem całą tabelę w div-a

div.roundbox {

 margin-left: 9px;

 margin-right: 9px;

 width: auto;

I jest prawidłowo w operze i firefox, ale w IE poza tym margonesem, to obrazek wychodzi z prawej poza tabelkę.

No dobra ale i tak mi dużo pomogliście.

Dziękuję ślicznie

pozdrawiam.

Instalacja Nienadzorowana XP

Odnośnik do komentarza
Udostępnij na innych stronach

Zarchiwizowany

Ten temat przebywa obecnie w archiwum. Dodawanie nowych odpowiedzi zostało zablokowane.

Tematy

  • Ostatnio przeglądający   0 użytkowników

    • Brak zarejestrowanych użytkowników przeglądających tę stronę.
×
×
  • Dodaj nową pozycję...

Powiadomienie o plikach cookie

Umieściliśmy na Twoim urządzeniu pliki cookie, aby pomóc Ci usprawnić przeglądanie strony. Możesz dostosować ustawienia plików cookie, w przeciwnym wypadku zakładamy, że wyrażasz na to zgodę. Warunki użytkowania Polityka prywatności