Autor Zpráva
darkwolf
Profil *
zdravim,
mam tri bloky div, kazdy s obrazkem na pozadi.. serazene vedle sebe, aby navazovaly.. takto:
#logo #ohyb {
  background: #54769c url('../img/ohyb.gif') no-repeat top left;
  width: 200px;
  height: 112px;
  float: left; clear: left;
}

#logo #vertikal {
  background: #54769c url('../img/vertikal.gif') repeat-x top left;
  float: left; clear: right;
  width: 359px;
  height: 112px;
}

#logo #logo {
  background: #54769c url('../img/logo.gif') no-repeat top left;
  float: right; clear: right;
  width:341px;
  height: 112px;
}

zadelavam si tak v budoucnu na problemy? hodlam totiz jeste na strance pouzivat absolutni a relativni pozicovani. bylo by lepsi, kdybych hlavicku prepsal tak, ze natvrdo vlozim obrazky do html kodu (s nastavenim paddingu a marginu na 0, aby navazovaly), nez to delal pres plovouci prvky s nastavenym pozadim? cili radsi bych to prepsal ted, nez abych si zpusobil problemy v budoucnu.

za rady dekuji.
Str4wberry
Profil
Můžeš ještě přidat HTML kód? Jinak se mně moc nezdá: „#logo #logo“.
Jan Tvrdík
Profil
Obecně bych řekl že zápis #neco #neco2 je nesmyslný, protože id musí (mělo by) být jedinečné, takže logičtější je psát pouze #neco2.
darkwolf
Profil *
Str4wberry
jiste.. tu nepresnost s #logo #logo jsem opravil, takze cely kod je takovy..
CSS
-----
#hlavicka #ohyb {
 ...
}

#hlavicka #vertikal {
...
}

#hlavicka #logo {
 ...
}

<body>
  <div id="kontejner">
    
    <div id="hlavicka">
      <div id="ohyb">&nbsp;</div>
      <div id="vertikal">&nbsp;</div>
      <div id="logo">&nbsp;</div>
    </div>
  
    <div id="jazyky">
       ...
    </div>

    <div id="obsah">

      <div id="...">
       </div>
...atd
darkwolf
Profil *
Jan Tvrdík
tj pravda, psal jsem to jen z hlediska lepsi pozdejsi orientace v css.. (mne to tak prijde) jinak uznavam, ze je to zbytecny zapis

Vaše odpověď

Mohlo by se hodit


Prosím používejte diakritiku a interpunkci.

Ochrana proti spamu. Napište prosím číslo dvě-sta čtyřicet-sedm: