-
Posts
-
Hallo Kriesi Team,
ich habe folgendes Problem:
Ich habe im stretched Design ein fixes Hintergrundbild, nun möchte ich das die Layout Elemente eine feste Hintergrundfarbe haben (damit sie nicht transparent sind und das Bild dort nicht durchleuchtet)
Wenn ich nun auf einer Seite zwei Layout Elemente untereinander habe und bei dem oberen Element Ecken abrunde (Edit Column -> Rahmen -> Border Radius Top-Right & Top-Left auf 10px) und bei dem unteren Element die unteren Ecken abrunde, erscheint zwischen den Elementen eine leichte transparente Linie !!
Diese Linie erscheint nur wenn man mit den Runden Ecken arbeitet, ist der Border Radius auf 0px eingestellt ist alles ok …Wie bekommt man die weg ??
Gruß
Frank.container_wrap { border-top-width: 0; }da jede section die container_wrap klasse erhält wäre das der zu ändernde Wert.
solltst Du spezifisch arbeiten müssen; also nur bei einer speziellen section das haben wollen müsstest du der Section eine Custom class geben.
und dann zB (mit der custom class: noborders – aufpassen : keine Lücke – die sitzen am gleichen div).container_wrap.noborders { border-top-width: 0; }Davon abgesehen, kann man aber auch bei den Color Sections diese Option glaube ich setzen:
Da gibt es Einstellung für :
Section Top Border Styling
Section Bottom Border Styling
wenn die auf “no border styling” stehen sollten die auch weg sein.Hallo,
habe das mit:.container_wrap {
border-top-width: 0;
}getestet aber es ändert sich leider gar nichts ?!?!
Da es sich ja wohl um eine “Border Color” handeln soll habe ich außerdem die Border Color für die Main Content auf #ffffff gesetzt, leider auch keine Änderung.
Es wird immer noch eine 1px Linie zwischen den Layout Elementen angezeigt sobald ich den Border Radius einstelle.
Ohne Radius also 0px ist auch die Linie weg …Die Einstellungen “Section Top Border Styling” & “Section Bottom Border Styling” finde ich nicht wo sollten sie versteckt sein ??
Hallo nochmal,
hab eine Lösung gefunden !!!Einfach unter “Custom top and bottom margin” die Margin-Bottom auf -1px setzten (mir war nicht klar das man dort auch neg. Werte angeben kann …)
Hi @Frankmen,
My german is not perfect but I think you solved your problem? If not then please let us know and we’ll look into it.
Best regards,
Rikarddas ist aber unsauber; du überdeckst sie dadurch nur mit Content. Versuche einfach mal die Anweisung auf important zu setzen:
.container_wrap { border-top-width: 0 !important; }tja ohne die Seite zu sehen ist es schwer.
Ich empfehle die Developer Tools zu nutzen, – entweder die mittlerweile in den meisten Browsern vorhandenen; oder – weil ich das schon ewig nutze Firebug in Firefox.
da kann man dann via Rechte Maustaste (Context Menu) auf ein Element zeigen und sich die Eigenschaften (in welchem Element zB. das Teil liegt, bzw. rechte Seite welche CSS eigenschaften es von wo vererbt bekommt.
Vorteil man kann da auch eine CSS Eigenschaften virtuell ändern. Das siehst du zB das ich bei .container_wrap das auf 0 gesetzt habe und die Linie links dann weg ist.
bei 3 habe ich mal auf 5px gesetzt und dafür border-top-style auf none – geht auch.
Wie gesagt entweder selbst mal ausprobieren (Firebug ist aber ein Addon, welches man hinzuladen muss) oder den Link mir mal anzeigen.Danke für die Info hab mich entschlossen die Sache mit den Rahmen zu lassen somit sind die Probleme mit der Linie auch erledigt …
@Guenni007
Auch hier wieder vielen Dank!!
@Frankmen
Wie gesagt mache gerne wieder ein neues Ticket auf bei einem neuem Problem. Wir sind gerne für dich da.Gruß,
Andy
- The topic ‘Linie zwischen Layout Elementen entfernen’ is closed to new replies.