XHTMLforum - 2 Boxen floaten nicht runter und Pfeil fehlt obwohl definiert

XHTMLforum (http://xhtmlforum.de/index.php)

- CSS (http://xhtmlforum.de/forumdisplay.php?f=73)

- - 2 Boxen floaten nicht runter und Pfeil fehlt obwohl definiert (http://xhtmlforum.de/showthread.php?t=65739)

Andimau

14.09.2011 10:08

2 Boxen floaten nicht runter und Pfeil fehlt obwohl definiert

Hallo,

ich stehe vor einem Rätsel!

http://www.xerox-colorqube.de/index.php/home.html

1) beim Slider seht ihr rechts den Pfeil, Links müsste er auch erscheinen, tut er aber nicht, obwohl er definiert ist und die Grafik auch am Server liegt

2) Die 2 boxen floaten nicht runter, obwohl

Code:

clear:both

3) Beim slider der Pfeil rechts, hier ist der komische weiße Unterstrich obwohl outline: none.

Wer weiß Rat?
Danke Euch

haggy

14.09.2011 10:47

Also die Grafik für den linken Button wird nicht gefunden: http://www.xerox-colorqube.de/templa...s/btn_prev.gif

Der weiße Unterstrich kommt von folgendem CSS (template.css Zeile 167):

Code:

#boxen a, a:link, a:active {

        color: #33C4F0;

        border-bottom:#FFF solid 1px;

        text-align: right;

}

Und welche der zwei zwei Boxen meinst du genau? :)

take_a_7

14.09.2011 10:48

Moin,

Zitat:

Zitat von Andimau (Beitrag 502322)

1) beim Slider seht ihr rechts den Pfeil, Links müsste er auch erscheinen, tut er aber nicht, obwohl er definiert ist und die Grafik auch am Server liegt

Bei mir ist weder links noch rechts ein Pfeil weil weder
www.xerox-colorqube.de/templates/colorqube/images/btn_next.gif noch www.xerox-colorqube.de/templates/colorqube/images/btn_prev.gif existieren.

Zitat:

Zitat von Andimau (Beitrag 502322)

2) Die 2 boxen floaten nicht runter, obwohl

Code:

clear:both

Welche zwei boxen? Was heißt "floaten nicht runter?" Man floatet links, rechts oder gar nicht.

Zitat:

Zitat von Andimau (Beitrag 502322)

3) Beim slider der Pfeil rechts, hier ist der komische weiße Unterstrich obwohl outline: none.

In Zeile 167 von template.css steht für #boxen a, a:link, a:active ein border-bottom: 1px solid white. Nutze Firebug, das hilft bei solchen Problemen!

gruß,
take

Andimau

14.09.2011 10:53

Ok danke.

also noch wegen DIV Boxen

es sind ingessamt 4 stück

es sollen jeweils 2 nebeneinander stehen, (was auch geht)

die anderen beiden sollen darunter sein.

Auf der Seite ist es so, das mometan die anderen beiden DIV Boxen auf den anderen beiden wiederum etwas versetzt nach unten liegen. So solte das nicht sein..

ich hätte ja auch nach der zweiten Box die nach rechts floatet

ein

Code:

clear:both

definiert und dann mit DIV Box3 und 4 weiterfahren.

Aber geht leider nicht und ich weiss echt nicht warum..

take_a_7

14.09.2011 11:05

Moin,

was auch immer du da mit Tabellen, viel zu vielen divs, nicht eingeschlossenen floats und position:absolute machst: es ist falsch. Position:absolute brauchst du hier überhaupt nicht, Tabellen erst recht nicht. Schmeiß das raus und probiers nochmal.

gruß,
take

Praktikant

14.09.2011 11:05

Dass die Boxen übereinander liegen liegt an der vollkommen unnötigen absoluten Positionierung. Nimm sie raus, für umgebenden Boxen und die inneren Boxen, mit dem Text. Da die Boxen eine fest Höhe haben kannst du die Texte einfach mit margin-top für die Textbox bzw. mit padding für die umgebende Box nach unten an die entsprechende Position drücken.

Andimau

14.09.2011 11:37

Ok danke werds gleich probieren.

Die Tabellen werden übrigens durch Joomla erzeugt...

Wann benötige ich den dann eigentlich die absoulte Positionierung?

Praktikant

14.09.2011 11:43

Wenn du etwas über der Ecke eines Conainers mit Hintergrund platzieren willst, wobei das etwas über den Container hinausgeht und diesen nicht erweitern soll zum Beispiel. Bei dir ist das nicht der Fall und absolute Positionierung hat so ihre Tücken...

Letztens wollte mir jemand erzählen, dass Joomla! automatisch Frames erzeugt und man dagegen nichts machen kann. Der hatte aber wenigstens keine Tabellen ;)

Andimau

14.09.2011 17:09

mhh siehst du jetzt brauch ich doch die absolute Positionierung denn ich möchte ja das unten zb. der blaue div rechts etwas herausragt.

aber wie mach ich es ohne absolute Positionierung?

Praktikant

14.09.2011 17:12

Wie wäre es, wenn du overflow:hidden von den .boxcontainer[zahl] entfernst.

Alle Zeitangaben in WEZ +2. Es ist jetzt 02:46 Uhr.