menu - pri hoveru podivna bodka

B.A.X.O · Napísal **B.A.X.O**: 02.05.2008 13:14

v menu pri hoveru, je tam nejaka cierna bodka. som s toho nestatsny lebo to neviem odstranit. Zaujimave je ze tato bodka sa nezobrazuje vzdy u posledneho tlacidla. Apritom vsetky su uplne identicke.

takto to vyzera:

http://g.photos.cx/problme-22.PNG

rozozna uz niekto riesenie aj z tohto? alebo treba css subor dat

emer · Napísal **emer**: 02.05.2008 13:15

B.A.X.O píše:

alebo treba css subor dat

áno

aj s html

mondzo · Napísal **mondzo**: 02.05.2008 13:56

Mozno trepnem, ale vyzera to na obrazok v pozadi pri hover efekte. Ale urcite pomoze html a css toho menu.
Stahoval si od niekadial kod alebo si robil vlastny?

B.A.X.O · Napísal autor témy **B.A.X.O**: 02.05.2008 15:02

robim to pre jedneho cloveka, stiahol som template ale uplne som ho prerobil.

tu su zdrojaky:

Kód:

* {
   margin: 0;
   padding: 0;
}

body {
   margin: 0;
   padding: 0;
   background: black;
   font: 12px/17px Verdana, Geneva, Arial, Helvetica, sans-serif;
   text-align: center;
   color: black;
}

h1 {
   padding: 20px 30px 0 0;
   font: 26px Verdana, Geneva, Arial, Helvetica, sans-serif;
   color: #E0D591;
}

h2 {
   padding: 0 30px 0 0;
   font: 12px Verdana, Geneva, Arial, Helvetica, sans-serif;
   color: #E0D591;
}

h3 {
   padding: 0 0 6px 0;
   width: 200px;
   font: bold 13px/18px Verdana, Geneva, Arial, Helvetica, sans-serif;
   text-align: left;
   text-indent: 55px;
   color: #655F52;
   background: url(images/h3.gif) no-repeat bottom;
}

h4 {
   padding: 30px 0 15px 15px;
   font: bold 14px/26px Verdana, Geneva, Arial, Helvetica, sans-serif;
   color: #FFC47B;   
}

h4.firsth4 {
   padding-top: 0;
}

p {
   padding: 5px 0;
}

a {
   color: #AA9ADA;
   text-decoration: underline;
}

a:hover {
   color: #AA9ADA;
   text-decoration: none;
}

#bg_1 {
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 292px;
   background: url(images/bg_1.gif) repeat-x top;
}

#bg_2 {
   position: absolute;
   top: 0;
   left: 0;
   width: 50%;
   height: 292px;
   background: url(images/bg_2.gif) repeat-x top;
}

#main_1 {
   position: relative;
   margin: 0 auto;
   width: 950px;   
}

#main_1r {
   position: absolute;
   top: 0;
   left: 0;
   width: 950px;
   height: 255px;
   background: url(images/main_1r.gif) no-repeat top right;
}

#main_1l {
   position: absolute;
   top: 0;
   left: 0;
   width: 475px;
   height: 255px;
   background: url(images/main_1l.gif) no-repeat top left;
}

#main_2 {
   position: relative;
   margin: 0 auto;
   width: 900px;
   text-align: left;
   background: White;
}

#top {
   height: 255px;
   text-align: right;
   background: url(images/logo.PNG) no-repeat bottom;
}

#menu {
   width: 900px;
   height: 37px;
        background-color: black;
}


#menu ul li{    
    float: left;
}

#menu ul li a {
   display: block;
   float: left;
   padding: 0 25px 3px 25px;
   font: bold 11px/34px Arial, Helvetica, sans-serif;
   text-decoration: none;
   text-transform: uppercase;
   color: white;   
}

#menu ul li a:hover {
   display: block;
   float: left;
   padding: 0 25px 3px 25px;
   font: bold 11px/34px Arial, Helvetica, sans-serif;
   text-decoration: none;
   text-transform: none;
   color: black;
        background-color: white;   
}

#menu ul li a.active, #menu ul li a.active:hover {
   text-decoration: none;
   color: #DDDEE2;   
}



#right {
   width: 630px;
   font: 12px/17px Verdana, Geneva, Arial, Helvetica, sans-serif;
   text-align: center;
   color: #655F52;
        background-color: white;
}




div.copyright {
background-color: black;
color: white;
font-family: lucida console;
font-weight: bold;
height: 32px;
}

and html:

Kód:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Dr@gon Style</title>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1250">
<link href="style.css" rel="stylesheet" type="text/css" media="all">
</head>

<body>
<div id="bg_1"><div id="bg_2">
     &nbsp;
</div></div>
<div id="main_1">
     <div id="main_1r"><div id="main_1l">
          &nbsp;
     </div></div>
     
     <div id="main_2">

          <div id="top">


          </div>

<center>
          <div id="menu">
               <ul>
                   <li>
                       <a href="#">Link1</a>
                   </li>
                   <li>
                       <a href="#">Link2</a>
                   </li>
                   <li>
                       <a href="#">Link3</a>
                   </li>
                   <li>
                       <a href="#">Link4</a>
                   </li>
                   <li>
                       <a href="#">Link5</a>
                   </li>
                   <li>
                       <a href="#">Link6</a>
                   </li>
                   <li>
                       <a href="#">Link7</a>
                   </li>

               </ul>
          </div>

          
               <div id="right">
<br>
<br>
                    PARTIZÁNSKE - Slovenskí futbaloví reprezentanti do 18 rokov sa prebojovali do finále tradičného mládežníckeho turnaja Slovakia Cup.

Obhajcovia vlaňajšieho prvenstva zvíťazili vo svojom záverečnom vystúpení v základnej A-skupine v Partizánskom nad chorvátskymi rovensíkmi 1:0. O triumfe zverencov trénera Bohumila Andrejka rozhodol v 10. minúte Guldan.

A-skupina
Partizánske:
SLOVENSKO - Chorvátsko 1:0 (1:0)
Gól: 10. Guldan, 400 divákov.
zostava SR: Polaček - Kováč, Kopča, Košút, Čonka - Kiss, Fortuna, Vlasko (66. Gajdoš) - Valenta, Guldan (51. Kokočák (79. Riečičiar)), Ľupták
     
Slováci od úvodného hvizdu hýrili aktivitou a nedovolili Chorvátom dostať sa k ich kombinačnej hre. Domáci tím získaval veľa lôpt v strede poľa a v 10. minúte sa ujal vedenia. Valenta po úniku po pravej strane spätnou prihrávkou našiel Guldana a ten strelou z desiatich metrov
reklama
rozhodol o osude stretnutia. V druhom polčase získali Chorváti územnú prevahu, no do vyloženej šance sa nedostali.
     
Bohumil Andrejko, tréner SR 18: "Prvý polčas bol jasne v našej réžii, Bol to zo strany chlapcov doposiaľ najlepší výkon pod mojím vedením. Výdatne nám pomáhali aj diváci v Partizánskom, ktorí nás neustále povzbudzovali a hnali dopredu. Druhý polčas už bol viac taktickejší. Nechceli sme otvárať priestory a Chorváti postupne prevzali iniciatívu v strede poľa, no čistú šancu si nevypracovali. V závere po rýchlych brejkoch sme naopak ešte mohli poistiť naše víťazstvo."
<br>
<br>
MANCHESTER - Do siene úspechov katalánskeho veľkoklubu FC Barcelona nepribudne po tejto sezóne žiadna ďalšia trofej, napriek tomu tréner Frank Rijkaard nehodlá vyvodiť z tohto konštatovania žiadne dôsledky týkajúce sa jeho ďalšieho pôsobenia na Nou Campe.

Po utorkovej prehre s Manchestrom United (0:1) znamenajúcej vypadnutie pred bránami moskovského finále Ligy majstrov Holanďan všetkých ubezpečil, že zo svojho postu dobrovoľne neodstúpi. "Takéto myšlienky nemajú v mojej hlave miesto. Nemám v úmysle odísť. Klub práve v tejto chvíli potrebuje pomoc a podporu. Všetci musíme spojiť svoje sily," burcujúco vyhlásil Rijkaard po odvete semifinále LM na Old Trafforde.

 

V súvislosti s odchodom z Barcelony sa čoraz častejšie skloňuje meno brazílskeho ofenzívneho stredopoliara Ronaldinha, strojcu nedávnych úspechov Rijkaardovho tímu. Kormidelník takéto kroky odkladá na záver sezóny.

 

"Keby hráči sami povedali, že chcú odísť, bolo by to iné. Barcelona je kolos a ľudia tu nechávajú rozhodnutia na záver sezóny, ak je potrebné niečo spraviť," vysvetlil Rijkaard a na margo odvety semifinále, v ktorom ofenzívne ladení Katalánci vyšli gólovo naprázdno, dodal: "Urobili sme všetko okrem strelenia gólu.

 

Bol to vyrovnaný zápas, povedal by som, že sme herne boli dokonca lepší. Pravidlá sú však jasné, postupuje tím, ktorý dal gól. Ťažká prehra na strávenie. Ligu majstrov sme brali veľmi vážne a teraz je všetko preč. Po takomto zápase však môžeme odísť so zdvihnutými hlavami."
</p>
<br>
<br>
<br>
               </div>

<div class="copyright">
Copyright© Powered by B.A.X.O - 2008/2009 - type: Dr@gon Template
</div>

</center>


</body>
</html>

Blackshadow · Napísal **Blackshadow**: 02.05.2008 15:23

mohol by si dat aj stranku.. takto nevieme, ani ze kde to vlastne je

mondzo · Napísal **mondzo**: 02.05.2008 15:30

to ma teda podrz, skusal som to menu. Hm, zaujimave a som z toho vedla, som si isty, ze to v IE7 nerobi, ale ta mozilla, no naozaj tu neviem pomoct, zatial nie...

Blackshadow · Napísal **Blackshadow**: 02.05.2008 15:33

no, ako kukam, tak v IE to bodku nerobi, len v mozile.. idem sa do toho viac zavrtat

EDIT: neviem to tam najst.. komentujem postupne kod a nic...

(btw: div main_2 nemas uzavrety)

EDIT2: zmen si pozadie na bielu a zistis, ze este aj pred prvym buttonom mas bodku

B.A.X.O · Napísal autor témy **B.A.X.O**: 02.05.2008 15:47

ale preco to tak je???

Blackshadow · Napísal **Blackshadow**: 02.05.2008 15:48

neviem.. ale vies menit farbu tej bodky

v CSS mas body a tam:
color: tvoja farba;

B.A.X.O · Napísal autor témy **B.A.X.O**: 02.05.2008 15:52

Hej lenze tym sa nic nevyriesi, pri hoveri tlacitka bude i tak len v inej farbe....to by trebalo nejak inak. napriklad cez JS ze ak sa bude hoverovat tlacitko tak sa zmeni cez className body kod, alebo nejak tak...fakt neviem

lio · Napísal **lio**: 02.05.2008 15:54

Nastav do

#menu ul li {
float: left;
list-style: none;
}

B.A.X.O · Napísal autor témy **B.A.X.O**: 02.05.2008 15:58

nie uz to mam lepsie, vymazal som <li> z kodu, a nechal iba odkazy. a funguje tak isto jak predtym ale bez bodiek...

to je kuzlo...a comu sa vlastne cudujem?? ved <li> tam tu bodku dava, a nejakym zlym aspektom v kode som zrejme narusil rovnovahu umiestnenia

// ak to xcete vidiet v prevadzke aj s logom link tu:

http://www.baxo.ic.cz/

je to tam dane na rychlo, abyste mohli videt. pripadne hodte koment

mondzo · Napísal **mondzo**: 02.05.2008 16:05

sprav to ako pisal lio04. Dik lio04.

jasne, ze je to necislovany zoznam a css-kom: list-style: none; odstranis 'bodku'.

Inak som to pozeral a v mozille sa ti to nejak rozpadava a to menu si oprav, pretoze to nebudes mat validne.

lio · Napísal **lio**: 02.05.2008 16:09

B.A.X.O urob to, ako som ti napisal, pretoze tag <li> definuje start zoznamovej polozky. Aj ked popravde, ty mas <ul> a <li> zadefinovane v CSSku spolu.

B.A.X.O · Napísal autor témy **B.A.X.O**: 02.05.2008 16:19

okej lio, spravil som to podla teba diky

menu - pri hoveru podivna bodka

Podobné témy