Anzeige - [Hier werben / Mediadaten]
(?) Tags raten (?) (edit)
 
Reply to this topicStart new topicStart Poll
> CSS Problem, grrrrr
Thema abonnieren | Thema versenden | Thema drucken
omc
Online Media Consulting GmbH
Geschrieben am: Di 10.07.2007, 10:47
Report PostQuote Post

AyomRank 8
****************

Gruppe: Member (aktiv)
Beiträge: 1517
Mitglied seit: 2.08.2005
Hallo zusammen

ich dreh mich mit einem CSS total im Kreis, sehe nicht wo der Fehler ist.

Es geht um dieses Template:
http://blog.omc.ch/em/

Das blau könnt Ihr Euch wegdenken, steht nur da, damit ich DIV Box hinten, und die Veränderung sehe.

Es geht um die Buttons oben (Home, Qualifikation etc.)
Bei diesen Button soll der Text von oben ein Padding von 10 Pixel haben. Nur der Text, die BG Bilder müssen oben bleiben.

Versucht habe ich es so:
CODE
#menu {
 clear: both;
 width: 728px;
 color: #000000;
height: 26px;
padding: 0;
margin: 0;
}

#menu ul {
padding: 0;
margin: 0;
}

#menu li {
float:left;
background-image: url(../images/navi_weiss.gif);
background-repeat: no-repeat;
height: 26px;
width: 130px;
background-position: left;
text-align: center;
overflow: hidden;
list-style-type: none;
}
#menu li a,
#menu li a:link,
#menu li a:visited {
list-style-type: none;
font-weight: bold;
color: #009933;
font-size: 12px;

}


und auf viele andere Arten, funktioniert aber nicht. Sobald ich bei
#menu li oder #menu li a ein Padding-Top von 10 mache, schiebt es mir die ganzen Buttons runter.

Hat mir jemand einen guten Tip ?

Das ganze CSS gibts hier: http://blog.omc.ch/em/css/cms.css
Den Quellcode via Browser ;-) hier: http://blog.omc.ch/em/

Danke schon im Voraus, für Tipps und Hilfe

Ric


--------------------
Flugpreisvergleich
Billigflüge
Mietwagen
Top
PMEmail PosterUsers Website
Top
 
 
- Matthias -
#2 Geschrieben am: Di 10.07.2007, 10:58 (+00:10)
Report PostQuote Post

AyomRank 9
******************

Gruppe: Member (aktiv) II
Beiträge: 2361
Mitglied seit: 10.10.2005
Hast Du mal probiert das Image in "menu li a" reinzumachen?

Nachtrag

Quak das war wohl nix, aber schau mal auf unserer mallorcaseite, da haben wir das backgroundimage in einen anderen div rein.
Top
PMEmail PosterUsers WebsiteICQ
Top
 
omc
Online Media Consulting GmbH
#3 Geschrieben am: Di 10.07.2007, 11:01 (+00:02)
Report PostQuote Post

AyomRank 8
****************

Gruppe: Member (aktiv)
Beiträge: 1517
Mitglied seit: 2.08.2005
ja habe ich probiert, leider mit dem selben result wie wenn ich es bei #menu li reinmach.

ric


--------------------
Flugpreisvergleich
Billigflüge
Mietwagen
Top
PMEmail PosterUsers Website
Top
 
Jim
#4 Geschrieben am: Di 10.07.2007, 11:43 (+00:41)
Report PostQuote Post

AyomRank 3
******

Gruppe: Member (aktiv)
Beiträge: 45
Mitglied seit: 30.06.2006
Kann es nicht sicher sagen, aber aus meiner Erfahrung hat es meist mit
float
zu tun. Hier solltest Du ansetzen.
LG
Jim


--------------------
Design for Success
Jim und Jenny Babyspielzeug
Top
PMEmail PosterUsers Website
Top
 
Duvi
#5 Geschrieben am: Di 10.07.2007, 11:49 (+00:06)
Report PostQuote Post

AyomRank 5
**********

Gruppe: Member (aktiv)
Beiträge: 499
Mitglied seit: 4.10.2006
versuch mal

#menu a{
position:relative;
top:12px;
}

oder auch

#menu ul li a{
position:relative;
top:12px;
}
Top
PMEmail Poster
Top
 
DZVO
#6 Geschrieben am: Di 10.07.2007, 11:54 (+00:05)
Report PostQuote Post

AyomRank 4
********

Gruppe: Member (aktiv)
Beiträge: 124
Mitglied seit: 19.03.2007
CODE


ul, li {
padding : 0;
margin : 0;
}

#menu li {
padding:10px 0 0 0;
float:left;
background-image: url(../images/navi_weiss.gif);
background-repeat: no-repeat;
height: 16px;
width: 130px;
background-position: left;
text-align: center;
overflow: hidden;
list-style-type: none;
}


--------------------
Kuckst du oder ..... du
wiirtuell.de - noch ein Wii Blog
zauberpage.de - is Back :)
Top
PMICQ
Top
 
Lanza
#7 Geschrieben am: Di 10.07.2007, 11:57 (+00:02)
Report PostQuote Post

AyomRank 5
**********

Gruppe: Member (aktiv)
Beiträge: 421
Mitglied seit: 14.04.2004
CODE


#menu li {
float:left;
background-image: url(../images/navi_weiss.gif);
background-repeat: no-repeat;
height: 26px;
width: 130px;
background-position: left;
text-align: center;
overflow: hidden;
list-style-type: none;

   margin: 10px 0px 0px 0px;
}
Top
PMUsers Website
Top
 
omc
Online Media Consulting GmbH
#8 Geschrieben am: Di 10.07.2007, 12:26 (+00:29)
Report PostQuote Post

AyomRank 8
****************

Gruppe: Member (aktiv)
Beiträge: 1517
Mitglied seit: 2.08.2005
QUOTE (Duvi @ Di 10.07.2007, 11:49)
versuch mal

#menu a{
position:relative;
top:12px;
}

oder auch

#menu ul li a{
position:relative;
top:12px;
}

wow DANKE, der wars. uffffff

Ric


--------------------
Flugpreisvergleich
Billigflüge
Mietwagen
Top
PMEmail PosterUsers Website
Top
 
Thema wird von 0 Benutzer(n) gelesen (0 Gäste und 0 anonyme Benutzer)
0 Mitglieder:
« Photoshop CS2 Tutorial | Design, Content & Usability | Padding-Top und FF »
Trackback-Url: http://www.ayom.com/track/t/19349
Dieses Thema abonnieren

Topic Options Reply to this topicStart new topicStart Poll

 


> Ähnliche Themen
Themen Titel Autor Views Antworten Letzte Aktion
Kleines Problem mit preg_replace... BartTheDevil89 77 3 Do 20.11.2008, 22:13
Problem bei Mail-Versand PH 344 14 Di 11.11.2008, 08:32
Datenbankabfrage Problem Mauf 234 13 Mi 22.10.2008, 15:48
Php mail Problem UTF-8 Carbon 356 6 So 19.10.2008, 12:35
Firefox Problem Marc3l 165 4 So 19.10.2008, 10:42
php Array Problem kekskruemel 155 5 Di 14.10.2008, 22:36
Install-Problem mit Elgg MacGyver 171 1 Fr 10.10.2008, 12:16
FTP Problem DrCash 123 1 Mi 1.10.2008, 06:28
Zanox und OpenX Problem FAn1919 301 5 Di 23.09.2008, 17:33
Problem mit JavaScript & Flash Marc3l 258 4 Mo 22.09.2008, 06:49




Anzeige - [Hier werben / Mediadaten]



Anzeigen


[Hier werben / Mediadaten]