ďťż

Div'y... Wytłumaczcie jak krowie !

       

Podstrony


telcocafe

Witam.
Proszę o pomoc.
Zakłądam,że chcę zbudować stronę oparta na div'ach.
Jak zatem będzie wyglądał szkielet ?
Mam przygotowane logo,ale nie wiem jak go wycentrować w css bez pomocy <center>,czy to mozna tak ?

#logo
{align:center;
}
nastębnie w body
<div id="logo">...logo...</div> .
Im dalej,tym się gubię :huh:
Proszę o wyrozumiałośc,pozdrawiam.



a nie lepjej:
<span style="margin:auto;"> ...logo... </span>
A gdy sie uprzesz na div'ach i css to:
.center{ margin:auto;}
<div class="center"> ...logo... </div>
Użytkownik Zaper edytował ten post 17 luty 2006, 17:55

Witam.
Proszę o pomoc.
Zakłądam,że chcę zbudować stronę oparta na div'ach.
Jak zatem będzie wyglądał szkielet ?
Mam przygotowane logo,ale nie wiem jak go wycentrować w css bez pomocy <center>,czy to mozna tak ?
nastębnie w body.
Im dalej,tym się gubię  :huh:
Proszę o wyrozumiałośc,pozdrawiam.

Zaper.
Tak nie działa jak piszesz,logo nie jest wycentrowane,a robię jak napisałeś i mam to...:


<div class="center"><img src="logo.gif"></div>
Dalej po lewej stronie.
Użytkownik pyot edytował ten post 17 luty 2006, 18:02


body {  text-align: center; } div#logo {  width: 770px;  margin: 0 auto;  text-align: left; }

Spróbuj tak:

CSS:
body { margin: 0; padding: 0; } div#center { margin: 0 auto; }

xHTML:
<div id="center"><img src="" alt="" /></div>


body {  text-align: center; } div#logo {  width: 770px;  margin: 0 auto;  text-align: left; }


Coś drgnęło :)
Tylko niech ktos cierpliwie mi wtłumaczy,jakimi atrybutami to robić (div=pozycjonowanie),bo kiedy z ww kodu usuwam width: 770px; to logo wraca na left ! A przecież jego wielkośc jest ustalona "fabrycznie (loga).
Dzięki.

Właściwie to nie z tego powodu,oto fragment kodu ( ćwiczenie):

<STYLE TYPE="text/css"> <!-- body { background:#FFFFF0; } p { font-family:Comic Sans MS;Lucida Sans Unicode; font-size:15; text-align:center; } #logo { width: 770px; margin: 0 auto; } --> </STYLE> </HEAD> <BODY>    <div id="logo"><img src="logo.gif"></div>           <p>Co¶ tu jest napisane,co¶ tu jest napisane,co¶ tu jest napisane...<br />           Co¶ tu jest napisane,co¶ tu jest napisane,co¶ tu jest napisane...<br />           Co¶ tu jest napisane,co¶ tu jest napisane,co¶ tu jest napisane...<br />         Co¶ tu jest napisane,co¶ tu jest napisane,co¶ tu jest napisane...<br />     Co¶ tu jest napisane,co¶ tu jest napisane,co¶ tu jest napisane...<br />  Co¶ tu jest napisane,co¶ tu jest napisane,co¶ tu jest napisane...<br />    Co¶ tu jest napisane,co¶ tu jest napisane,co¶ tu jest napisane...</p><br /> </BODY> </HTML>

W tej chwili div 3ma logo na środku,ale jeżeli usune z #logo ten fragment width: 770px; to ponownie wjeżdza w lewo !
O co chodzi jakby ?

A nie możesz po prostu zrobić tak:
#logo { margin: 0 auto; text-align:center; }

to przecież wycentruje Ci obrazek!!!

Asiedemfauosiemiks...:)
No działa.
Dzięki.

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

  • Sitedesign by AltusUmbrae.