Autor Zpráva
Petr2233
Profil *
Zdravím,
potřeboval bych pomoci s tímto: mám návrh webu, kde je v patičce vertikální čára přes celou šíři obrazovky a v patičce dva boxy takto:


Ale když bude screen hodně malý, chtěl bych, aby patička fungovala takto:


Přitom boxy mají být na středu.

Vím, jak udělat HTML markup pro desktop, aby to bylo správně na desktopu (když jsou boxy vedle sebe) ale pak jakýmkoliv nastavením CSS nezměním to, abych měl ten druhý nadpis nad druhým boxem. Jinak řečeno, nyní to mám přibližně takto:

<div style="width=100%; border-bottom: 1px solid #000;">
   <div style="width: 780px; margin: 0 auto;">
      <div style="width:50%; float: left; text-align: left;">
         <h2>Kontakt</h2>
      </div>
      <div style="width:50%; float: left; text-align: right;">
         <h2>Adresa</h2>
      </div>
   </div>
</div>
<div style="width=100%;">
   <div style="width: 780px; margin: 0 auto;">
      <div style="width:50%; float: left; text-align: left;">
         <p>Tady je kontakt</p>
      </div>
      <div style="width:50%; float: left; text-align: right;">
         <p>Tady je adresa</>
      </div>
   </div>
</div>


Předem moc díky za tipy, jak na to.
juriad
Profil
Nějak takto?
http://kod.djpw.cz/qaeb


A ta čára je horizontální (vodorovná). Vertikální by znamenala svislá.
Chamurappi
Profil
Reaguji na Petra2233:
kde je v patičce vertikální čára přes celou šíři obrazovky
Vertikální znamená svislá, zeshora dolů. Očividně chceš spíš čáru horizontální.

width=100%;
Tento zápis uvnitř style se bude ignorovat, mezi vlastnost a hodnotu patří dvojtečka.
Tomáš123
Profil
Petr2233:
Aj ja som urobil ukážku:
Kód
Živá ukážka
Petr2233
Profil *
Chamurappi
Jsem vůl, jistěže jsem chtěl napsat horizonátální :D . Stejně tak to "=". Oboje jsou to překlepy.

juriad
Díky, to je přesně to co jsem chtěl udělat :))


juriad:
Ano, to je téměř to co chci, až na to, že ty dva "boxy" - nadpis + "obsah" chci mít v "desktopové" verzi na středu stránky - například v 780px širokém bloku.

Chamurappi:
Jistě, chtěl jsem napsat horizontální. A "=" je taky překlep. Díky za upozornění.


Upravil jsem to takhle. http://kod.djpw.cz/abeb

Co na to říkáte?

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:

0