» »

Dreamweaver Menu

Dreamweaver Menu

Maverick33 ::

Delam menu v dw rollover buttons pa hočem nardit presledke med njimi in mi kr črto riše kot se vid na sliki katera tud šteje za link. Če lahko nekdo pove kako se tole reš? Aja pa kako bi dal v dw manjši presledek   je navadn a obstaja kej mašnga, ker rabm za manj premaknit zadevo.

Se to lahko tud kako drugač reš? Res bi prosu za pomoč, ker rabm met tole narjen!

NAPAKA!!! http://cime.sportmania.si/index.html !!!POGLEJ

LP
HVALA

Gost ::

Nastaviti boš moral CSS lastnost za povezave v meniju:
text-decoration: none;


Kako točno to narediti?
Takim povezavam:
<a onmouseover="MM_swapImage('Image1','','HDomov.gif',1)" onmouseout="MM_swapImgRestore()" href="index.html">

moraš nastaviti nek class, ali jih pa oviti v div in nato dati njim lastnost:
a.povezava,
a.povezava:link,
a.povezava:visited {
 text-decoration:none
}
a.povezava:hover {
text-decoration:none
}

Zgodovina sprememb…

  • spremenil: Gost ()

Maverick33 ::

Dobr je zadeva rešena:

CSS POWER

edit: ja točn to je blo ja mi je že reku en pa vseen hvala dela tole :D
Vidm pa, da obvladaš loh tud poveš kako se laži v css nardi hud rollover menu.

Zgodovina sprememb…

Gost ::

Ja, ni problema. Lepo, da smetimo bazo slo-techa po nepotrebnem.

Maverick33 ::

Preber moj post zgori, če te zanima naloga.
Jz mam zadevo dost komplicirano narjeno tko, da se čudim, da dela.
Ampak lepo se ne pritožujem tokrat!

Aja pa ni mi blo treba dajat div, class karkol vse lepo dela samo gol css pa v headu sem ga vkluču klasično.

LP

Še zmer me zanima, če kdo ve kako v DW prideš do tega, da lahko vse elemente premikaš kamor se ti zagre pač, da ni vse skp zaklenjen oz. omejen.

Maverick33 ::

Zdravo!

Bi znal rešit problem, ker mi presledke šteje kot linke in potem, če daš spodaj desno miško je kar link in se šteje kot hover?

Gost ::

Sedaj si verjetno določil, da bodo vse povezave na strani nepodčrtane. Bolje bi bilo, če imaš definiran class samo za tiste v meniju.

Razmake med gumbi lahko določiš z lastnostjo margin-right, vendar jih boš moral dati v neke dive ali kaj podobnega:
margin-right: 5px
Menije delajo vsi očitno, kar z ul in li elementi. Poglej na netu, kako narediti tak meni z seznamom.

Na hitrco pa lahko narediš nekaj s temi lastnostmi:
display: block;
width: 75px;
float: left;
margin-right: 20px;

To pomeni, da daš povezavam širino 75px, obnašajo se kot div elementi (block), razmak je 20px, lebdijo iz leve, proti desni. Ampak daj jih v nek class, ker boš s tem spremenil vse povezave na strani (tudi tiste v tekstu).

Maverick33 ::

Nekaj sem probaval pa nekako ne ratuje sploh ne znam pravilno vstavit v html, da bi dojel te lastnostni (margin ...). Vsaj ne tam kjer jih hočem.

HTML:
<body onload="MM_preloadImages('HDomov.gif','HCenik.gif','HPonudba.gif','HReference.gif','HKontakt.gif')">
<div id="navcontainer" class="menu">
<ul>

<li>
<a href="index.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image1','','HDomov.gif',1)"><img src="Domov.gif" alt="Domov" name="Image1" width="64" height="26" border="0" id="Image1" /></a>
</li>

<li>
<a href="cenik.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image2','','HCenik.gif',1)"><img src="Cenik.gif" alt="Cenik" name="Image2" width="64" height="26" border="0" id="Image2" /></a>
</li>

<li>
<a href="ponudba.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image3','','HPonudba.gif',1)">
<img src="Ponudba.gif" alt="Ponudba" name="Image3" width="75" height="26" border="0" id="Image3" /></a>
</li>

<li>
<a href="reference.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image4','','HReference.gif',1)"><img src="Reference.gif" alt="Reference" name="Image4" width="81" height="26" border="0" id="Image4" /></a>
</li>

<li>
<a href="storitve.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image5','','HStoritve.gif',0)"><img src="Storitve.gif" alt="Storitve" name="Image5" width="72" height="26" border="0" id="Image5" /></a>
</li>

<li>
<a href="kontakt.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image6','','HKontakt.gif',1)"><img src="Kontakt.gif" alt="Kontakt" name="Image6" width="74" height="26" border="0" id="Image6" /></a>
</li>
</ul>
</div>


CSS:
A:link {text-decoration: none; color: none;}
A:visited {text-decoration: none; color: none;}
A:active {text-decoration: none; color: none;}
A:hover {text-decoration: none; color: none;}


text-decoration: none;
#navcontainer ul { list-style-type: none;
display: block;
width: 75px;
float: left;
margin-right: 20px;}


Vredno ogleda ...

TemaSporočilaOglediZadnje sporočilo
TemaSporočilaOglediZadnje sporočilo
»

Prikaz strani na različni resoluciji-Joomla

Oddelek: Izdelava spletišč
151932 (1660) kr?en
»

Ocena? Kako bi dodal podstrani?

Oddelek: Pomoč in nasveti
6899 (764) shadeX
»

meni razporejen po celotni dolžini

Oddelek: Izdelava spletišč
72228 (2096) XzupanX
»

poravnava li elementov

Oddelek: Izdelava spletišč
82141 (2006) boss-tech
»

Lampp problem

Oddelek: Izdelava spletišč
71692 (1595) Slovenia13

Več podobnih tem