Pomoc - Szukaj - U¿ytkownicy - Kalendarz
Pe³na wersja: [HTML][CSS][XML] Problem z op³ywaniem
Forum PHP.pl > Forum > Przedszkole
-arczi82-
Witam mam nastêpuj±cy problem. Usi³uje op³yn±æ zdjêcie poprzez "float:" i o ile tekst op³ywa obraz to stronka siê lekko rozpiepsza, nie stosuje hspace ani align przy którym wszystko dzia³a³o, gdy¿ nie jest to zgodne ze specyfikacja xhtml strict, której u¿y³em.
Powy¿szy problem mo¿na zobaczyæ tu
Zamierzonym celem jest wy¶rodkowanie tekstu po prawej stronie obrazka.

Poni¿ej kod css
Kod
html {height: 100%; margin: 0; padding: 0; padding-bottom: 1px; }
body {
    background-image: url("img/bg.jpg");
    margin: 50px auto;
    width: 800px;
    font: 75%/120% Arial, Helvetica, sans-serif;
    color: #fff;
    overflow: auto;
}

.accordion {
    width: 780px;
    border-top: dotted 1px #fff;
    padding: 0px 0px;
   }

.accordion h3 {
    height: 15px;
    color: #e2e0e0;
    padding: 7px 15px;
    background-image: url("img/slider.png"); /*no-repeat right -51px;*/
    background-repeat: no-repeat;
    background-position: right;
    margin: 0px 0 0 0;
    font: bold 120%/100% Arial, Helvetica, sans-serif;
    /*border-top: dotted 2px #fff; */
    border-bottom: dotted 1px #fff;
    cursor: pointer;
       float: none;
}
.accordion h3:hover {
     margin: 0px 0 0 0;
     color: #fff;
     }

.accordion h3.active {
    background-position: right 5px;
    margin: 0px 0 0 0;
        border-bottom: dotted 1px #fff;
       color: #fff;
    float: none;
}    
.accordion div {
    margin: 10px 0 0 0;
    padding: 0px 15px 20px;
    border-bottom: none;
}


H4 {
Color: #e2e0e0;
}


#intro img {
float: left;
}

#galeria{
color: fff;
}

#footer {
margin-top: 280px;
padding-top: 10px;
border-top: dotted 1px #fff;
text-align: center;
}


Pozdrawiam
Ar2r
Mo¿esz wypróbowaæ nastêpuj±ce rozwi±zanie:
1. do #intro dodaj float: left;
2. je¶li bêdzie umieszczona jedna linia tekstu ustaw line-height na wysoko¶æ obrazka
arczi82
Jak widzisz w css mam ustawione tak jak mówisz, a jednak dalej co¶ nie gra, zerknij w linku i poklikaj.

Dziêkujê za wszelak± pomoc.
m
kiedy zagl±dam w ¼ród³o strony to widzê 2 x element DOCTYPE, 2 x sekcjê HEAD (u samej góry i jakie¶ 10 cm ni¿ej w sekcji BODY)
arczi82
Co do sekcji head, body, to ju¿ poprawi³em. problem byl w tym i¿ includuje pliki, które mia³y zdeklarowane body i head. Natomiast nadal nie poradzi³em sobie z tym float: left sad.gif
Ar2r
No dobra to teraz albo daj dla #intro width: 780px; albo .accordion h3 zamiast float: none; daj clear:left;
arczi82
Dzieki wielkie, "clear: left" pomog³, a jak ustawic teraz ten tekst aby by³ wysrodkowany i w pionie i w poziomie?

Pozdrawiam
Maxik
Mo¿e text-align i vertical-align?
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.