CSS-Hilfe
Eingetragen von Toral (50)am 31.01.2008 - 16:07 Uhr in
Hallo Zusammen,
ich glaub dieses ist eher eine CSS Frage, aber ich weiss mir nicht mehr anders zu helfen, habe irgendwie kein Forum gefunden die mir auch nur ansatzweise Helfen könnten.
Wenn ich bei CSS ganz falsch hier bin würde ich mich zumindestens über eienn geeigneten Link zu einem Forum freuen wo mir dann dort weiter geholfen werden kann.
Mein Problem besteht darin das wenn ich meinen Content mit Inhalt fülle wird dieser einfach ohne Zeilenumbruch weitergeschrieben.
Auch möcht ich wenn dort Bilder eingefügt werden diesekomplette links aussen angeordnet sind und der Text mit ca 20px Seiteneinzug laeuft.
Ich poste mal meine css zu meienm Content wäre über Hilfe sehr dankbar, bin schon nahezu am verzweifeln da ich seit heut morgen dran sitze ohne weiter zu kommen.
#content {
font: 12px Arial, sans-serif; /*Schrift:Dick Größe Schriftart*/
line-height: 1.5;
color:#002750;
position:absolute;
left:193px;
top:265px;
width:480px;
height:335px;
z-index:2;
background-color: #eae9dd;
visibility: visible;
border-left-width: 4px;
border-right-width: 4px;
border-left-style: solid;
border-right-style: solid;
border-left-color: #002750;
border-right-color: #002750;
overflow:auto;
overflow-x: hidden;
padding: 0px 35px 0px 25px;
float:left;
clear: left;
white-space:normal;
}
Vielen Dank für die Hilfe bzw Mühe mir zu helfen.
Gruß
Toral
- Anmelden oder Registrieren um Kommentare zu schreiben
Keiner eine Idee????
am 31.01.2008 - 16:58 Uhr
Mir würd sicher auch schon ein Link zu einem CSS Forum reichen wenn ich in diesem Forum absulut falsch bin.
Mit freundlichen Grüssen
Toral
Mit freundlichen Grüssen
Toral
Link zur Seite
am 31.01.2008 - 18:16 Uhr
Besser wäre ein Link zur Seite, weil der Auszug allein nicht so viel hergibt. Allerdings wäre es eventuell angeraten, die Schnippsel etwas zu verkürzen, weil dort doch einiges zusammengewürfelt wird. Mir scheint es auch etwas zu viel des Guten zu sein.
Benutz mal Firebug mit Firefox und check, ob alle Angaben umgesetzt werden. Eventuell ist die absolute Positionierung Grund des Übels. Aber auch die floats, z-index, visibility sind meist Fehlerquellen. Kommt aber auf das Umfeld an.
Bilder links vom Text? Innerhalb des Contenst? Soll jeder Text bündig untereinander sein, wenn in einem Abschnitt Bilder da sind oder nur dann, wenn direkt daneben Bilder sind. Hier müsstest du vermutlich ein zusätzliches div nutzen.
einen Link kann ich schwer schicke...
am 31.01.2008 - 18:44 Uhr
da ich nur lokal arbeite derzeit.
Also Bilder sollen wenn sie eingefügt werden direkt am linken Rand erscheinen, also padding: 0 0 0 0 zum Content div.
Der Text also der content allerdings soll vom linken Rand und ums bild einen Abstand haben, also der Abstand zum linken Rand des Content divs padding:0 0 0 20
Könnt Dir sonst die page.tpl.php und die css via mail senden wenn Du Sie Dir mal ansehen magst?
Oder ich poste hier den Rest meiner css wenn das ok wäre.
Mit freundlichen Grüssen
Toral
Mit freundlichen Grüssen
Toral
Ok habs denke ich hin bekommen.
am 31.01.2008 - 20:18 Uhr
Hab nun noch ein div um print $content gelegt in der page.tpl.php und darin eine Klasse eingebunden die ich in der CSS mit padding 0 0 0 20 anspreche. Dann hab ich klasse .img in der css definiert und diese mit margin-left -20 versehen. Habs bisher nur im IE7 und Firefox getestet aber es funktioniert. Hoffe das es auch im IE6 funktioniert.
Dank nochmal an miweb
Gruß
Toral
Mit freundlichen Grüssen
Toral
Zeilenumbruch
am 31.01.2008 - 20:20 Uhr
Achja das mit dem Zeilenumbruch hat sich auch erledigt, hab festgestellt wenn man nicht 300 zeichen aneinanderreiht sondern mit auch mal ein space dazwischen legt hab ich den gewünschten Zeilenumbruch :-)
Mit freundlichen Grüssen
Toral
Mit freundlichen Grüssen
Toral
Toral schrieb Achja das mit
am 31.01.2008 - 23:14 Uhr
Achja das mit dem Zeilenumbruch hat sich auch erledigt, hab festgestellt wenn man nicht 300 zeichen aneinanderreiht sondern mit auch mal ein space dazwischen legt hab ich den gewünschten Zeilenumbruch :-)
;-D