WordPress, Shopify ir PHPFusion programuotojų bendruomenė

Parašė shalonyi· 2009 Gru. 31 15:12:07

turiu vienam dive kaip ir 2 <a href= vienas su img:

<li> <a href="http://www.bms.lt/"><img src="images/strelka_06.png"</a></a></li>

o noriu padaryt dar viena linka,bet jau ne img,ir kad judint tik ji galeciau su padding ir margin,ka css rasyt? jei parasau:

#headeris li { display:block; }

#headeris li { margin:0 0 0 253px; }

#headeris li { height:18px; padding:190px 0 0 100px; }

#headeris li { padding:182px 0 0 10px; }

arn pns tj abudu judina,pabandziau ta antra nuoroda su ul parasyt,atsirado,eina judint atskirai tik db nepasijudina iki tam tinkancio aukscio man,kame bedo? :D stai kodas:

body {background:#665d5d; }

a { text-decoration: none; }

#meniukas { margin:0 0 0 50px; }

#meniukas { width: 897px; height: 53px; background:url(../images/meniu_02.png) no-repeat; }

#meniukas { padding: 0 0 0 0px; }

#meniukas li a:hover { color: #0000FF; } 

#meniukas li { display: inline; }

#meniukas li a { 

display: block; 

float: left;

height: 1px;

padding: 15px 5px 0 30px;

color: #ffffff;

 }



#meniukas li.aktyvus a:hover { color: #4d4c4c; }

#headeris { margin:0 0 0 50px; }

#headeris { width: 896px; height: 209px;

background: url(../images/header.png) no-repeat; }

#headeris li { display:block; }

#headeris li { margin:0 0 0 253px; }

#headeris li { height:18px; padding:190px 0 0 100px; }

#headeris li { padding:182px 0 0 10px; }





#headeris ul { display: inherit; }

#headeris ul { margin:0 0 0 375px; }

#headeris ul { height:18px; padding:190px 0 0 10px; color:#FFFFFF; }

#headeris ul { padding:50px 100px 100px 50px; }





#poheaderiu { margin:0 0 0 50px; }

#poheaderiu { width:895px; height: 30px;

background:url(../images/poheaderiu.png) no-repeat; }

.clear { clear:both; }

index.html

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

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<link href="css/reset.css" rel="stylesheet" type="text/css" />

<link href="css/main.css" rel="stylesheet" type="text/css" />

<title>mano 1 svetaine</title>

</head>

<body>



     <div id="Virsutine_linija">

     

     </div>

     <div id="Meniu">

     

     </div>

       

    

     <div class='clear'></div>

     <div id="meniukas">

     <ul>

     <li class="aktyvus"><a href="a">Pagrindinis</a></li>

     <li> <a href="a">Serveriai</a></li>

     <li> <a href="a">Apie mus</a></li>

     <li> <a href="a">Topas</a></li>

     

     

     

     </ul>

     </div>

     

     <div id="headeris">

     

     <li> <a href="http://www.bms.lt/"><img src="images/strelka_06.png"</a></a></li>

     <ul> <a href="a">Registracija</a></ul>

     

 </div>

  <div id="poheaderiu"></div>

  

     <div id="po_headeriu">

     

     

     </div>

     <div  id="naujienos">

     <div id="irasai">

     

     </div>

     

     </div>

     

     

     <div id="footer">

     

     </div>

     



</body>

</html>

Redagavo shalonyi· 2009 Gru. 31 19:12:38

Parašė nesby· 2009 Gru. 31 15:12:37

<span style='color:red'> <FONT SIZE="5">tekstas </span> </FONT>

Parašė shalonyi· 2009 Gru. 31 15:12:26

deja neveikia ;/ cia style.css

Parašė Creatium· 2009 Gru. 31 15:12:23

O kodėl pas tave color: #fff dviejose vietose? Beje, violetine rodo kai paspaudi tą nuorodą, ar net nespaudus rodo violetine?

Betkokiu atveju, reikia tikrinti a ir a:hover stilius css faile. Tenai reikia keisti visų nuorodų spalvas ir stilius. Jeigu nori, kad nuorodos būtų vien tik tavo #register stiliui, tai rašyk taip:
#register a {
stilius
}

ir

#register a:hover {
stilius
}

arba gali ir su li rašyt:

#register li a {....

Redagavo Creatium· 2009 Gru. 31 15:12:52

Parašė Pakartoti slaptažodį· 2009 Gru. 31 15:12:48

a {

text-decoration : none;

color : #fff;

}



a:hover {

text-decoration : underline;

color : #fff;

Parašė shalonyi· 2009 Gru. 31 16:12:05

creatium,tipo tp daryt? vstk taspats ;/ :

#Meniu li a:hover { color: #0000FF; } 

#Meniu li a { display: block; float: left; height: 39px; padding: 15px 20px 0 20px; color: #ffffff

o! follow kodas padejo ;) jei kils dar kokiu klausimu rasysiu cia.

Redagavo shalonyi· 2009 Gru. 31 16:12:31

Parašė Creatium· 2009 Gru. 31 18:12:40

Tai ką tau dar padėt? Juk išsprendei.

Parašė shalonyi· 2009 Gru. 31 18:12:43

tj gi va atnaujintas postas ;/

Parašė Creatium· 2009 Gru. 31 18:12:54

Aa.. Reikėjo dėt kaip naują postą, o tai nepamačiau :D.

Parodyk html kodą.

Parašė shalonyi· 2009 Gru. 31 18:12:48

#10

style.css:

body {background:#665d5d; }

a { text-decoration: none; }

#Virsutine_linija { width: 100%; height: 25%; background: #00FF00; }

#meniukas { margin:0 0 0 50px; }

#meniukas { width: 897px; height: 53px; background:url(../images/meniu_02.png) no-repeat; }

#Meniu { padding:20px 300px 0 20px; }

#Meniu li a:hover { color: #0000FF; } 

#Meniu li { display: inline; }

#Meniu li a { display: block; float: left; height: 3px; padding: 0px 30px 0 80px; color: #ffffff}



#Meniu li.aktyvus a:hover { color: #4d4c4c; }

#headeris { margin:0 0 0 50px; }

#headeris { width: 896px; height: 209px; background: url(../images/header.png) no-repeat; }

#poheaderiu { margin:0 0 0 50px; }

#poheaderiu { width::895px; height: 30px; background:url(../images/poheaderiu.png) no-repeat; }

.clear { clear:both; }

indexas:

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

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<link href="css/reset.css" rel="stylesheet" type="text/css" />

<link href="css/main.css" rel="stylesheet" type="text/css" />

<title>mano 1 svetaine</title>

</head>

<body>



     <div id="Virsutine_linija">

     

     </div>

     <div id="Meniu">

     <ul>

     <li class="aktyvus"><a href="a">Pagrindinis</a></li>

     <li> <a href="a">Serveriai</a></li>

     <li> <a href="a">Apie mus</a></li>

     <li> <a href="a">Topas</a></li>

     

     

     

     </ul>

     </div>

       

    

     <div class='clear'></div>

     <div id="meniukas"></div>

     

     <div id="headeris">

     

 </div>

  <div id="poheaderiu"></div>

  

     <div id="po_headeriu">

     

     

     </div>

     <div  id="naujienos">

     <div id="irasai">

     

     </div>

     

     </div>

     

     

     <div id="footer">

     

     </div>

     



</body>

</html>

stai kaip max isejo sumazint :

Parašė Tomcis· 2009 Gru. 31 18:12:53

#11

Keisk:

#Meniu { padding:20px 300px 0 20px; }

Parašė shalonyi· 2009 Gru. 31 18:12:22

#12

taspats,pajuda tesiog tas meniu su visu tekstu i apacia ;/ o man reikia kad tekstas nusileistu i apacia ;/ o cia ant paveiksliuko max kaip sugebejau nuleist

Parašė Creatium· 2009 Gru. 31 18:12:38

#13

Tai tu tą meniu man atrodo neįdėjai į raudonos juostos divą. Pabandyk įdėt. Jeigu ne, tai tada pažaisk su padding.

EDIT: Biški per vėlai parašiau, bet bandyk bentjau su divais. Nes man atrodo, kad neįeina (arba aš nesupratau kodo :D)

Redagavo Creatium· 2009 Gru. 31 18:12:26

Parašė shalonyi· 2009 Gru. 31 18:12:30

#14

ta prasme tu turi galvoj kad

<ul>

     <li class="aktyvus"><a href="a">Pagrindinis</a></li>

     <li> <a href="a">Serveriai</a></li>

     <li> <a href="a">Apie mus</a></li>

     <li> <a href="a">Topas</a></li>

     

     

     

     </ul>

reikia idet i ta raudona meniu diva?

Parašė Creatium· 2009 Gru. 31 18:12:13

#15

Nu aš nelabai suprantu tavo kodo pavadinimų (menu, meniukas ir etc.). Štai kaip sakau padaryt:

<div class='raudona linija'>
<div class='meniu nuorodos'>Nuoroda nuoroda nuoroda</div>
(arba vietoj to divo dėk ul/li, čia jokio skirtumo)
</div>

Parašė shalonyi· 2009 Gru. 31 18:12:00

#16

EDIT: joa buvai teisus,bandziau to Meniu Visa uzkist ant tos raudonos,o teksta nebuvau irases,todel ir netilpo :D:D lol,pirmas mano bandimas kuodot kazka cia :D