Pozícia <p> v CSS

Programovacie jazyky, rady, poradňa...
Innocence
VIP
VIP
Používateľov profilový obrázok
Príspevky: 2451
Registrovaný: 05 jan 2008, 10:16
Bydlisko: Bratislava

Pozícia <p> v CSS

Príspevok od používateľa Innocence »

Ahojte, ospravedlňujem sa za ďalšiu tému, ale mám ešte posledný problém, ktorý by som potreboval vyriešiť.

Web zatiaľ vyzerá takto - http://www.fajnball.com/centrum/ - kamarát, pre ktorého to robím, ale povedal, že by chcel menu na ľavej strane. Ja ale ani bohovi neviem, ako ho tam dať, aby to nerozhádzalo celú stránku. Chcel by som ho teda dať namiesto columnov "Ponuka krúžkov" a "Vítame vás" - aby to vyzeralo možno nejako takto: http://www.fajnball.com/nalavo/

Potreboval by som teda vertikálne rozdeliť svoj web na dve časti, v ľavej by boli dva columny s menu, v pravej zase ľubovoľný počet columnov (napr. TRI alebo JEDEN - ale tak, aby začínal zvrchu, nie zo stredu, ako na tom about.html).

Vedel by mi s tým niekto pomôcť? Teda.. Ide o to, aby menu bolo nezávislé od tých pravých blokov.
audiotrack
VIP
VIP
Používateľov profilový obrázok
Príspevky: 25958
Registrovaný: 09 sep 2005, 18:39
Kontaktovať používateľa:

Re: Pozícia <p> v CSS

Príspevok od používateľa audiotrack »

Kód: Vybrať všetko

<p align="center">
zmeň na

Kód: Vybrať všetko

<p style="margin:auto;width:1050px">
a tomu spanu s menu pridaj do style ešte

Kód: Vybrať všetko

float:left;
weroro
Flash coder
Flash coder
Používateľov profilový obrázok
Príspevky: 3206
Registrovaný: 14 feb 2009, 22:34
Bydlisko: Bratislava
Kontaktovať používateľa:

Re: Pozícia <p> v CSS

Príspevok od používateľa weroro »

Prečo máš <div id='cssmenu'> vložený v head a nie v body? Presuň to.
audiotrack
VIP
VIP
Používateľov profilový obrázok
Príspevky: 25958
Registrovaný: 09 sep 2005, 18:39
Kontaktovať používateľa:

Re: Pozícia <p> v CSS

Príspevok od používateľa audiotrack »

weroro napísal:Prečo máš <div id='cssmenu'> vložený v head a nie v body? Presuň to.
ja tam nič také nevidím. Ale má tam napríklad <style> niekde pri spodu stránky, čo má byť v head. A nemá ukončené </html> a podobné nedostatky
Aiden
Darca
Darca
Používateľov profilový obrázok
Príspevky: 2213
Registrovaný: 06 apr 2007, 14:28

Re: Pozícia <p> v CSS

Príspevok od používateľa Aiden »

Innocence Nechcel by si pouzit ako zaklad takejto stranky napriklad Twitter Bootstrap / Gumby? Takyto typ webu urobis celkom lahko responsive, co by ludia ucite ocenili. Viz. http://www.fajnball.com/centrum/ - pri mensich rozliseniach ti to rozhadze horny navbar a aj tie divy s obsahom su rozbordelovane. Navyse by ti to jednoducho vyriesilo aj tvoju otazku.
weroro
Flash coder
Flash coder
Používateľov profilový obrázok
Príspevky: 3206
Registrovaný: 14 feb 2009, 22:34
Bydlisko: Bratislava
Kontaktovať používateľa:

Re: Pozícia <p> v CSS

Príspevok od používateľa weroro »

Audio:
zdroj.png
Ten style ani tak nevadí, špecifikácia to nezakazuje, skôr je pri tom chyba, že nie je určený type="text/css" a rovnako nemá v meta určené, že používa inline štýly.
Tú chýbajúcu ukončovaciu značku som si ani nevšimol, dobrý postreh.
Používa XHTML ale dokument odosiela s hlavičkou text/html a nie application/xml resp. application/xhtml, takže je tá stránka aj tak prehliadačom rozoberaná ako obyčajné html, čiže technicky vzato sú aj lomítka na konci tagov chybne (net zápis), keďže v špecifikácii html (podľa ktorého je daný dokument rozoberaný) je možné tag ukončiť lomítkom alebo > ak je tam ale toto /> je to 2x ukončovacia značka.

XHTML dokument s hlavičkou application/xml kde chýba jedno lomítko http://temp.weroro.sk/pcf/pcf-xhtml-wrong.php
a ten istý dokument, bez chybný http://temp.weroro.sk/pcf/pcf-xhtml.php
Takto by sa mal správať chybný XHTML dokument.

Ale dosť o tom, on sa pýtal na niečo iné. :D
Napísať odpoveď