HTML/CSS pomoč pri spletni strani
 
krashek 1. feb 2011 10:43:27 Pridružen od:
12. jan 2011
79 objav
3 34 0
#1

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>


všeč(1) ni všeč(1) spam(0)
www.krasek.info/architecture/design/art/music... [99.9% done]
 
Tody 1. feb 2011 12:00:36 Pridružen od:
3. maj 2010
1446 objav
1411 299 25
#2

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/


všeč(0) ni všeč(0) spam(0)
![](http://www.internetmojster.com/splosno/dobrodelna-akcija.html)
 
krashek 1. feb 2011 16:15:34 Pridružen od:
12. jan 2011
79 objav
3 34 0
#3

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


všeč(0) ni všeč(1) spam(0)
www.krasek.info/architecture/design/art/music... [99.9% done]
 
Tody 1. feb 2011 18:06:45 Pridružen od:
3. maj 2010
1446 objav
1411 299 25
#4

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


všeč(1) ni všeč(0) spam(0)
![](http://www.internetmojster.com/splosno/dobrodelna-akcija.html)
 
krashek 1. feb 2011 18:25:05 Pridružen od:
12. jan 2011
79 objav
3 34 0
#5

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


všeč(0) ni všeč(1) spam(0)
www.krasek.info/architecture/design/art/music... [99.9% done]
 
mroctagon 1. feb 2011 22:29:07 Pridružen od:
5. sep 2006
375 objav
210 15 1
#6

Div-u naslova in div-u spodaj (vsebina) daj enak padding left.

Div-u naslova pa dodaj še background color.


všeč(0) ni všeč(0) spam(0)
 
krashek 2. feb 2011 12:24:36 Pridružen od:
12. jan 2011
79 objav
3 34 0
#7

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


všeč(0) ni všeč(1) spam(0)
www.krasek.info/architecture/design/art/music... [99.9% done]
 
EDsolution 2. feb 2011 14:09:56 Pridružen od:
25. jul 2010
483 objav
399 171 26
#8

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


všeč(0) ni všeč(0) spam(0)
EDsolution.si, spletne storitve - Izdelava spletnih strani
Vremensko okno - Vreme widget - 1A-vreme.si
 
krashek 3. feb 2011 11:09:21 Pridružen od:
12. jan 2011
79 objav
3 34 0
#9

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...


všeč(0) ni všeč(1) spam(0)
www.krasek.info/architecture/design/art/music... [99.9% done]
 
EDsolution 3. feb 2011 14:25:53 Pridružen od:
25. jul 2010
483 objav
399 171 26
#10

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>
všeč(0) ni všeč(0) spam(0)
EDsolution.si, spletne storitve - Izdelava spletnih strani
Vremensko okno - Vreme widget - 1A-vreme.si
 
 

🔒 Za odgovor na to temo se moraš prijaviti.

Prijavi se