ďťż

[css] Design bez tabel techniczne kłopoty

       

Podstrony


telcocafe

Witam.
Proszę serdecznie o pomoc:

1.
Jak wyśrodkować w pionie tekst?
Sądziłem, iż vertical-align: wystarczy.
Kod:
<div style="background-color: darkred; height: 75px; border: 1px solid red; text-align: center; vertical-align: middle;">Logo ówąż</div>

2.
Rozbicie na kolumny, gdzie tło służy tylko jako identyfikacja pola
może funkcjonować z procentowym rozmiarem?
Są lepsze sposoby rozbicia na dwie kolumny?
Kod:
<div style="background-color: gold;">
<div style="background-color: lightblue; border: 1px solid red; float: left; width: 69%">kolumna 1</div>
<div style="background-color: lightgreen; border: 1px solid red; float: right; width:30%">kolumna 2</div>
</div>

3.
Co dać w width, aby rozmiar ten był zależny od ustalonego rozmiaru kontenera.
Kod:
<div style="background-color: gold; clear: both; border: 1px solid blue;">
<div style="background-color: lightgreen; border: 0px solid red; float: left; width: ???;">kolumna 1</div>
<div style="background-color: lightblue; border-left: 1px solid red; float: right; width: 205px;">kolumna 2</div>
</div>

4.
Jest <div> a w nim pływający element.
Jak zrobić, by ten pływający element miał identyczną długość co <div>?



1. spróbuj:
text-align: middle;

2. tak może funkcjonować z procentowym rozmiarem. nie ma lepsze gorsze musisz dobrać w zależności od potrzeby. możesz podawać w procentach (%), pikselach (px) lub jednostkach względnych (em)

3. możesz dać width: auto

4. sądze, że podobnie jak w pkt. 3


1. spróbuj:
text-align: middle;

Nie działa ;) text-align: musi być center bo reguluje poziom i nie przyjmuje wartości middle.


3. możesz dać width: auto
Zależy mi aby tło nie kończyło się na długości tekstu, lecz by zajmowało całą powierzchnię.
Wartość: auto -> ustala szerokość zgodną z długością np. tekstu.
Jeśli tekst będzie krótki lub łamany, to tło będzie niepełne! i pojawi się luka kolorystyczna między dwoma kolumnami.


4. sądze, że podobnie jak w pkt. 3
Nie działa

w takim razie center :P zawsze mi się myli...właśnie rzuciłem okiem na jeden ze swoich plików i dając text-align mam ten efekt którego chcesz :) sorki za błąd ;]

to nie możesz pójść po najmniejszej linii oporu? ustaw szerokość zgodną z szerokością obrazu tła...to najprostsza i chyba najlepsza metoda.



Wszystko o centrowaniu w css

4. inherit?
Użytkownik Mathew edytował ten post 26 listopad 2006, 19:31
  • zanotowane.pl
  • doc.pisz.pl
  • pdf.pisz.pl
  • nvm.keep.pl

  • Sitedesign by AltusUmbrae.