Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [CSS]Problem z formatowaniem tekstu
Forum PHP.pl > Forum > Po stronie przeglądarki > HTML \ XHTML
lysy1033
Witam. Mam problem z pionowym centrowaniem tekstu. Chodzi o tekst znajdujący się po prawej stronie od loga "Strona w budowie..."
tekst siedzi w divie o nadanej na sztywno wysokości i szerokości. W tym divie jest tez obrazek pełniący rolę linku.
tutaj jest strona:
Łaszczów

A tutaj css:
css

Problem jest z LayTop
grzesiek_g
  1. <div id="LayTop">
  2. <a href="http://elaszczow.pl"><img src="images/logo.jpg" alt="Łaszczów" title="Strona główna"/></a>
  3. <p>Strona w budowie...</p>
  4. </div>

i css:
  1. #LayTop {
  2. background: url(../images/bw.jpg) repeat-x;
  3. height: 58px;
  4. clear: both;
  5. float: right;
  6. width: 890px;
  7. color:#fff;
  8. font-size: 14px;
  9. font-family: Tahoma;
  10. margin-bottom: 5px;
  11. position:relative;
  12. }
  13. #layTop p {
  14. position:absolute;
  15. bottom:20px;/*te dwie wartości dałem na "oko", jak poprawisz sobie html to je ustawisz*/
  16. left:220px;
  17. }

Trochę jest błędów w budowie, np dla main powinieneś dać margin:0 auto, bloki wewnątrz ustawiać za pomocą float (najczęściej left)... Do wszystkiego używasz div-ów, zapominając o innych znacznikach, ale dość tego - nie prosiłeś o ocenę:)

//edit
A vertical-align jest dla elementów które sa wyświetlane jako table, czyli tabele i wszystkie którym nadamy: display:table - ale nie działa to w IE (konieczne są na to hacki).
lysy1033
no i nie działa. wprowadziłem twoje zalecenia w życie i tekst nie jest 220px od lewej strony. Na dobrychprogramach napisali mi, że jest przyklejony do obrazka i radzą ustawić całą grafikę w top jako tło. a ja chce mieć logo jako link dlatego zostawiłem jak jest. Teraz dalej mam problem z tym napisem. co z tym można zrobić?

jesli mógłbyś mi wyjaśnić jakie to błędy są to usunę.
grzesiek_g
Ale tego nie wprowadzileś:
  1. #layTop p {
  2. position:absolute;
  3. bottom:18px;
  4. left:280px;
  5. margin:0;
  6. }

W dodatku troszkę skorygowałem te wartości.
lysy1033
no jak to nie? jest to 3 styl z koleji w arkuszu. Jakies to takie problematyczne. wartości skorygowane wprowadziłem również i dalej efekt jest daleki od zamierzonego.

//edit
Ok to mamy diva LayTop który ma tło i obrazek w linku. czy nie można do tego normalnie dopisać tekstu? cięzko jakoś mi to zrozumieć.
grzesiek_g
Mój błąd wynika z przyzwyczajenia do nadawania innych nazw dla id (z małych liter), ale też sam nie poprawiłeś. Ma być LayTop p, a nie layTop p.
lysy1033
kolego dzieki wielkie nawet na oko bardzo dobrze trafiles w miejsce gdzie ma byc tekst. Dzięki wielkie. juz wiem o co w tym chodzi. Działa dobrze.
To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.
Invision Power Board © 2001-2025 Invision Power Services, Inc.