tutoriale photoshop, brushes, patterns, gradient
Site afiliat proiectului Wtricks.com
   
   
  REGULAMENT | Search | Members | Calendar | Help  
 


Post Reply  Post Thread 
navigation bar css help
Author Message
Dynamyc
Activ
*


Posts: 6
Group: Registered
Joined: Jan 2008
Status: Offline
Reputation: 0
Lei: 295.68
Post: #1
navigation bar css help

vreau sa inserez un navigation bar, are dimensiunile urmatoare: 1024x39
bun, l-am inserat asa

Code:
#header {
background:url(images/header1.gif) no-repeat;
width:1024px; height:39px;

cand il vizualizez nu se intinde pe toata suprafata , adica raman spatii libere in colturi ( in coltul din dreapta este spatiu liber , in dreapta nu este , sus iarasi ramane spatiu liber)
am incerat cu position:top; la width:100% dar in zadar

02-03-2008 02:08 AM
Find all posts by this user Quote this message in a reply
cold_bizquit
Ucenic
****


Posts: 112
Group: Registered
Joined: Jan 2008
Status: Offline
Reputation: 0
Lei: 412.96
Post: #2
RE: navigation bar css help

Si eu de-abia am inceput cu css-ul, asa ca nu stiu cat de pertinente sunt afirmatiile mele, da'...
Cand apare o eroare de genul, ori este o problema cu browserul pe care testezi(incearca pe mai multe), ori este un conflict  ( posibil sa ai alte proprietati  
care intra in contradictie cu #header, si fiind mai sus pe scara ierarhica, castiga [ div-urile sau  containerul  headerului] )


http://www.crazycrolik.com
02-03-2008 03:11 AM
Find all posts by this user Quote this message in a reply
Trd
Activ
*


Posts: 14
Group: Registered
Joined: Jan 2007
Status: Offline
Reputation: 0
Lei: 137.68
Post: #3
RE: navigation bar css help

Code:
#header {
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
width:100%;
height:39px;
background:etc;
color:etc;
}


Apoi pui definitia la linkuri

Code:
#header a {
float:left;
margin:;
padding:;
color:;
etc
}

This post was last modified: 02-03-2008 03:28 AM by Trd.

02-03-2008 03:28 AM
Visit this users website Find all posts by this user Quote this message in a reply
Trd
Activ
*


Posts: 14
Group: Registered
Joined: Jan 2007
Status: Offline
Reputation: 0
Lei: 137.68
Post: #4
RE: navigation bar css help

A, am uitat...
Ca sa nu mai ai spatii in CSS declari si

Code:
html, body {
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
}

02-03-2008 03:29 AM
Visit this users website Find all posts by this user Quote this message in a reply
Dynamyc
Activ
*


Posts: 6
Group: Registered
Joined: Jan 2008
Status: Offline
Reputation: 0
Lei: 295.68
Post: #5
RE: navigation bar css help

tot aceeasi problema, uite cum arata css'ul meu:

Code:
#container {
width:1024px; height:1000px;
margin:0 auto;
}
#header {
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
width:100%;
height:39px;
background: url('images/logo.gif');
}

poate e gresit ceva ...

02-03-2008 03:51 AM
Find all posts by this user Quote this message in a reply
Trd
Activ
*


Posts: 14
Group: Registered
Joined: Jan 2007
Status: Offline
Reputation: 0
Lei: 137.68
Post: #6
RE: navigation bar css help

Ai pus si html, body ?

02-03-2008 11:09 AM
Visit this users website Find all posts by this user Quote this message in a reply
Dynamyc
Activ
*


Posts: 6
Group: Registered
Joined: Jan 2008
Status: Offline
Reputation: 0
Lei: 295.68
Post: #7
RE: navigation bar css help

da, asa arata indexul :

Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html>
<head>
<title>blabla</title>
<link href="stylesheet.css" rel="stylesheet" type="text/css"/>
<meta http-equiv="Content-Type" content="text/html;charset=utf-8" />
</head>
<body>
<div id="container">
<div id="header">
<img src="images/navbar.gif" class="navbar" alt="Your Logo"/>

</div>

</div>
</body>
</html>

02-03-2008 09:23 PM
Find all posts by this user Quote this message in a reply
tache
Membru
**


Posts: 33
Group: Registered
Joined: Jan 2008
Status: Offline
Reputation: 0
Lei: 281.54
Post: #8
RE: navigation bar css help

in fine, poztez ei eu o varianta de meniu orizontal, desi Trd a acoperit cam tot in posturile sale:

Code:
h1 {
display:none
}

ul{
margin:0px
padding:0px
list-style-type:none
}

li{
display:inline
}

body{
font-family:Trebuchet MS
font-size:12px
color:#000
}

a{
color:#FFF
background-color:#996600
border-bottom-width:1px
border-bottom-style:solid
border-bottom-color:#FF9900
text-decoration:none
height:20px
width:100px
display:block
float:left
padding-top:8px
border-right-style:#FFF
}

a:hover{
background-color:#FFDF9D
color:#996600
}


Making easy things difficult since '84

This post was last modified: 02-03-2008 10:52 PM by tache.

02-03-2008 10:50 PM
Visit this users website Find all posts by this user Quote this message in a reply
Trd
Activ
*


Posts: 14
Group: Registered
Joined: Jan 2007
Status: Offline
Reputation: 0
Lei: 137.68
Post: #9
RE: navigation bar css help

Dynamyc, eu ziceam in CSS sa pui html, body cu margini si padding 0 ca sa nu mai lase loc pe margini.

02-03-2008 11:29 PM
Visit this users website Find all posts by this user Quote this message in a reply
Post Reply  Post Thread 

View a Printable Version
Send this Thread to a Friend
Subscribe to this Thread | Add Thread to Favorites

Forum Jump:

 

 Invatam Net
Esti nou pe aici? Vorbeste-ne despre tine.
Citeste articole si tutoriale unice.
Ai un site? Iti putem oferi un review.

  Parteneri

  

  

  UNIX, Linux, Programare si Scripting pentru incepatori

  

-->