Jugend mosht
-


Hinweise


Antwort
 
LinkBack Themen-Optionen Thema durchsuchen Thema bewerten
Alt 28.03.2008, 15:51   #1
TP-Member
 
Registriert seit: Dec 2007
Ort: Schweiz
Cu Chullain macht alles soweit korrekt

Layout mit CSS


Ich bin dabei ein Layout mit CSS zu erstellen wobei das so funzen sollte, dass ich in der Mitte, links und rechts jeweils ein festes Bildelement habe, und zwischendurch ist ein Cellpic das sich immer wieder wiederholen soll und sich das Design somit dem BRowserfenster anpassen soll.

Ich habe jetzt aber noch ein Problem.
Und zwar ist der Button in der mitte mit margin:0px auto; gemacht und die Ecken sind mit position:absoulute; dort hingepflaster.
Wenn ich jetzt dasselbe noch mit einem cellpic mache, das sich immer repeaten soll, geht das Cellpic VOR dem Button in der Mitte durch weil cellpic ja absolute ist und also "vorrang" vor dem Button in der Mitte hat.

Wie kann ich das nun so anpassen, dass cellpic den Buttton in der Mitte umfliesst? Mit float ist das ganze natürlich nicht mehr auf einer Zeile weshalb das auch nicht geht.

Die Seite (html)
Die CSS Datei
Cu Chullain ist offline   Mit Zitat antworten
Linktipp

Alt 28.03.2008, 15:57   #2
TP-Greis
 
Benutzerbild von Boris
 
Registriert seit: Mar 2001
Ort: Berlin, Germany
Boris ist ein richtiges Arbeitstier - DANKEBoris ist ein richtiges Arbeitstier - DANKEBoris ist ein richtiges Arbeitstier - DANKEBoris ist ein richtiges Arbeitstier - DANKEBoris ist ein richtiges Arbeitstier - DANKEBoris ist ein richtiges Arbeitstier - DANKE
Du musst um alles ein DIV legen und darin dein wiederholendes Hintergrundbild setzen.

Allerdings wirst du mit deinem im Moment dürftigen HTML und den absoluten Positionierungen nicht weit kommen - zumal sowas eher in DIVs gehört und nicht jedes Element in ein H1.

Dir fehlen noch HTML Grundlagen - was dir auch in deinen anderen Beiträgen schon gesagt wurde. Hol das doch erstmal nach
__________________
My software never has bugs. It just develops random features ...

» DevShack - die Website des freien Webentwicklers Boris
Boris ist offline   Mit Zitat antworten
Alt 28.03.2008, 17:46   #3
TP-Member
 
Registriert seit: Dec 2007
Ort: Schweiz
Cu Chullain macht alles soweit korrekt
1. Ja mir fehlen die Grundkenntnisse, hast du mir eine gute Seite o.ä

2. Das mit H1 ist genau Image Replacement und ist anscheinend genau besser als mit Divs (Phark Methode)
http://meiert.com/de/publications/articles/20050513/
Vielleicht habe ich auch einfach etwas falsch verstanden
Cu Chullain ist offline   Mit Zitat antworten
Alt 28.03.2008, 18:36   #4
TP-Veteran
 
Benutzerbild von Dittboy
 
Registriert seit: Jan 2003
Ort: Goch
Dittboy hilft, wo's gehtDittboy hilft, wo's gehtDittboy hilft, wo's geht
1.) http://de.selfhtml.org ist ganz gut. Damit habe ich auch HTML gelernt.

2.) <h1> ist eine Überschrift erster Ordnung, nicht mehr und nicht weniger. Was da drin steht muss die Überschrift sein, und oft kommt es halt zufällig so aus, dass man die Überschrift mit einer Grafik ersetzen will. Deswegen soll man aber nicht überall <h1> benutzen, wenn man eine image-replacing Technik benutzen will.

Christian
__________________
muh!
Dittboy ist offline   Mit Zitat antworten
Alt 28.03.2008, 22:13   #5
TP-Member
 
Registriert seit: Dec 2007
Ort: Schweiz
Cu Chullain macht alles soweit korrekt
Danke!
Ich werde erst wieder kommen wenn ich alles gelesen habe!
Cu Chullain ist offline   Mit Zitat antworten
Alt 28.03.2008, 22:29   #6
TP-Specialist
 
Benutzerbild von Rinaldo
 
Registriert seit: Oct 2003
Ort: Niederbayern
Rinaldo ist ein richtiges Arbeitstier - DANKERinaldo ist ein richtiges Arbeitstier - DANKERinaldo ist ein richtiges Arbeitstier - DANKERinaldo ist ein richtiges Arbeitstier - DANKERinaldo ist ein richtiges Arbeitstier - DANKERinaldo ist ein richtiges Arbeitstier - DANKE
Das kann einige Zeit dauern...

Befasse Dich mit den Grundlagen - darauf lässt sich dann gezielt aufbauen.
Rinaldo ist offline   Mit Zitat antworten
Alt 31.03.2008, 11:17   #7
TP-Member
 
Registriert seit: Dec 2007
Ort: Schweiz
Cu Chullain macht alles soweit korrekt
gut habe bemerkt dass es wirklich sehr viel ist und mich deshalb nur mit dem Grundstoff auseinandergesetzt. Werde mich aber immer "weiterbilden".

Ich habe jetzt zwar eine menge über Regelkomfomes html gelernt^^ aber mein eigentliches Problem ist nicht gelöst:

Meine Seite soll Hintergrundbilder aufweisen die unterschiedlich angeordnet und unterschiedliche Eigenschaften aufweisen. Gleichzeitig enthalten sie aber keinen Text.
Und genau das ist das Problem.

Leerer Div Container? - Macht doch keinen Sinn
Image Replacement? - Ich will ja nichts "ersetzen" weil es nix zu ersetzen gibt...

Was soll ich also machen?
Cu Chullain ist offline   Mit Zitat antworten
Antwort

  Aktuelles Thema
  TP Hilfe Forum > Web-Editoren & Coding > HTML Puristen > CSS
Layout mit CSS Layout mit CSS
« hover mouseover - grafiken verlinken | Bilder gleichmäßig auf dynamische Breite verteilen »

Aktive Benutzer in diesem Thema: 1 (Registrierte Benutzer: 0, Gäste: 1)
 
Themen-Optionen Thema durchsuchen
Thema durchsuchen:

Erweiterte Suche
Thema bewerten
Thema bewerten:

Forumregeln
Es ist dir nicht erlaubt, neue Themen zu verfassen.
Es ist dir nicht erlaubt, auf Beiträge zu antworten.
Es ist dir nicht erlaubt, Anhänge hochzuladen.
Es ist dir nicht erlaubt, deine 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 an


Alle Zeitangaben in WEZ +2. Es ist jetzt 00:54 Uhr.

Powered by: vBulletin Version 3.7 (Deutsch)
Copyright ©2000 - 2008, Jelsoft Enterprises Ltd. / Search Engine Friendly URLs by vBSEO 3.2.0 RC7 ©2008, Crawlability, Inc.
Traum-Projekt.com | Suchen | Archiv | Impressum | Kontakt | | | Nach oben |



1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67