ďťż

[CSS] Wyśrodkowanie

       

Podstrony


telcocafe

Mam taki kod:
body { background-color: #F3F3E9; } div#naglowek { width: 743px; height: 95px; background: url(grafika/header.jpg); border-left: 1px solid Red; border-right: 1px solid Red; border-top: 1px solid Red; } div.menu { width: 743px; height: 44px; border-left: 1px solid Red; border-right: 1px solid Red; background: White; } div#text { background: White; width: 743px; border-bottom: 1px solid Red; border-left: 1px solid Red; border-right: 1px solid Red; }

Chcę żeby grafika ze wszystkich 3 divów była wyśrodkowana, jak to zrobić? Jak w body dodaje text-align:center; to mi potem wyśrodkowuje tylko tekst a ja chce grafike (całe divy)



Moze tak podaj kod html i pokaz jak to ma dokladnie wygladac/..

body {
text-align: center;
}

.div1 {
margin: 0 auto;
text-align: left;
}

.div2 {
margin: 0 auto;
text-align: left;
}

.div3 {
margin: 0 auto;
text-align: left;
}

Po co HTML? Przecież wystarczy:
div.... {
background: zastępczy kolor tła url(tlo.xxx) center center no-repeat;
}
Czyli np.:
background: #FFF url(tlo.jpg) center center no-repeat;




Mam taki kod:
body { background-color: #F3F3E9; } div#naglowek { width: 743px; height: 95px; background: url(grafika/header.jpg); border-left: 1px solid Red; border-right: 1px solid Red; border-top: 1px solid Red; } div.menu { width: 743px; height: 44px; border-left: 1px solid Red; border-right: 1px solid Red; background: White; } div#text { background: White; width: 743px; border-bottom: 1px solid Red; border-left: 1px solid Red; border-right: 1px solid Red; }

Chcę żeby grafika ze wszystkich 3 divów była wyśrodkowana, jak to zrobić? Jak w body dodaje text-align:center; to mi potem wyśrodkowuje tylko tekst a ja chce grafike (całe divy)

1. Nie powinno się dawać się dla id div#naglowek tylko #naglowek
2. Odp na twoje pytanie:

<style type="text/css">
<!--
#bleble { text-align: center;}
-->
</style>

<div id="bleble">

<!-- I tu dajesz wszyskie swoje pozostałe div-y -->

</div>


Nie powinno się dawać się dla id div#naglowek tylko #naglowek
Chwila, jak to nie powinno. Wg mnie jest to jak najbardziej poprawne.

Jeśli chodzi o problem, to nie wiem czy do końca rozumiem o co Ci chodzi, ale weź wszystkie divy w jeszcze jeden div i nadaj mu regułę:
margin: 0 auto;

Tutaj macie widok strony jak wygląda teraz tutaj, podejrzyjcie źródło i powiedzcie jak poprawić, żeby wszystko co jest w czerwonej ramce bylo wyśrodkowane, bo te rady, które daliście wyżej nie działaja, no chyba, że coś źle robie.

Nie wiem czy o to ci chodziło, ale:
CSS uzupełnij o:
body { background-color: #F3F3E9; text-align:center; } div.all { margin:auto; width: 743px; text-align:left;}
a treść strony ujmij w DIVA z klasą 'all'
<div class="all"> <div class="naglowek"> </div> <div class="menu"> <a href="http://witek010.789mb.com/cennik.html">Ofera cenowa</a> </div> <div id="text">ddddd<br>ggg&gt;</div></div>

Wielkie dzięki ta ostatnia porada rozwiązała mój problem:)

  • zanotowane.pl
  • doc.pisz.pl
  • pdf.pisz.pl
  • nvm.keep.pl

  • Sitedesign by AltusUmbrae.