cybton.com
Über uns | Jobs | Werbung | Sitemap | AGB | Impressum | Hilfe ?
 Kostenlos anmelden)
wichtigHier wird nichts mehr gelöscht!
Forum
Aktuellste Beiträge
Forenregeln

Community
BB-Codes
Tags
Chat
Suche (Web)
Wer ist online?
Top-User

Basar


Statistik
Mitglieder gesamt: 69649
Mitglieder online: 2
Gäste online: 4
mehr...

Anzeige
Forum » Forum: Website & Webprogrammierung » Thread: CSS Navi mit ul und li einrücken

Thread: CSS Navi mit ul und li einrücken

Tags: CSS , HTML , Navi , liste , einrücken

10.02.2008 10:01 Uhr

 

Status: offline
CSS Code
+ PHP:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
#navcontainer
{
      width: 8.6em;
      padding: 0em 0em 0em 0em;
      margin-bottom: 1em;
      margin-right: 0em;
      border: none;
      background-color: transparent;
      color: #000000;
      text-align: left;
}
 
#navcontainer ul
{
list-style: none;
margin: 0;
padding: 0;
margin-top: 0em;
border: none;
}
 
#navcontainer li
{
border: 1px solid #E8EDF8;
border-right: none;
margin: 0;
margin-top: 2px;
}
 
#navcontainer li a
{
display: block;
padding: 2px 2px 2px 1em;
border: 1px #E8EDF8;
border-right: none;
background-color: #B7CDF0;
color: #000000;
text-decoration: none;
width: 100%;
}
 
#navcontainer li a { width: auto; }
 
#navcontainer li a:hover
{
border-right: 1px solid #ffffff;
background-color: #ffffff;
color: #000000;
}
HTML Code
+ PHP:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
 
<ul id="navlist">
 <li>
  <a href="index.php" target="_self">Home</a>
  <ul>
   <li>
    <a href="index.php" target="_self">Philosophie</a>
   </li>
   <li>
    <a href="index.php" target="_self">Über uns</a>
   </li>
   <li>
    <a href="index.php" target="_self">Info</a>
   </li>
 </ul>
 
 </li>
 <li>
  <a href="index.php" target="_self">Konzept</a>
  <ul>
   <li>
    <a href="index.php" target="_self">Gesundheit</a>
   </li>
   <li>
    <a href="index.php" target="_self">Business</a>
   </li>
   <li>
    <a href="index.php" target="_self">Bildung</a>
   </li>
</ul>
<li>
  <a href="index.php" target="_self">Netzwerk</a>
  <ul>
   <li>
    <a href="./forum/" target="_self">Community</a>
   </li>
   <li>
    <a href="index.php" target="_self">Newsletter</a>
   </li>
   <li>
    <a href="index.php" target="_self">Downloads</a>
   </li>
  </ul>
</ul>
ich möchte das das unterpunkte im menü eingerückt werden, und zwar mit der kompletten schaltfläche, wie stelle ich das an?

und noch ne frage am rand, warum war eben nach dem absende nurnoch der css code im therad  :question: 
1 Datei angehängt
1 mal bearbeitet
10.02.2008 12:16 Uhr

 

Status: offline
ändere einfach das margin bei #navcontainer ul;

hier ein Beispiel:
CSS:
1
2
3
4
#navcontainer ul
{
margin-left: 10px;
}
4 mal bearbeitet
10.02.2008 14:14 Uhr

 

Status: offline
danke, hat wunderbar geklappt.
19.03.2017 07:53 Uhr

 

Status: offline
Air Max Sneakers
Nike Air Pas Cher
toms shoes outlet
Adidas Superstar Sale Online
goedkope nike air max
ugg store
Nike Zapatos
Jordan Shoes Air
religion store
pandora jewelry store
billige nike sko
ADIDAS NMD SALE ON LINE
coach factory outlet online
Nike Shoes Sale Store
Pandora Official Website
nike shoes
Uggs For Cheap
Descuentos Nike
Ugg Pas Cher Femme
günstige nike schuhe
Stone Island Outlet
louboutin heels
Jordan Schoenen
Air Jordan Retro Sale
Coach Bags On Sale
Pandora Store
moncler outlet
Yeezy Black
Nike Online Store
Adidas Originals Stan Smith
Adidas Originals Superstar
Soccer Boots Outlet nike
Nike Store
Air max dam
Nike Air Damen
Moncler Sale
chaussure Nike homme
cheap uggs for women
moncler jacket sale
new jordan releases
Chaussure Nike Air Max Pas Cher
Nike Air Max Goedkoop
Oakley Sunglasses Cheap
nike mercurial soccer cleats
Nike Roshe Run Sale
huarache sneakers
Nike Air 90
nike air
Pandora Store Sale
Scarpe Air Max
nike air max running shoes
Michael Kors Handbags Discount
Air Max Pas Cher
Adidas Superstar
retro jordans for cheap
hogan scontate
prada outlet
Yeezy Boost Sale Online
pandora beads
adidas outlet
ugg clearance
cheap uggs
pandora outlet store
zapatilla adidas
The official UGG
TOMS SHOES OUTLET
nike joggesko
Air Max Kopen
fitflops sale uk
ugg factory outlet
Nike Pas Cher Femme
Ray Ban Sunglasses Online
toms sale
Ugg Pas Cher En France
Bottes Ugg Femme Pas Cher
Hogan Outlet
Nike Shox Cheap
Doudoune Moncler Site Officiel
new pandora charms
Canada Goose Outlet
Nike Air Women
Michael Kors Outlet
christian louboutin outlet
scarpe nike
Yeezy Shoes Discount Marketplace
Moncler Outlet Online
Timberland Outlet
Nike Air Jordan 11
canada goose jacket outlet
Doudoune Moncler Pas Cher
Moncler Outlet Store
nike sportschuhe
scarpe hogan outlet
Vans Black Sneakers
Cheap Michael Kors
converse store
Ugg boots Sale
Nike Shoes Discount Marketplace
adidas store
Toms Outlet Online
Original Ugg Boots
Doudoune Moncler Femme Pas Cher
Nike Factory Store
Air Nike
Discount Air Max
Air Max Femme
Ray-Ban Official Discounted Site
Air max levn&#283;
nfl store
Nike Soccer Cleats Boots
zapatos de futbol nike
zapatillas nike baratas
Uggs Pas Cher Soldes
Negozi Pandora
nike sneakers
Jordan Store
official NHL jerseys
nike air jordan pas cher
Moncler Jackets Discount Marketplace
Nike Air Huarache For Sale
newest lebron shoes
cheap nike air max
Nike Air Max Cheap
Jordan Sneakers For Sale
Canada Goose Womens Coats
vans shoe store
Canada Goose Outlet
Canada goose dam
nike schuhe günstig
zapatillas running
Michael Kors
Kobe Shoes Nike
Yeezy Men
nike tn pas cher
chaussures nike pas cher
uggs for women
Nike Shox discount Sale
Ray ban sale online
uggs outlet
Hugo Boss Sale
nike sb stefan janoski
Boutique Ugg
Air Max 90
longchamp bags on sale
canada goose jackets on sale
new yeezy shoes
Boty Nike Air
Ugg Outlet Online Store
reebok running shoes
chaussure basket homme
Nike Air Sneakers
Adidas Neo Discount Sale
womens nike air max
Adidas Shoes Discount Marketplace
Pandora Store
Boost Yeezy Sale On Line
nike jordan shoes
UGG BOOTS FOR WOMEN
botas de futbol
abercrombie and fitch store
air force one pas cher
Sjcg0319-3
Ähnliche Threads Forum Ähnlichkeitsgrad
 Liste in zwei oder mehr Spalten aufteilen Website & Webprogrammierung 3
 myPortfolio coden...?! Website & Webprogrammierung 2
 Kleines Javascript-Problem mit Menü Website & Webprogrammierung 2
 Problem mit Design Webdesign 2
 Mit CSS Links verändern Website & Webprogrammierung 2
 gelöst Problem mit CSS Navigation Website & Webprogrammierung 2
 EDIT: Listenpunkt direkt unter Liste setzen (keine Einrückung) - alt => [gelöst]CSS - Ein Element über das Andere - Elementüberlappung Website & Webprogrammierung 2
Passende eBook-Abschnitte eBook Ähnlichkeitsgrad
Textabsätze XHTML 1
nach obennach oben

Copyright © 2017 cybton-network

Google
Partner: #Musik - Dein Internetradio - nexem. - .wir machen news
ANEXIA - PHP Entwicklung - Web-Entwicklung - Fritz!Box Anrufmonitor für Mac OS - Rolladen, Markisen und Jalousien in Stuttgart - Rolladen in Stuttgart - SMSjobs