Autor Zpráva
Anonymus
Profil *
dobrý den, chtěl bych se zeptat, jak na stránkách www.the-beatless.sweb.cz nastavim menu a celej vzhled, aby to bylo podobný stránkám aldevelopment.eu
chci stejný rozložení menu, barvu za textem atd. jeli možno celej kód kterym to natavim
Taurus
Profil
Stránky nefungují. Pokud chceš mít podobné menu, stačí zobrazit zdrojový kód a překopírovat k sobě. K tomu nejsme potřeba. A taky studovat css na www.jpw.cz, kde se pěkně píše vše potřebné.
Petr ZZZ
Profil
Anonymus:
Podívej se, jaké jsou na té stránce tagy (rejstřík HTML tagů), třídy a identifikátory a co je napsané v CSS. Pokud jsi ale ještě nikdy nic nekódoval nebo s tím teprve začínáš, připrav se na to, že máš následujících několik týdnů až měsíců co dělat. A mysli také na autorská práva a na to, že inspirovat se a kopírovat není totéž.
Anonymus
Profil *
no sou to stránky spolužáka takže ten mě stad žalovat nebude... no a zdrojovej kód sem sice zkopíroval, ale jestli má to style.css uložený v compu tak mi to snad ani jít nemá ne ? potřeboval bych ten kód co nejrychlejch a rozhodně na to nemam týdny až měsíce... a vůbec nevim kde to seženu


ty spolužákovy stránky sou tyhle http://aldevelopment.eu/beastie_boys/index.html
Taurus
Profil
Dívalo ses na ty odkazy, co jsi dostal? Co ten zdrojový kód, nešel přesunout k tobě? V čem byl problém? Nějaká snaha?
Anonymus
Profil *
jo tohle sem si už četl ale to je jen pozadí a vzhled stránky, pozadí, obrázek na pozadí atd. nikde sem tam nevyčetl něco o přizpůsobení menu vlastní představě, takže netušim jak na to
Fisir
Profil
Reaguji na Anonyma [#9]:
netušim jak na to
Do zdrojového kódu jsi se díval?

<div class="menu">
    <ul>
        <li><a href="index.html">Úvod</a></li>
        <li><a href="galerie.html">Galerie</a></li>
        <li><a href="historie.html">Historie</a></li>
        <li><a href="diskografie.html">Diskografie</a></li>
    </ul>
</div>
div.menu
{
 text-align: center;
}

.menu li {
  list-style-type: none;
  float: left;
  margin: 5px;         
}

.menu ul {
          width: 300px;
          margin: 0px auto;
}
Anonymus
Profil *
tohle tam někde je ? že by tam tohle bylo to sem si teda nevšim, ale asi nevim kam se dívat
Fisir
Profil
Reaguji na Anonyma [#11]:
První část (do </div>) je v samotném HTML, ostatní je v samostatném CSS souboru.
Anonymus
Profil *
no už sem tam měl nějakej kód takže to teď vypadá takle :
p    {text-indent: 30px; margin: 20px 0px 0px 0px; }
 a        {text-decoration: none}
 a:link   {color: blue}
 a:visited {color: navy}
 a:active {color: red}
 a:hover  {color: red; text-decoration: underline}
 h2     {color: blue; font-style: italic}
 h1    {color: green; text-align: center}
div.menu
{
 text-align: center;
}
 
.menu li {
  list-style-type: none;
  float: left;
  margin: 5px;         
}
 
.menu ul {
          width: 300px;
          margin: 0px auto;
}

jen jeden problém tam je, že ten h1 nadpis není pod tím menu ale vedle něj


a ještě jedna otázka, chtěl bych tam dát pozadí a na to sem si našel tenhle kód:
<style>
 body {
 background-image: URL('pozadi.gif'); /* obrázek na pozadí */
 background-attachment: fixed; /* pozadí neroluje */
 background-color: black; /* případná barva pozadí černá */
 color: white; } /* bílý text */
 </style>

to se dává taky do toho CSS souboru ? kdyžtak jak bych měl správně sformovat kód aby to fungovalo ?
Rfilip
Profil
do css bez toho <style> a </style>
Anonymus
Profil *
a eště jedna věc, jakym příkazem vycentruju veškerý obrázky a text doprostřed ? nebo příkaz na vymezení odkud kam bude text+obrázky... to proto že sem si vybral na pozadí obrázek, kterej má uprostřed volnou plochu a v okrajích už sou nějaký obrázky, a v tom nechci mít text ani nic dalšího
Rfilip
Profil
text a obrazky si dej do divu, v css vlastností margin si nastav okraje(šířku obrazkové plochy v tvém obrázku)
Anonymus
Profil *
nojo to se lehce řekne ale člověk co v tom zrovna moc neumí to težko provede.
hele tady je kód co mam v css, co tam mam tedy připsat ? kdyžtak pak rozsah si můžu upravit
p    {text-indent: 30px; margin: 20px 0px 0px 0px; }
 a        {text-decoration: none}
 a:link   {color: blue}
 a:visited {color: navy}
 a:active {color: red}
 a:hover  {color: red; text-decoration: underline}
 h2     {color: blue; font-style: italic}
 h1    {color: green; text-align: center}
div.menu
{
 text-align: center;
}
 
.menu li {
  list-style-type: none;
  float: left;
  margin: 5px;         
}
 
.menu ul {
          width: 300px;
          margin: 0px auto;
}
Rfilip
Profil
text a obrázky máš v jakém tagu?
Anonymus
Profil *
nevim teď jak to myslíš, ale obrázky mam v kódu takle :
<a href="alb1.html"><img src="Album1maly.jpg" alt="album" /></a><p><strong>Please Please Me (1963)</strong></p>
Petr ZZZ
Profil
Anonymus:
Tobě chybí naprosté základy, ty najdeš na stránkách Jak psát web. Podívej se tam nejdřív na základní kurz.

V naprosté zkratce:
Potřebuješ HTML a CSS. To jsou dva různé jazyky. V HTML je psaný přímo ten soubor, který vidíš v prohlížeči jako nějakou stránku. CSS je doplněk k HTML, kterým se určuje, jak ty stránky vypadají (sloupec vlevo nebo vpravo, modré nebo zelené písmo, obrázkové pozadí atd...). CSS může být začleněno do souboru HTML buď přímo, nebo je v externím souboru, na který se ten HTML soubor jen odvolává.

Podívej se na kód jednoduchého schématu stránky. Tam je CSS přímo v hlavičce stránky, mezi tagy <style> a </style>. Dáš-li CSS do externího souboru (ten musí mít koncovku .css), píšeš přímo jednotlivé deklarace, bez těch tagů <style> a </style>.
Anonymus
Profil *
já vim, že se v tom zrovna dcakrát neorientuju, ale jediný co mi už chybí je to vycentrování na střed. ty stránky musej bejt do zejtra hotový, takze me tlací čas jinak bych si to přečetl. takže jestli by mě někdo mohl poradit s tim kódem byl bych vděčnej
Rfilip
Profil
Anonymus: Html:
<div class="obsah"><a href="alb1.html"><img src="Album1maly.jpg" alt="album" /></a><p><strong>Please Please Me (1963)</strong></p></div>
Css:
.obsah {
            margin: 0 20px 0 20px;
}
levých 20px = šířka levé obrázkové části obrázku
pravých 20px = šířka pravé obrázkové časti obrázku
jenikkozak
Profil
Rfilip:
levých 20px = šířka levé obrázkové části obrázku
pravých 20px = šířka pravé obrázkové časti obrázku
Obráceně. Pořadí je: horní, levý, spodní, pravý.
Edit: Napsal jsem to blbě, promiň. Pořadí je: horní, pravý, spodní, levý - takže to, co je v zápisu vlevo, je pravý okraj, to, co je vpravo, je levý okraj. Ty to máš obráceně.
Rfilip
Profil
jenikkozak:
Ne, pořadí je horní pravý spodní levý
Viz zde www.w3schools.com/cssref/pr_margin.asp
Anonymus
Profil *
nojo obrázek je zhruba tam kde by měl být ale text není... já spíš myslel něco co dám do head toho html kódu a celá ta stránka bude centrovaná na střed... ne jen jeden obrázek
Rfilip
Profil
ty myslíš i ten podkladový obrázek?
Anonymus
Profil *
ja myslim uplně všechno aby bylo centrovaný na střed a tak 5cm od kraje ke středu stránky nebylo vůbec nic, stejně jako na http://aldevelopment.eu/beastie_boys/index.html
Amunak
Profil
Rfilip:
Moc nechápu, o co se snažíš. Anonymus očividně nemá ambice se něco naučit - jen "co nejrychleji potřebuje stránky".

.obsah {
margin: 0 20px 0 20px;
}
Co takhle jen
.obsah {
  margin: 0 20px;
}
?
Rfilip
Profil
já jsem myslel že ten jeho podkladový obrázek není na obouch stranách stejne široký


myslím že tu řešení v tomto vlákně najdeš :)
Anonymus
Profil *
a neřikal sem že to je do zejtra ? tak kdy se to mam asi tak naučit ?
Amunak
Profil
Anonymus:
Teď už toho asi moc nestihneš. Předpokládám, že to byl nějaký úkol - pak by asi bylo dobré dávat pozor ve škole a případně to začít řešit dříve.

Můžeš si každopádně ale přečíst něco o CSS a HTML, najít si jak se s tím pracuje a zkusit trochu experimentovat. Jestli potřebuješ 5cm okraj kolem stránky, tak elementu body nastav v CSS margin na 5cm.

Vaše odpověď


Prosím používejte diakritiku a interpunkci.

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