[GastForen Archiv Adobe GoLive CSS - Browser abhängig?

  • Suche
  • Hilfe
  • Lesezeichen
  • Benutzerliste
Archiv - Archivierte Foren
Themen
Beiträge
Moderatoren
Letzter Beitrag

CSS - Browser abhängig?

den7
Beiträge gesamt: 280

21. Mai 2004, 14:38
Beitrag # 1 von 8
Bewertung:
(2324 mal gelesen)
URL zum Beitrag
Beitrag als Lesezeichen
hallo zusammen

Ich habe in meinem css eine linkdefinition gemacht mit visited. das css wird unterschiedlich im browser ie 5 5.5 6 definiert. gibt es da eine Möglichkeit, dies richitgzustellen, dass es auf allen browser richtig läuft?

Vielleicht müsste ich noch erwähnen, dass es im CMS Programm ausgeführt werden sollte. Hat dies auch noch einen Einfluss auf CSS?

Gruss und danke fürs feedback
den
X

CSS - Browser abhängig?

Kusi
Beiträge gesamt: 1398

21. Mai 2004, 15:48
Beitrag # 2 von 8
Beitrag ID: #86604
Bewertung:
(2324 mal gelesen)
URL zum Beitrag
Beitrag als Lesezeichen
Hi
Soviel ich weiss, sollten diese Browser das gleich darstellen. Kannst du mal den Code des CSS hier veröffentlichen, mal sehen, was du alles zugewiesen hast.

Gruss
Kusi

http://www.k-k.ch


als Antwort auf: [#86585]

CSS - Browser abhängig?

r a c
Beiträge gesamt: 955

21. Mai 2004, 16:26
Beitrag # 3 von 8
Beitrag ID: #86616
Bewertung:
(2324 mal gelesen)
URL zum Beitrag
Beitrag als Lesezeichen
Hallo,

…Browser abhängig?…
Ja, insofern, dass bei älteren Browsern CSS nicht, oder nicht vollständig integriert ist.

…dass es auf allen browser richtig läuft?…
Nein, was ein alter Browser nicht kann, das kann er nicht. Deshalb die neuen Versionen.

Aber konkret: Probleme macht vorallem NN 4.x.
Bei IE 5, 5.5 und 6 wird es kaum am Browser liegen, sondern an deinem CSS.
:visited ist CSS 1, das muss gehn.

Grüsse r a c


als Antwort auf: [#86585]

CSS - Browser abhängig?

den7
Beiträge gesamt: 280

24. Mai 2004, 11:07
Beitrag # 4 von 8
Beitrag ID: #86881
Bewertung:
(2324 mal gelesen)
URL zum Beitrag
Beitrag als Lesezeichen
Wie meinst du das visited ist css1?
-Dass der visited begriff mit Browser Version eins funktioneren sollte??

hier einmal einen ausschnitt des CSS, ganz unten sieht man den Visited Hinweis:

grüesse
Den7

******************************************************
.dynamischnavtext
{
FONT: 9pt, Arial, Verdana;
TEXT-TRANSFORM: none;
COLOR: #666666;
TEXT-DECORATION: none
}
.dynamischnavtextZusatz
{
FONT: 9pt, Verdana, Arial;
TEXT-TRANSFORM: none;
COLOR: #666666;
TEXT-DECORATION: none
}
A:hover
{
COLOR: #ff1a00
}
A
{
BORDER-RIGHT: medium none;
BORDER-TOP: medium none;
TEXT-TRANSFORM: none;
BORDER-LEFT: medium none;
COLOR: #666666;
BORDER-BOTTOM: medium none;
TEXT-DECORATION: underline
}
A.Navigation:hover
{
COLOR: #ff1a00
}
A.Navigation
{
BORDER-RIGHT: medium none;
BORDER-TOP: medium none;
TEXT-TRANSFORM: none;
BORDER-LEFT: medium none;
COLOR: #666666;
BORDER-BOTTOM: medium none;
TEXT-DECORATION: none
}
A.NavigationZusatz:hover
{
}
A.NavigationZusatz
{
BORDER-RIGHT: medium none;
BORDER-TOP: medium none;
FONT-SIZE: 7pt;
TEXT-TRANSFORM: none;
BORDER-LEFT: medium none;
COLOR: #ffffff;
BORDER-BOTTOM: medium none;
TEXT-DECORATION: none
}
A.NavigationZusatz_Close
{
BORDER-RIGHT: medium none;
BORDER-TOP: medium none;
FONT-SIZE: 7pt;
TEXT-TRANSFORM: none;
BORDER-LEFT: medium none;
COLOR: #636563;
BORDER-BOTTOM: medium none;
TEXT-DECORATION: none
}
A.Verweis:hover
{
FONT-SIZE: 9pt;
COLOR: #ff1a00;
FONT-FAMILY: arial,helvetica
}
A.Verweis
{
BORDER-RIGHT: medium none;
BORDER-TOP: medium none;
FONT-SIZE: 9pt;
TEXT-TRANSFORM: none;
BORDER-LEFT: medium none;
COLOR: #666666;
BORDER-BOTTOM: medium none;
FONT-FAMILY: arial,helvetica;
TEXT-DECORATION: none
}
BODY
{
FONT-SIZE: 9pt;
FONT-FAMILY: Arial,Verdana;
BACKGROUND-COLOR: #f8f8f8
}
BODY.margin
{
LEFT: 0px;
MARGIN-LEFT: 0px;
MARGIN-RIGHT: 0px;
POSITION: absolute;
TOP: 0px
}
DIV.green
{
LEFT: 193px;
BORDER-LEFT: #008837 2px solid;
WIDTH: 4px;
POSITION: absolute;
TOP: 98px;
HEIGHT: 200px
}
DIV.red
{
BORDER-TOP: #ff1a00 2px solid;
LEFT: 200px;
WIDTH: 200px;
POSITION: absolute;
TOP: 96px;
HEIGHT: 4px
}
DIV.greenRight
{
LEFT: 766px;
BORDER-LEFT: #008837 2px solid;
WIDTH: 4px;
POSITION: absolute;
TOP: 98px;
HEIGHT: 200px
}
DIV.redRight
{
BORDER-TOP: #ff1a00 2px solid;
LEFT: 777px;
WIDTH: 200px;
POSITION: absolute;
TOP: 96px;
HEIGHT: 4px
}
.subtitle1
{
FONT-WEIGHT: bolder;
FONT-SIZE: 9pt;
COLOR: #fdb357;
FONT-FAMILY: Arial
}
.subtitle2
{
FONT-WEIGHT: bolder;
FONT-SIZE: 9pt;
COLOR: #688cc0;
FONT-FAMILY: Arial
}
.subtitle3
{
FONT-WEIGHT: bolder;
FONT-SIZE: 9pt;
COLOR: #63CF63;
FONT-FAMILY: Arial
}
.subtitle4
{
FONT-WEIGHT: bolder;
FONT-SIZE: 9pt;
COLOR: #fc764a;
FONT-FAMILY: Arial
}
.subtitle5
{
BORDER-TOP: #fc764a 1px;
FONT-WEIGHT: bolder;
FONT-SIZE: 9pt;
COLOR: #cc99cc;
FONT-FAMILY: Arial
}
.subtitle6
{
FONT-WEIGHT: bolder;
FONT-SIZE: 9pt;
COLOR: #333399;
FONT-FAMILY: Arial
}
.subtitle7
{
FONT-WEIGHT: bolder;
FONT-SIZE: 9pt;
COLOR: #00733E;
FONT-FAMILY: Arial
}
.title
{
FONT-WEIGHT: bolder;
FONT-SIZE: 10pt;
COLOR: black;
FONT-FAMILY: Arial
}
.title1
{
FONT-WEIGHT: bolder;
FONT-SIZE: 10pt;
COLOR: #fdb357;
FONT-FAMILY: Arial
}
.title2
{
FONT-WEIGHT: bolder;
FONT-SIZE: 10pt;
COLOR: #688cc0;
FONT-FAMILY: Arial
}
.title3
{
FONT-WEIGHT: bolder;
FONT-SIZE: 10pt;
COLOR: #63CF63;
FONT-FAMILY: Arial
}
.title4
{
FONT-WEIGHT: bolder;
FONT-SIZE: 10pt;
COLOR: #fc764a;
FONT-FAMILY: Arial
}
.title5
{
FONT-WEIGHT: bolder;
FONT-SIZE: 10pt;
COLOR: #cc99cc;
FONT-FAMILY: Arial
}
.title6
{
FONT-WEIGHT: bolder;
FONT-SIZE: 10pt;
COLOR: #333399;
FONT-FAMILY: Arial
}
.title7
{
FONT-WEIGHT: bolder;
FONT-SIZE: 10pt;
COLOR: #00733E;
FONT-FAMILY: Arial
}
IMG.Imgtyp1
{
MARGIN-TOP: 0px;
MARGIN-LEFT: 0px;
WIDTH: 210px;
HEIGHT: 138px
}
IMG.Imgtyp2
{
MARGIN-TOP: 0px;
MARGIN-LEFT: 0px;
WIDTH: 83px;
HEIGHT: 61px
}
IMG.Imgtyp3
{
MARGIN-TOP: 0px;
MARGIN-LEFT: 0px;
WIDTH: 146px;
HEIGHT: 98px
}
TD.ContentSubtitle
{
FONT-SIZE: 10pt;
COLOR: #000000;
FONT-FAMILY: Arial
VERTICAL-ALIGN: top;
HEIGHT: 80px
}
TD.Content
{
FONT-SIZE: 9pt;
COLOR: #000000;
FONT-FAMILY: Arial
}
TD.Panel
{
FONT-FAMILY: Arial;
BACKGROUND-COLOR: lightgreen
}
.ContentDate
{
FONT-WEIGHT: normal;
FONT-SIZE: 9pt;
FONT-FAMILY: Arial
}
TD.ProductTitle
{
FONT-WEIGHT: bold;
FONT-SIZE: 8pt;
COLOR: #000000;
FONT-FAMILY: Arial
}
TD.NewsTitle
{
FONT-WEIGHT: bold;
FONT-SIZE: 9pt;
COLOR: #000000;
FONT-FAMILY: Arial
}

/*ANI, changed news from NewsTitle to this*/
TD.NewsTitleList
{
FONT-WEIGHT: bold;
FONT-SIZE: 9pt;
COLOR: #000000;
FONT-FAMILY: Arial
}
TD.NewsTitleList A:visited /*ANI, 14.04.2004*/ /*FED 20.04.2004*/
{
COLOR: #969696
}
/*******************************************/

TD.TeaserTitle


als Antwort auf: [#86585]

CSS - Browser abhängig?

SabineP
Beiträge gesamt: 7586

24. Mai 2004, 13:45
Beitrag # 5 von 8
Beitrag ID: #86918
Bewertung:
(2324 mal gelesen)
URL zum Beitrag
Beitrag als Lesezeichen
Hallo den,

ich empfehle Dir, daß Du Dein CSS mal hier überprüfst:
http://jigsaw.w3.org/css-validator/

Da sind einige Fehler drin.

Gruß Sabine


als Antwort auf: [#86585]

CSS - Browser abhängig?

r a c
Beiträge gesamt: 955

24. Mai 2004, 15:28
Beitrag # 6 von 8
Beitrag ID: #86937
Bewertung:
(2324 mal gelesen)
URL zum Beitrag
Beitrag als Lesezeichen
Hallo,

…Dass der visited begriff mit Browser Version eins funktioneren sollte?…
Nein!
Die Pseudoclass :visited gehört zur ersten Version CSS und wird von allen Browsern unterstützt, die überhaupt CSS unterstützen. Die erste Generation Browser ist das natürlich nicht.

Du brauchst nicht wirklich riesige Teile Quellcode zu posten. Besser du kopierst nur die Stellen, die von Belang sind. Also z.B. diese Stelle:

A.NavigationZusatz:hover
{
}

Was erwartest du, dass hier angezeigt werden soll?


als Antwort auf: [#86585]
(Dieser Beitrag wurde von r a c am 24. Mai 2004, 15:30 geändert)

CSS - Browser abhängig?

r a c
Beiträge gesamt: 955

24. Mai 2004, 15:42
Beitrag # 7 von 8
Beitrag ID: #86939
Bewertung:
(2324 mal gelesen)
URL zum Beitrag
Beitrag als Lesezeichen
Nachtrag:
http://selfhtml.teamone.de/...d_hover_active_focus

Du siehst an den Symbolen, dass :hover seit NN4 und IE3 unterstützt wird.

Grüsse r a c


als Antwort auf: [#86585]

CSS - Browser abhängig?

Kusi
Beiträge gesamt: 1398

24. Mai 2004, 18:36
Beitrag # 8 von 8
Beitrag ID: #86970
Bewertung:
(2324 mal gelesen)
URL zum Beitrag
Beitrag als Lesezeichen
Und noch ein kleiner Hinweis:
Schaue, das der Hover immer am Schluss der gleichen Gruppe der Linkdefinitionen ist. Da spinnen manche Browser, wenn der nicht zu letzt ist.

Gruss
Kusi

http://www.k-k.ch


als Antwort auf: [#86585]
X

Veranstaltungskalender

Hier können Sie Ihre Anlässe eintragen, welche einen Zusammenhang mit den Angeboten von HilfDirSelbst.ch wie z.B. Adobe InDesign, Photoshop, Illustrator, PDF, Pitstop, Affinity, Marketing, SEO, Büro- und Rechtsthemen etc. haben. Die Einträge werden moderiert freigeschaltet. Dies wird werktags üblicherweise innert 24 Stunden erfolgen.

pdf-icon Hier eine kleine Anleitung hinsichtlich Bedeutung der auszufüllenden Formularfelder.

Veranstaltungen
18.06.2024

Online
Dienstag, 18. Juni 2024, 10.00 - 10.30 Uhr

Webinar

In diesen beiden kostenlose Webinaren erfahren Sie, wie Sie mit Hilfe von Enfocus Griffin und dem Impressed Workflow Server Ihren LFP-Workflows optimieren können. 18.06.2024: So optimieren Sie Ihre Prozesse mit Enfocus Griffin 02.07.2024: So sparen Sie Zeit und Geld mit Impressed Workflow Server in der LFP-Edition Griffin: Griffin ist das leistungsstarke Kraftpaket für das automatische Nesting im Großformatdruck. Dank eines ausgeklügelten, KI-basierten Nesting-Algorithmus können Sie mit Griffin Vorlagen schnell und effizient vernutzen – und das klappt auch mit unregelmäßigen Formen perfekt. Das spart Ihnen unzählige Stunden, die Sie bisher mit dem manuellen Nesting und Ausschießen verbracht haben. Einige wichtige Funktionen ≡ Anlage von Beschnittzugaben ≡ Automatische Erzeugung der Schnittkontur ≡ Erstellung von Strichcodes, Textmarkierungen und Registrierungen IWS LFP Edition: Komplizierte, kleinteilige Aufträge; alles sehr speziell; seit Jahren bewährte Prozesse – da können wir nichts standardisieren und automatisieren! Das sagen viele Großformatdrucker – aber stimmt das wirklich, ist dem tatsächlich so? Mit dem IWS LFP Edition automatisieren Sie Ihre Produktion von der Übernahme der Daten aus dem ERP-System bis zur Erzeugung der verschachtelten Druckform und der Übergabe an den RIP. Phoenix Core ist eine hochentwickelte KI-Technologie für die Planung und das Nesting von Druckerzeugnissen. Anders als herkömmliche Ausschießlösungen arbeitet Phoenix nicht auf Basis von Vorlagen, sondern erzeugt entsprechend der Maschinen- und Produktionsanforderungen druckfertige Layouts „on-the-fly“.

kostenlos

Ja

Organisator: Impressed GmbH

https://www.impressed.de/schulung.php?c=sDetail&sid=328

So optimieren Sie Ihren LFP-Workflow
Veranstaltungen
20.06.2024

Online
Donnerstag, 20. Juni 2024, 15.00 - 15.45 Uhr

Webinar

Etiketten-Workflows gehören zu den anspruchsvollsten in der grafischen Industrie. Ihre PDF-Dateien sind oft sehr komplex und erfordern eine spezielle Vorbereitung. pdfToolbox bietet viele Möglichkeiten, um diese Arbeit zu automatisieren. Nehmen Sie an unserem Webinar "pdfToolbox für den Etikettendruck" teil und lernen Sie einige der Funktionen kennen, die Ihren Etiketten-Workflow effizienter gestalten. Einige der Bereiche, die Sie kennenlernen werden, sind: Beschnitt erzeugen Beim Etikettendruck ist das Druckmotiv oft nicht rechteckig. Lernen Sie, wie Sie einen passenden Beschnitt für alle Arten von Formen hinzufügen können. Produktionsreife Dateien erstellen nutzen Sie bereits vorliegende Inhalte oder Seiteninformationen, um eine Weißform hinter dem Seiteninhalt hinzuzufügen, eine passgenaue Lackform für bestimmte Objekte zu erzeugen oder eine Stanzlinie mit korrektem Sonderfarbnamen zu erstellen. Ausschießen, Step & Repeat, N-Up Mit der Ausschieß-Engine von pdfToolbox lassen sich Seiten zu größeren Druckbögen zusammenfassen, wobei verschiedene Layouts und Komplexitäten unterstützt werden. Hochwertige Freigabe-Bögen Erstellen Sie automatisch Freigabe-Bögen mit Vorschaubildern Ihrer Produktionsdatei und Auftragsdaten aus dem MIS. Qualitätskontrolle pdfToolbox enthält Standard-Preflight-Profile, die die grundlegenden Anforderungen an PDF-Dateien in Etiketten-Workflows abdecken. Prüfen Sie ob Ihre Dokumente internationalen Standards wie ISO PDF/X oder GWG (Ghent Workgroup) Spezifikationen entspricht. Verpackungs- und etikettenspezifische Vorgaben, wie der ISO-Standard „Processing Steps“, werden ebenfalls unterstützt.

kostenlos

Ja

Organisator: callassoftware

https://www.impressed.de/schulung.php?c=sDetail&sid=322

pdfToolbox für den Ettikettendruck