Autor |
Nachricht |
SURE612
Dabei seit: 02.12.2005
Ort: Bärlin / CB
Alter: -
Geschlecht:
|
Verfasst Mi 08.10.2008 14:50
Titel
|
|
|
Code: |
*:first-child+html #logo
{
margin: 15px 0 0 0;
padding:80px 0px 0px 0px;
background: #ffffff url(images/tw_logo.jpg) bottom right no-repeat;
height: 19px;
}
|
wozu margin und padding?
bei dir würde eins reichen. zb. padding 95px
|
|
|
|
|
ottscho
Threadersteller
Dabei seit: 10.01.2006
Ort: Nähe Freiburg
Alter: 41
Geschlecht:
|
Verfasst Mi 08.10.2008 15:05
Titel
|
|
|
@SURE612
jo, doppelt gemoppelt... ist unnötig hast recht.
leider löst das mein problem mit der navi nicht...
@misprintedtype
danke, ist ein guter Link
|
|
|
|
|
Anzeige
|
|
|
misprintedtype
Dabei seit: 08.08.2006
Ort: -
Alter: -
Geschlecht:
|
Verfasst Mi 08.10.2008 15:27
Titel
|
|
|
gern =)
|
|
|
|
|
status4
Dabei seit: 01.10.2008
Ort: -
Alter: -
Geschlecht: -
|
Verfasst Mi 08.10.2008 15:29
Titel
|
|
|
Du kannst inline Elemente nicht mit padding-bottom und padding-top Eigenschaften versehen, dadurch
ensteht die unterschiedliche Darstellung. Füge den Hyperlink Elemente eine display Eigenschaft mit dem
Wert "inline-block" hinzu und entferne diesen dreckigen selector hack. Durch whitespace enstehende
Zwischenräume mit negativen margin zu korrigieren ist auch nicht der beste Weg. Hier wurden schon
häufig Links zu Informationen zum gestalten von Navigationen gepostet die sich auch auf Quelltext usw
beziehen.
Zum Beispiel:
http://css.maxdesign.com.au/listamatic/
Ganz von vorne zu beginnen wäre ratsam.
Zuletzt bearbeitet von status4 am Mi 08.10.2008 15:32, insgesamt 1-mal bearbeitet
|
|
|
|
|
ottscho
Threadersteller
Dabei seit: 10.01.2006
Ort: Nähe Freiburg
Alter: 41
Geschlecht:
|
Verfasst Mi 08.10.2008 15:35
Titel
|
|
|
status4 hat geschrieben: | Du kannst inline Elemente nicht mit padding-bottom und padding-top Eigenschaften versehen,
dadurch ensteht die unterschiedliche Darstellung. Füge den Hyperlink Elemente eine display Eigenschaft
mit dem Wert "inline-block" hinzu und entferne diesen dreckigen selector hack. |
hab vergessen zu erwähnen das ich anfänger bin ^^
deine worte hören sich für mich japanisch an.
das einzigste was ich verstanden habe, ist den hack zu entfernen hehe
wäre nett, wenn du mir ein beispiel hättest, wie oder was du genau meinst...
Vielen Dank
EDIT:
ich war wohl zu schnell.
ganz von vorne zu beginnen(das ist auf css allg. bezogen), wollte ich eig. nicht. weil ich einmal im jahr etwas mit css mache. und dann ab und an halt fehler drine habe, die ich hoffe mit hilfe von euch profis zu lösen. man kann ja nicht alles können, und dazu zähle ich webdesign *g*
ich zieh mir dein link gleich mal rein... DANKE DIR
EDIT2:
aber was ich noch nicht verstehe. was ist am code genau falsch? der IE6, FF etc zeigen es ja korrekt an, nur der IE7 macht Probleme
Zuletzt bearbeitet von ottscho am Mi 08.10.2008 15:45, insgesamt 4-mal bearbeitet
|
|
|
|
|
status4
Dabei seit: 01.10.2008
Ort: -
Alter: -
Geschlecht: -
|
Verfasst Mi 08.10.2008 15:45
Titel
|
|
|
Entferne den Hack. Dann die Höhenangabe von #logo, anschließend display: inline-block;
den Klassen .navitab und .activenavitab hinzufügen. Außerdem den negativen margin Wert
der Klasse .activenavitab durch 0 ersetzen.
Das sollte dann schon mal ein paar Probleme behoben haben.
Zuletzt bearbeitet von status4 am Mi 08.10.2008 15:46, insgesamt 1-mal bearbeitet
|
|
|
|
|
ottscho
Threadersteller
Dabei seit: 10.01.2006
Ort: Nähe Freiburg
Alter: 41
Geschlecht:
|
Verfasst Mi 08.10.2008 15:53
Titel
|
|
|
okay, jetzt habe ich es im IE soweit okay (bis auf die markierte nav, da muss ich wohl noch was vergessen haben...) aber im FF sieht es komisch aus und passt nicht mehr.
EDIT... ne jetzt passt es. hatte noch was übersehen,
Vielen vielen Dank
Zuletzt bearbeitet von ottscho am Mi 08.10.2008 15:55, insgesamt 1-mal bearbeitet
|
|
|
|
|
status4
Dabei seit: 01.10.2008
Ort: -
Alter: -
Geschlecht: -
|
Verfasst Mi 08.10.2008 15:55
Titel
|
|
|
Ich habe hier jetzt nur FF3, IE7 und Opera in neuser Version zum testen, so solltest du gut fahren:
Code: | #logo {
padding:95px 0px 0px 0px;
background: #ffffff url(images/tw_logo.jpg) bottom right no-repeat;
}
.navitab {
display: inline-block;
color: #3a4c8a;
padding: 4px 8px 2px 8px;
margin: 0px -3px 0px 0px;
font-size: 1.2em;
font-weight:bold;
text-decoration: none;
letter-spacing: 1px;
background: #B0B0B0 url(images/navi_eck2.gif) top left no-repeat;
}
.navitab:hover {
color: #3a4c8a;
text-decoration: none;
background: #d0d0d0 url(images/navi_eck2.gif) top left no-repeat;
}
.activenavitab {
display: inline-block;
padding: 6px 8px 2px 8px;
color: #ffffff;
margin: 0 -3px 0 0;
font-size: 1.2em;
font-weight:bold;
text-decoration: none;
background: #7d76a9 url(images/navi_eck2.gif) top left no-repeat;
} |
Korrigiere die Padding Werte für die hervorgehobene Darstellung der aktiven Seite.
|
|
|
|
|
|
|
|
Ähnliche Themen |
css - div positionierung
Div Positionierung
CSS Positionierung ...
DIV Positionierung
IE8 und die Positionierung
[CSS] Probleme mit DIV-Positionierung
|
|