 Firefox und IE unterschiedliche Darstellung? |
|
Willkommen, Gast ( Anmelden | Registrierung )
HTML-Editor phase 5 Support > Fragen, Lösungen zu HTML-Problemen bzw. Webdesign-Fragen - Talk > HTML  |
 10.01.2006 - 17:06
Beitrag
#1
|
|
|
looks good Gruppe: User Beiträge: 40 Mitglied seit: 07.12.2005 Mitglieds-Nr.: 5.663  |
hallo,
da ich ein wort sowie ein leeres feld nach dem wort bis zu einem bestimmten Punkt färben wollte habe ich es auf diese Art gemacht allerdings wird es bei firefox nicht so angezeigt das die freien Felder wo ich leerzeichen benutzt habe um eine gefärbten Rahmen darzustellen. Gibt es irgendeine Möglichkeit es anderster zu machen? <span style="word-spacing:35em;background-color:red;font-size:20px;"> <u><font color="#FFFFFF">Anschrift:</font></u> </span> mfg sinot |
 |
 
|
|
10.01.2006 - 18:22
Beitrag
#2
|
|
|
Kommt Zeit, kommt Rat, kommt Conrad!  Gruppe: Mods Beiträge: 1.169 Mitglied seit: 21.11.2001 Wohnort: Altenkirchen, Westerwald Mitglieds-Nr.: 42 |
Hallo,
vielleicht in etwa so: <span style="word-spacing: 35em; background-color: red; font-size: 20px; color: #FFFFFF; font-style: underline;">Anschrift: </span> Wobei Du die (erzwungene Leerzeichen) für den Leerraum nehmen solltest. <font> und <u> kannst du weglassen und in span style= mit einbeziehen... noxch besser wäre natürlich eine css class zu verwenden  cu Conny |
|
|
|
|
10.01.2006 - 19:00
Beitrag
#3
|
|
|
looks good Gruppe: User Beiträge: 40 Mitglied seit: 07.12.2005 Mitglieds-Nr.: 5.663 |
kannst du mir am obigen beispiel zeigen wie das mit css aussehen würde?
mfg sinot |
|
|
|
|
10.01.2006 - 19:19
Beitrag
#4
|
|
|
Kommt Zeit, kommt Rat, kommt Conrad! Gruppe: Mods Beiträge: 1.169 Mitglied seit: 21.11.2001 Wohnort: Altenkirchen, Westerwald Mitglieds-Nr.: 42 |
Klaro!
In der HTML-Datei schreibst Du: <span class="irgendwas">Anschrift: </span> in der CSS-Datei steht dann: .irgendwas { word-spacing: 35em; background-color: red; font-size: 20px; color: #FFFFFF; font-style: underline; } cu Conny |
|
|
|
|
13.01.2006 - 14:06
Beitrag
#5
|
|
|
looks good Gruppe: User Beiträge: 40 Mitglied seit: 07.12.2005 Mitglieds-Nr.: 5.663 |
grüße,
also hört sich vielleicht schwachsinnig an aber gibt es denn sowas wie eine faustregel wie man seiten gestaltet. weil ich kann nicht alles probiern um zu sehen was fehler verursacht und was nicht wo ein vorteil ist und wo nicht. Das wäre angesichts der verschiedenen vorhaben eines jeden auch nicht möglich. Aber ne erste seite hatte fertiggestellt gehabt ok. so jetzt bin ich dabei es komplett umzustellen und habe ein wenig CSS, Frames sowie tabellen benutzt. ist es möglich bzw. besser eine seite nur mit CSS zu machen oder nur mit tabellen, wenn überhaupt möglich? Hoffe versteht einer ,weil ich momentan beim durchlesen von tutorials und dem Forum hier nicht genau weiß wonach ich mich richten soll. Von allem ein bißchen oder wie? mfg sinot PS:Das alles technisch funktioniert ist mein kleinstes Problem (Hyperlinks, Frames, Tabellen null problemp, teste auch mit firefox und IE) vielmehr das Aussehen von Seiten irgendwie bekomme ich nicht das hin was ich will aber finde dann eine notlösung wonach die seite aber nicht gerade hübsch sage ich mal aussieht. |
|
|
|
|
13.01.2006 - 19:39
Beitrag
#6
|
|
|
Kommt Zeit, kommt Rat, kommt Conrad! Gruppe: Mods Beiträge: 1.169 Mitglied seit: 21.11.2001 Wohnort: Altenkirchen, Westerwald Mitglieds-Nr.: 42 |
Hallo,
versuche es doch mal wie folgt zu handhaben: In der eigentliche HTML-Seite sollte nur der Inhalt stehen wie Überschrift(en), Text, Verweise, Bildern und deren Platzierung. Ganz grob beschränkt sich der html-Code-Anteil also auf <H1>, <P> und <DIV> eventuel noch die Tabelle, dann die Links <A HREF und die Bilder <IMG . ALLES ANDERE wie Schriften, Größe, Art, Farben (Vor- und Hintergrund), Abgrenzungen, etc., kurz: das weitere Layout legtst Du in der CSS-Datei. Verwende CLASS oder ID um entsprechend referenzieren und zuweisen zu können. Vermeide nach Möglichkeit sowohl das Layout mit Tabellen zu gestalten, als auch zu diesem Zweck Frames zu verwenden. Wenn Du es so beherzigst bist du schon mal ganz gut unterwegs!!  cu Conny |
|
|
|
|
16.01.2006 - 13:23
Beitrag
#7
|
|
|
looks good Gruppe: User Beiträge: 40 Mitglied seit: 07.12.2005 Mitglieds-Nr.: 5.663 |
alles klar danke für die tipps, werde das jetzige projekt fertigmachen. Es läuft alles aber ich denke von Frames werde ich das nächste mal absehen da diese einem schon die Hände knebel und sich aufs äußere wirken ohne das man da noch viel verändern kann.
mfg sinot EDIT: ich bekomme text rechts neben das Bild rein aber nach einer bestimmten grenze fällt der TExt unter das Bild, wie kann ich einen mehrzeiligen text nebendran schreiben? <ul id="Navigation" style="font-size:20px;"> Nokia <img align="center" src="bilder/bild.jpg" alt="" border="1">texttexttexttexttexttexttexttexttexttexttexttexttext </ul> mfg sinot der gesamte Code ist wie folgt: HTML <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <title>akkus</title> <meta name="author" content="Besitzer"> <style type="text/css"> body { background-color:; font-weight:bold; font-family:Arial; font-size:100%; } ul#Navigation { width: 10em; margin-left: 0; padding: 0em; border: 1px solid black; background-color:; } * html ul#Navigation { width: 10em; w\idth: 5em; padding-left: 0; padd\ing-left: 0.8em; padd\ing-right: 0.8em; padd\ing-bottom: 0.8em; } ul#Navigation li { list-style: none; margin: 0.4em; padding: 0.1em; border: 0px solid gray; background-color: #eee; } ul#Navigation a { text-decoration: none; font-weight: bold; color:#FF0000; background-color:; } ul#Navigation a:hover { color: white; background-color:#000000; } </style> </head> <body text="#000000" bgcolor="#FFFFFF" link="#FF0000" alink="#FF0000" vlink="#FF0000"> <div id="roterBereich" align="left" style="border:3px width:5px"> <ul id="Navigation" style="font-size:20px;"> TEXTEXT <img align="center" src="akkus/nokia/01nokia.jpg" alt="" border="1">texttexttexttexttexttexttexttext </ul> </body> </html> Der Beitrag wurde von sinot bearbeitet: 16.01.2006 - 16:41 |
|
|
|
|
16.01.2006 - 17:11
Beitrag
#8
|
|
|
Weiss zuviel!! Gruppe: Mods Beiträge: 668 Mitglied seit: 19.04.2002 Wohnort: Grimmen Mitglieds-Nr.: 385 |
Hallo,
das lässt sich mit CSS elegant lösen und wird in SelfHTML bestens erklärt. Suche nach der Eigenschaft float. |
|
|
|
|
16.01.2006 - 17:27
Beitrag
#9
|
|
|
looks good Gruppe: User Beiträge: 40 Mitglied seit: 07.12.2005 Mitglieds-Nr.: 5.663 |
jawohl genauso sowas suche ich tausend dank, ein wort und schon hat man alle macht wieder....
mfg sinot EDIT: das ist die ultimative Eigenschaft, das nenn ich frei Hand.  also ich bemerke gerade das der oben abgebildete code bei firefox fehler verursacht. Denn dort wird der Rahmen der um das Bild ist, überhaupt nicht abgebildet stattdessen erscheint ein rotes dickes Feld neben dem Bild, woran liegt das? Der Beitrag wurde von sinot bearbeitet: 16.01.2006 - 19:29 |
|
|
|
|
17.01.2006 - 1:36
Beitrag
#10
|
|
|
Anwärter auf W3.org Mitgliedschaft  Gruppe: User Beiträge: 550 Mitglied seit: 28.11.2001 Wohnort: Berlin Friedrichshain Mitglieds-Nr.: 107 |
Hallo
ZITAT(sinot @ 16.01.2006 - 17:27)  also ich bemerke gerade das der oben abgebildete code bei firefox fehler verursacht. Oh Wunder! ;-) Nee, mal im Ernst: Du gibst den Doctype HTML 4.01 strict an. Dennoch benutzt du Attribute, die es in dieser Sprachversion garnicht gibt (align, border und sämtliche Angaben im body-Tag). Du formatierst per CSS Listenpunkte und Links, die im Dokument nicht vorhanden sind. Passe deine HTML-Angaben erstmal so an, dass sie zum CSS passen. Dann dürfte das schon eher nach dem aussehen, was vorgesehen ist. ZITAT(sinot @ 16.01.2006 - 17:27) Denn dort wird der Rahmen der um das Bild ist, überhaupt nicht abgebildet stattdessen erscheint ein rotes dickes Feld neben dem Bild, woran liegt das? FireFox hält sich an den HTML-Standard. Das beinhaltet eben auch, dass die Angabe des Border im img-Tag, welche bei HTML 4.01 strict "illegal" ist, zu ignorieren ist. Das vermute ich zumindest. Ersetze das Attribut durch die CSS-Angabe border: 1px solid #ff2; (Farbe, Breite, Stil willkürlich gewählt.). Das "rote dicke Feld" könnte dein div mit der ID roterBereich sein. Tschö, Auge Der Beitrag wurde von Auge bearbeitet: 17.01.2006 - 1:38 |
|
|
|
| Google Bot |
Beitrag
#
|
 Google Ads |
|
|
|
|
|
1 Besucher lesen dieses Thema (Gäste: 1 | Anonyme Besucher: 0)
0 Mitglieder:
|
Vereinfachte Darstellung | Aktuelles Datum: 19.04.2024 - 10:02 |