Jump to content
php.lv forumi

<ul><li> Home</li> <li>Contacts</l


bluebird

Recommended Posts

Sveiki!

Kāpēc man rādās tādās kā trepēs tā menu, ja viņai vajadētu būt līnijā??

 

html fails:

 

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<link rel="stylesheet" type="text/css" href="style.css" />
</head>

<body>

<ul id="nav">
	<li><a href="#">Press</a></li>
       <li><a href="#">History</a></li>
       <li><a href="#">Project</a></li>
       <li><a href="#">Press</a></li>
       <li><a href="#">Press</a></li>
     </ul>

</body>
</html>

 

 

CSS fails:

@charset "utf-8";
/* CSS Document */

* {
margin: 0;
padding: 0;
}
body {
font-size: 100%;
font-family:Helvetica, sans-serif;
background-color: #f5ecd4;
background-image: url(images/body-bg.png);
background-repeat: repeat-x;
background-position: top;
}
ul#nav {
height: 236px;
width: 800px;
margin: 0 auto;
background-image: url(images/header-bg.jpg);
background-repeat: no-repeat;
}
ul#nav li a {
	display: block;
	width: 130px;
	float: left;
	margin-top: 168px;
}

 

 

Kā tas izskatās ir pievienots pielikumā.

 

Paldies!

post-4355-0-38548200-1296503129_thumb.jpg

Edited by bluebird
Link to comment
Share on other sites

Visu izmainīja pievienojot iekš:

ul#nav {
height: 236px;
width: 800px;
margin: 0 auto;
background-image: url(images/header-bg.jpg);
background-repeat: no-repeat;
       list-style: none

 

rindiņu:

 

list-style: none;

 

ar

"ul#nav li a {
	display: block;
	width: 130px;
	float:left;
	margin-top:150px;

 

viss bija kedās! :) Sanāk ka tā dekorācija veidoja nevajadzīgu atkāpi vai kaut kā tā.

 

Bet man patīk tava pieeja ar mājieniem! Veicina domāšanu! :)

 

Esmu zaļš šajās lietās, bet esmu ķēries klāt apgūšanai :)

 

Vienīgi kapēc ir tā, ka man <a>, kas ir iniline elements ir jāliek blokā??

Edited by bluebird
Link to comment
Share on other sites

Vienīgi kapēc ir tā, ka man <a>, kas ir iniline elements ir jāliek blokā??

 

Lai lietotājs varētu ērti klikšķināt uz visa pogas laukuma, nevis neveikli censties uztrāpīt kursoru uz paša teksta. Bet tā kā tas šajā reizē ir floats, tad tas vispār neko tev nedod...

 

Floatiem tiek ignorētas visas display vērtības (izņemot none)

Edited by mad182
Link to comment
Share on other sites

Mad atšķirās gan, paddingojot un marginojot patestē pats, kas notiek ar inline elementiem un block elementiem. :) Tāpēc apgalvot, ka tas neko nemaina, ir nepareizi. Un vienlaga, vai tie elementi ir floatā vai nav.

 

Un vispār, jau, display:block elementus pēc idejas piešķir defoltiem, inline style elementiem, kā span, a. utt... lai ar šiem elementiem varētu manupilēt, kā ar block elementiem, tas viss attiecās uz margin, padding, pozīcijām.

Edited by foxsk8
Link to comment
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

Loading...
×
×
  • Create New...