zurück zur Startseite
  


Zurück XHTMLforum > (X)HTML und CSS > Site- und Layoutcheck
Seite neu laden http://solcom.info/ - Zweiter Anlauf

Antwort
 
LinkBack Themen-Optionen Ansicht
  #1 (permalink)  
Alt 10.11.2005, 14:50
Benutzerbild von SolCom
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 03.12.2004
Beiträge: 27
SolCom befindet sich auf einem aufstrebenden Ast
Standard http://solcom.info/ - Zweiter Anlauf

Hi !

Nachdem ich einige Tage versucht habe eine Homepage für die verschiedenen Browser anzupassen, bin ich zur Erkenntnis gekommen das ich zu wenig über XHTML & CSS weis. Daher habe ich mich weiter informiert und meine Homepage etwas umgeschrieben. Vor allem sind bei mir viele <span>
rausgeflogen, habe Abstandshalter wie und leere Graficen entfernt. dafür Überschriften und Listen eingesetzt und eine größere Tabelle etwas geändert.

Nun hoffe ich Ihr könnt euch mal die 2 Seiten anschauen und mir bescheid geben was ich noch ändern könnte. Vielleicht sind ja noch 1 2 größere Fehler drinn :)

http://solcom.info/index.html & http:///solcom.info/4user/yiya/bg2wf.html
Hier die CSS-Datei für beide Seiten und eine 2.CSS-Datei für die Tabelle.

-----------------------------------

folgende Fragen sind geblieben :

1 bei [*] fehlen im IE die Anführungspunkte ?
-- gelöst : linken Abstand von <ul> vergrößert.

2 die Horizontale Line <hr> hat im IE einen extra Abstand, bekommt man den weg ?
-- gelöst : CSS-Code eingefügt : * html hr { display: block; margin: -7px 0;}

3 Bei Bildern die als Link funktionieren haben ich <title> in <a> eingefügt, damit es auch beim "alternativen Text" verfügbar ist. Dummerweise zeigt der IE dann beim Bild den Inhalt von alt="" an :(
-- gelöst : das ursprüngliche Problem ergab sich aus der FF Erweiterung Web Developer -ersetzen der Grafic durch alt-

4 Wenn ich einen Link mit Anker benutze (Impressum unten) wird der Anfang von der ersten Box verdeckt. Gibt es eine Möglichkeit das der Anfang unter die ersten Box gelegt wird ?
-- gelöst : Anker weiter oben angesetzt

5 im Tabellenkopf benutze ich Bilder für Senkrechte Schrift, gibt es eine Alternative ?
Mit Zitat antworten
Sponsored Links
  #2 (permalink)  
Alt 11.11.2005, 10:07
{ display: random;}
XHTMLforum-Kenner
 
Registriert seit: 08.09.2004
Ort: Stuttgart
Beiträge: 5.034
andir ist ein wunderbarer Anblickandir ist ein wunderbarer Anblickandir ist ein wunderbarer Anblickandir ist ein wunderbarer Anblickandir ist ein wunderbarer Anblickandir ist ein wunderbarer Anblick
Standard

Listenpunkte: Diese liegen ausserhalb des Containers und werden deshalb vom IE nicht dargestellt, vom FF /Moz schon.
Gib der Liste ein margin-left von z.B. 10px oder 1em mit und du dürftest die Listenpunkte sehen.

@ hr :
Du hast ein leeres p Element vor hr. Firefox stellt das nicht dar, der IE nimmt die normale Zeilenhöhe. Rausnehmen und gut ist.

Edit: Es könnte aber auch dieses Problem sein:

http://web.radunz.net/cssperimente/hr-test-ie.html


@ img a: Wtf ?


@ankerlink: Verstehe ich auch nicht ganz. Merke aber: Das Sprungziel ist immer der Anker. Das Darunterliegende wird dargestellt. Wenn du also ein p mit Sprungziel hast, wird das p nur teilweise dargestellt. Besser ist es dann, das Sprungziel vor dem Element, hier p, zu platzieren.


@ senkrechte Schrift: Derzeit noch nicht, vielleicht mit css3


grüsse andir
__________________
Grüsse Andreas- auch mal wieder da...

Design isn't about the tools, it's about creating the best experience for the user. A design should be based on usability, accesibility, aesthetics, but never on floats, lists or background images. ( by Cameron Adams)
Wiedergelesen: > hier und hier

[Foren-Links] Dein Post? Klar, DAS vorher gelesen? Hilft. ## User-Landkarte
Mit Zitat antworten
Sponsored Links
  #3 (permalink)  
Alt 12.11.2005, 04:09
Benutzerbild von SolCom
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 03.12.2004
Beiträge: 27
SolCom befindet sich auf einem aufstrebenden Ast
Standard

ersteinmal vor weg, danke für deine Hilfe :)


1. li (Listenpunkte):
statt den Abstand in [*] einzutragen habe ich den linken Abstand von <ul> geändert.

2. hr :
den Abstandhalter

</p>
habe ich gleich mal durch CSS ersetzt.
aber wie Du schon angenommen hast lag es am muß 7px Abstand haben IE

eins verstehe ich aber nicht,
wenn ich
hr { display: block; margin: -7px 0;} angebe, benutzt <hr> die -7px in Opera & FF
bei
* html hr { display: block; margin: -7px 0;} benutzt <hr> sie dagegen nicht ?

darum habe ich die Lösung erst gefunden als ich mir den Code angeschaut habe

3. a, img title=""
Das ursprüngliche Problem ergab sich aus der FF Erweiterung Web Developer -ersetzen der Grafic durch alt-.
Weshalb ich title="" vom <img> nach <a> verschoben habe, was aber nicht notwendig ist. Da bei fehlenden Grafiken der Tooltip durch img title="" doch kommt.

4. ankerlink
die Lösung, den Anker weiter oben anzusetzen ist mir heute auch eingefallen :)

5. senkrechte Schrift
eine schriftliche Lösung wäre mal nicht schlecht
Mit Zitat antworten
Antwort

Themen-Optionen
Ansicht

Forumregeln
Es ist Ihnen nicht erlaubt, neue Themen zu verfassen.
Es ist Ihnen nicht erlaubt, auf Beiträge zu antworten.
Es ist Ihnen nicht erlaubt, Anhänge hochzuladen.
Es ist Ihnen nicht erlaubt, Ihre Beiträge zu bearbeiten.

BB-Code ist an.
Smileys sind an.
[IMG] Code ist an.
HTML-Code ist aus.
Trackbacks are an
Pingbacks are an
Refbacks are aus


Ähnliche Themen
Thema Autor Forum Antworten Letzter Beitrag
Ol mit korrekter Nummerierung in zweiter Ebene irmen (X)HTML 7 10.09.2020 14:24
mein zweiter Designentwurf seemawn Site- und Layoutcheck 3 28.11.2016 23:45
Zweiter Text bündig unter text-align center positionieren cannap CSS 0 12.07.2014 17:00
zweiter spalte einer tabelle eine extra-anweisung geben? hubert17 CSS 5 15.08.2010 15:50
Lightbox mit zweiter CSS Datei funktioniert nicht T4ke CSS 12 11.12.2007 20:20


Alle Zeitangaben in WEZ +2. Es ist jetzt 18:24 Uhr.