Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> [css] centrowanie diva z obrazkiem
Sebastian003
post 27.12.2007, 16:19:16
Post #1





Grupa: Zarejestrowani
Postów: 282
Pomógł: 2
Dołączył: 22.03.2007

Ostrzeżenie: (0%)
-----


Mam mam wycentrowac div z obrazkiem oto kod

  1. <div class="belka"</div>


.belka
{
height:36px;
width:727px;
background:url(http://www.web-pc.pl/nowy/images/belka.png);
}
Go to the top of the page
+Quote Post
 
Start new topic
Odpowiedzi (1 - 9)
Lion_87
post 27.12.2007, 16:21:57
Post #2





Grupa: Zarejestrowani
Postów: 850
Pomógł: 120
Dołączył: 15.02.2007
Skąd: Łódź

Ostrzeżenie: (10%)
X----


polecam polecam:) poczytać kurs:)

-- EDIT by JaRoPHP
A ja polecam bardziej konkretne odpowiedzi. Jak wspominasz coś o kursach, to daj namiar na jakiś kurs, który omawia problem.
Odpowiedź podobna do tej, następnym razem zostanie potraktowana jako nabijanie postów.
Go to the top of the page
+Quote Post
Sebastian003
post 27.12.2007, 16:22:40
Post #3





Grupa: Zarejestrowani
Postów: 282
Pomógł: 2
Dołączył: 22.03.2007

Ostrzeżenie: (0%)
-----


Taka odpowiedz mnie nie satysfakcjonuje ;]
Go to the top of the page
+Quote Post
phpion
post 27.12.2007, 16:24:58
Post #4





Grupa: Moderatorzy
Postów: 6 072
Pomógł: 861
Dołączył: 10.12.2003
Skąd: Dąbrowa Górnicza




  1. margin: 0px auto;
Go to the top of the page
+Quote Post
Sebastian003
post 27.12.2007, 16:26:19
Post #5





Grupa: Zarejestrowani
Postów: 282
Pomógł: 2
Dołączył: 22.03.2007

Ostrzeżenie: (0%)
-----


Dawałem to ale to nie pomaga ;]
Go to the top of the page
+Quote Post
Lion_87
post 27.12.2007, 16:27:28
Post #6





Grupa: Zarejestrowani
Postów: 850
Pomógł: 120
Dołączył: 15.02.2007
Skąd: Łódź

Ostrzeżenie: (10%)
X----


Niemożliwe!

pokaż jak to dawałes
Go to the top of the page
+Quote Post
Nattfarinn
post 27.12.2007, 16:27:31
Post #7





Grupa: Zarejestrowani
Postów: 136
Pomógł: 22
Dołączył: 19.09.2007
Skąd: Sosnowiec

Ostrzeżenie: (0%)
-----


Centrowanie w poziomie problemu nie sprawi, za pomocą CSS:
Kod
position:relative;
margin:0px auto;


Jeśli jednak chodzi o centrowanie w pionie, to może być już pewien problem. Generalnie nie wiem jakrozwiązać to w sposób elegencki, ale jednym z wyjść (nie eleganckich) jest stworzyć jednokomówrkową tabelę o szerokości i wysokości 100%, z atrybutami align i valign.

Pozdrawiam,
Nattfarinn


--------------------
Code should run as fast as necessary, but no faster; something important is always traded away to increase speed.
-- R. Pattis
Go to the top of the page
+Quote Post
Sebastian003
post 27.12.2007, 16:29:06
Post #8





Grupa: Zarejestrowani
Postów: 282
Pomógł: 2
Dołączył: 22.03.2007

Ostrzeżenie: (0%)
-----


Kod
.belka
{
    height:36px;
    width:727px;
    background:url(http://www.web-pc.pl/nowy/images/belka.png);
    margin:0px auto;
}


Kod
<div class="belka"></div>


Tak dawalem
Go to the top of the page
+Quote Post
Lion_87
post 27.12.2007, 16:32:35
Post #9





Grupa: Zarejestrowani
Postów: 850
Pomógł: 120
Dołączył: 15.02.2007
Skąd: Łódź

Ostrzeżenie: (10%)
X----


no ja tak daje i działa

.belka
{
margin:0px auto;
height:36px;
width:727px;
background:url(http://www.web-pc.pl/nowy/images/belka.png);
}
Go to the top of the page
+Quote Post
Sebastian003
post 27.12.2007, 17:15:21
Post #10





Grupa: Zarejestrowani
Postów: 282
Pomógł: 2
Dołączył: 22.03.2007

Ostrzeżenie: (0%)
-----


Kod
<link rel="stylesheet" href="style.css" type="text/css">
<div class="belka"></div>
<br>
<table align="center" width="727" height="106" border="0" cellpadding="0" cellspacing="0">
    <tr>
        <td>
            <img src="images/p.png" width="727" height="6" alt=""></td>
    </tr>
    <tr>
        <td background="images/l.png" width="727" height="94" alt="" valign="top"></td>
    </tr>
    <tr>
        <td>
            <img src="images/m.png" width="727" height="6" alt=""></td>
    </tr>
</table>



css

http://kameleon.web-pc.pl/style.css

Go to the top of the page
+Quote Post

Reply to this topicStart new topic
1 Użytkowników czyta ten temat (1 Gości i 0 Anonimowych użytkowników)
0 Zarejestrowanych:

 



RSS Wersja Lo-Fi Aktualny czas: 20.07.2025 - 02:06