mediengestalter.info
FAQ :: Mitgliederliste :: MGi Team

Willkommen auf dem Portal für Mediengestalter

Aktuelles Datum und Uhrzeit: So 28.04.2024 04:57 Benutzername: Passwort: Auto-Login

Thema: [CSS] Positionierung vom 08.10.2008


Neues Thema eröffnen   Neue Antwort erstellen MGi Foren-Übersicht -> Allgemeines - Nonprint -> [CSS] Positionierung
Seite: Zurück  1, 2, 3, 4, 5  Weiter
Autor Nachricht
SURE612

Dabei seit: 02.12.2005
Ort: Bärlin / CB
Alter: -
Geschlecht: Männlich
Verfasst Mi 08.10.2008 14:50
Titel

Antworten mit Zitat Zum Seitenanfang

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
  View user's profile Private Nachricht senden Website dieses Benutzers besuchen
ottscho
Threadersteller

Dabei seit: 10.01.2006
Ort: Nähe Freiburg
Alter: 41
Geschlecht: Männlich
Verfasst Mi 08.10.2008 15:05
Titel

Antworten mit Zitat Zum Seitenanfang

@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
  View user's profile Private Nachricht senden
Anzeige
Anzeige
misprintedtype

Dabei seit: 08.08.2006
Ort: -
Alter: -
Geschlecht: Weiblich
Verfasst Mi 08.10.2008 15:27
Titel

Antworten mit Zitat Zum Seitenanfang

gern =)
  View user's profile Private Nachricht senden
status4

Dabei seit: 01.10.2008
Ort: -
Alter: -
Geschlecht: -
Verfasst Mi 08.10.2008 15:29
Titel

Antworten mit Zitat Zum Seitenanfang

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
  View user's profile Private Nachricht senden
ottscho
Threadersteller

Dabei seit: 10.01.2006
Ort: Nähe Freiburg
Alter: 41
Geschlecht: Männlich
Verfasst Mi 08.10.2008 15:35
Titel

Antworten mit Zitat Zum Seitenanfang

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 *zwinker* 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 *Schnief*


Zuletzt bearbeitet von ottscho am Mi 08.10.2008 15:45, insgesamt 4-mal bearbeitet
  View user's profile Private Nachricht senden
status4

Dabei seit: 01.10.2008
Ort: -
Alter: -
Geschlecht: -
Verfasst Mi 08.10.2008 15:45
Titel

Antworten mit Zitat Zum Seitenanfang

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
  View user's profile Private Nachricht senden
ottscho
Threadersteller

Dabei seit: 10.01.2006
Ort: Nähe Freiburg
Alter: 41
Geschlecht: Männlich
Verfasst Mi 08.10.2008 15:53
Titel

Antworten mit Zitat Zum Seitenanfang

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 *zwinker*


Zuletzt bearbeitet von ottscho am Mi 08.10.2008 15:55, insgesamt 1-mal bearbeitet
  View user's profile Private Nachricht senden
status4

Dabei seit: 01.10.2008
Ort: -
Alter: -
Geschlecht: -
Verfasst Mi 08.10.2008 15:55
Titel

Antworten mit Zitat Zum Seitenanfang

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.
  View user's profile Private Nachricht senden
 
Ähnliche Themen css - div positionierung
Div Positionierung
CSS Positionierung ...
DIV Positionierung
IE8 und die Positionierung
[CSS] Probleme mit DIV-Positionierung
Neues Thema eröffnen   Neue Antwort erstellen Seite: Zurück  1, 2, 3, 4, 5  Weiter
MGi Foren-Übersicht -> Allgemeines - Nonprint


Du kannst keine Beiträge in dieses Forum schreiben.
Du kannst auf Beiträge in diesem Forum nicht antworten.
Du kannst an Umfragen in diesem Forum nicht mitmachen.