HTML/CSS pomoč pri spletni strani

6 naročnikov

Delam si spletno stran, prej je bla narejena v webs-u, zdej sm se pa odloču da grem korak naprej. imam nekaj znanja o html, css, tak da prevelik problem nebi smel biti...

Mam kar nekaj vprašanj, začel bom pa kar z prvim, pa bomo potem nadaljevali.

imam zgornji menu naprimer kot je pokazano spodaj. Od arhitekture pa bi rad da se spusti dol menu (ne vem kako se reče angleško), v katerem se pokažejo naslednje 3 opcije, archi.mb archi.si archi.world...

zanima me kako naj z oblikovanjem css in ostalim pridem do željenega rezultata?

primer lahko pogledate na http://krasek.tk

<a class="section" href="krasekdomov">Domov</a>
<a class="section" href="krasekArhitektura">Arhitektura</a>

<a class="section" href="krasekarchimb" >Archi.MB</a>
<a class="section" href="krasekarchisi" >Archi.SI</a>
<a class="section" href="krasekarchiworld">Archi.WORLD</a>

<a class="section" href="krasekdomov">Domov</a>

Reče se mu dropdown menu Tukaj imaš nekaj navodil kako se to dela
http://cssmenumaker.com/dropdowncss_menu.php
http://www.sohtanaka.com/web-design/mega-drop-downs-w-css-jquery/
https://www.servage.net/blog/2009/03/20/create-a-cool-css-based-drop-down-menu/
http://htmldog.com/articles/suckerfish/dropdowns/
http://www.alistapart.com/articles/horizdropdowns/

Super, to bom že pogruntal zdaj...
Dalje...

Kako naredim take črte kot so na tej strani: http://krasek.tumblr.com

se pravi navrhu da je ozadje skoi, pa pri vsakem blogu na novo da je pri naslovnu povezano do konca? To pa bi potem blo to zaenkrat :D

PS: pa link do strani ni delal, zato prilagam drugega: krasek.webs.com

pomoje boš mogel dešifrirat kaj bi rad :)

naprimer pri prvem postu "quote" je v ozadju rdeča črta, ki se vleče do konca na levo stran ekrana, torej izven >div>a...

kako naredim da se bo ta stvar vlekla vedno zraven naslova posta?

tu je slika: http://file.si/view/full/29986_4mx0k

Div-u naslova in div-u spodaj (vsebina) daj enak padding left.
Div-u naslova pa dodaj še background color.

mislim da s padding-om ne bo šlo, sm probal pa ni učinka...

Ta cela stran je float:left; kar pomeni:
Prvi, "vodilni" div je float: left; vse ostalo pa je potem zamaknjeno s paddingom, ali marginom. Nasnami si firebug za firefox in si boš lažje predstavljal, ko boš videl "live" izvorno kodo.

LP

A tako je, to bi šlo, ampak kako je potem narejeno z rdečim <div>om, ker je stran neglede na širino ekrana vedno na sredini, <div> pa je vsakič drugačne dolžine, odvisno od širine ekrana...

ker je širinga diva (nosilnega) cca. 1000px, notranji div je pa float left (brez padding) in ima širino cca. 400px

Primer (to je samo za rdečo črto):

<div style="float:left; width:1000px;">
<div style=float:left; width: 400px; background-color:#f0f;">
<div>napis</div>
</div>
</div>

Joj... šele zdle sm opazu de sm delu napako ko sm vam razlagu... Sem poštudiral zdaj...

Mam pa naslednje...
FIKSNA NOGA, po možnosti z div-im ki imajo višino npr 50px, ne pa v % tako gre, ampak nebi mel tako... :D