|
||||
Problem mit Design
Ich habe ein Problem mit dem Design *entfernt* (Editiert: Jetzt *entfernt*; siehe Beitrag 6).
Die dazugehörige CSS-Datei ist *entfernt* zu finden. Es wäre echt super nett, wenn mir hier jemand helfen kann. Ich bin wirklich ratlos. Die Probleme sind folgende:
Ich bitte um eure Hilfe!
__________________
www.despairing.org Geändert von Despairing (13.07.2007 um 01:54 Uhr) |
Sponsored Links |
|
||||
Zitat:
Zitat:
Zitat:
Zitat:
Code:
list-style-image: url(img/li.gif);
__________________
Gruss Dieter Vegetarier essen meinem Essen das Essen weg. Und unsere Norweger sind reine Karnivoren. selfhtml | css4you | jendryschik | styleworks | Webdesign mit XHTML und CSS |
Sponsored Links |
|
||||
1. Ich verstehe das alles mit den "falschen Kolumnen" nicht ... Editiert: Hat sich erledigt. Habe einfach den betroffenen Teil der Grafik weiß gefärbt.
2. Habe ich gemacht. Editiert: Funktionierte nur mit einer ID. Aber "Mehr Informationen." befindet sich weiterhin in einer großen Box. 3. Wie soll ich das denn machen? Denn im Stylesheet ist für die Navigation bereits "padding" vorhanden: Code:
.link_menu a { border-bottom: 1px solid #fff; display: block; font: bold 1.0em verdana, sans-serif; height: 18px; padding: 6px 0 0 10px; text-decoration: none; } Habe jedenfalls heute Nachmittag mal folgendes ausprobiert: Code:
.link_menu a { background: url(img/arrowright.gif) no-repeat center left; display: block; font: bold 1.0em verdana, sans-serif; height: 18px; padding: 6px 0 0 10px; text-decoration: none; } 4. Wollte eigentlich nur wissen, wie ich den Listenpunkt einfärben kann.
__________________
www.despairing.org Geändert von Despairing (11.07.2007 um 02:23 Uhr) |
|
||||
Sollte so fuktionieren:
Code:
.link_menu a { background: url(img/arrowright.gif) no-repeat 10px center; display: block; font: bold 1.0em verdana, sans-serif; height: 18px; padding: 6px 0 0 25px; text-decoration: none; } Zitat:
Code:
CSS: .link_updates li {color: #f00;} .link_updates li span {color: #000;} HTML: <li><span>1 Besucher online.</span></li>
__________________
Gruss Dieter Vegetarier essen meinem Essen das Essen weg. Und unsere Norweger sind reine Karnivoren. selfhtml | css4you | jendryschik | styleworks | Webdesign mit XHTML und CSS Geändert von kadees (11.07.2007 um 09:48 Uhr) |
|
||||
Die Sache mit den Grafiken in der Navigation funktioniert auch mit dem Code nicht. Und nun?
Wenn man jetzt in der Navigation auf "Mehr?" klickt und die Maus dabei gedrückt hält, dann merkt man, dass da etwas nicht stimmt, weil die Umrandung unterhalb des Wortes viel weiter geht als überhalb des Wortes. Was soll ich machen? Ja, habe die Navigation in eine "richtige" Liste gepackt.
__________________
www.despairing.org Geändert von Despairing (11.07.2007 um 16:04 Uhr) |
|
||||
Habe *entfernt* mal eine neue Unterseite erstellt und habe den Inhalt der Navigation entfernt, aber der Content wird nicht auf der ganzen Breite dargestellt. Wie kann ich den Content verbreitern? Ich glaube, dass ich dazu irgendwelche div-Bereiche entfernen muss.
Bitte helft mir!
__________________
www.despairing.org Geändert von Despairing (13.07.2007 um 01:55 Uhr) |
|
||||
.content steckt in #main_left (den Unterstrich sollte man nicht verwenden).
Da #main_left nur 420px breit ist und .content nur 100% dieser Breite, also wiederrum 420px als width besitzt, wird es auch nicht breiter. 100% heißt, dass das Kinderelement 100% der Breite des Elternelements einnimmt. Hier ist #main_left Elternelement von .content
__________________
Ohne Quelltext gibts selten Hilfe. Also: Onlinebeispiel hochladen und Link bereitstellen! Foren-FAQ |
|
||||
Hm, ist total kompliziert.
Habe den gesamten Content-Bereich aus den main_left-div genommen und in den main-div eingefügt. Das Ergebnis habe ich mal auf einer weiteren Unterseite abgespeichert: *entfernt*.
__________________
www.despairing.org Geändert von Despairing (13.07.2007 um 01:55 Uhr) |
|
||||
wieso machst du jetzt den Text und alles über den Header?
Die <img>Elemente in Li kannst du dir sparen, dass kann man bei Li als image einbinden. list-style-image: Aufzählungsgrafik: CSS-Referenz auf CSS 4 You - The Finest in Stylesheets
__________________
Ohne Quelltext gibts selten Hilfe. Also: Onlinebeispiel hochladen und Link bereitstellen! Foren-FAQ |
Sponsored Links |
|
||||
Habe da etwas verwechselt oder so.
Naja, jedenfalls sieht das ganze jetzt etwas anders aus. Was muss ich nun wie ändern, dass die gesamte Navigation links neben der großen roten Grafik steht? Außerdem ist der Inhalt des Footer-Bereichs nicht wirklich zentriert. Habe das mit der Listengrafik für die Navigation so gemacht, wie es da steht und dann in das Stylesheet eingefügt, aber das funktioniert auch nicht. Der Code dazu: Code:
.link_menu ul { list-style-image: url(arrowright.gif) no-repeat; }
__________________
www.despairing.org |
Sponsored Links |
Themen-Optionen | |
Ansicht | |
|
|
Ähnliche Themen | ||||
Thema | Autor | Forum | Antworten | Letzter Beitrag |
Design problem | Starksky | (X)HTML | 1 | 14.07.2011 19:53 |
Float / Container Problem - Total seltsam. | einfachder | CSS | 9 | 16.07.2008 13:05 |
Barriererarmes, skalierbares, 3Spaltiges Design (Designkontrolle) | tliffcom | Site- und Layoutcheck | 4 | 01.03.2008 12:43 |
Problem mit 3 Spaltigem Layout | stipo | CSS | 0 | 27.05.2006 21:58 |
Design mit CSS - ich kriegs nicht hin... | chow180976 | CSS | 6 | 22.04.2005 12:15 |