Hi Leute,
für den Fall das mir mehrere Sachen zwischendurch auffallen, bin ich so frei und hab nen Fred dafür gemacht.

Breadcrumb
Die Pfeile sind nicht ganz in einer Flucht mit der Schrift. Lösung:

Code: Select all

template.css (Zeile 1232)
img {
border:medium none;
padding:2px 5px;
}

nachher (oder ohne ".breadcrumbs" bin mir aber über die konsequenzen nciht ganz klar, da es global wirkt.)
.breadcrumbs img {
border:medium none;
padding:2px 5px 0;
}


ERLEDIGT!

Forum Content Padding
Das Forum liegt direkt am Content Rahmen. Das lässt alles ein wenig gequetscht wirken. Ein leichtes Padding kann da viel machen. Wenn ich es richtig gesehen habe, liegt auf andere Seiten ein Abstand von 4px an, deshalb padding: 4px;

Code: Select all

template.css (Zeile 34)
#wrap {
padding:0px;
}

nachher
#wrap {
padding:4px;
}


Ist eigentlich Absicht dass das Forum den Platz dort ausnutzt bis an den Rahmen. Stört Dich das weil links ein schwarzer kleiner Rand am Content ist?

Was Du mal untersuchen kannst ist der schwarze Bereich zwischen Headerlogo und Breadcrumb. Ich konnte den bisher nicht identifizieren. Der muss noch weg.

header - breadcrumb fix

Code: Select all

template.css (Zeile 252)
#content_up {
background-color:#111111;
height:30px;
margin:10px 0;
padding:0;
width:100%;
}

nachher
#content_up {
background-color:#111111;
height:30px;
margin:0 0 10px 0; <----- da isser ;)
padding:0;
width:100%;
}


ERLEDIGT!
Der Forum content wirkt so halt gequetscht und die agerundeten Ecken gehen ein wenig unter.

Zwischen Content und Footer ist eine Grafik die nicht passt. Wenn man Bereich ausblendet siehts O.k. aus.

Code: Select all

template.css (Zeile 280)
#content_down {
background-color:#111111;
height:30px;
margin:10px 0;
padding:0;
width:100%;
}

nachher
#content_down {
background-color:#111111;
height:30px;
margin:10px 0;
padding:0;
width:100%;
display: none;
}


IN BEARBEITUNG

Darauf bezogen:
http://uthgard.net/index.php?option=com_jfusion&Itemid=53&lang=de&jfile=viewtopic.php&f=10&t=20451
denke ich das es mit daran liegt:

Code: Select all

<p><p>DAoCPortal Modmanager files (.dmm). With these mods you can expand your game client.</p></p>

Kann leider nicht weiter testen solange der Fehler vorhanden ist.

[EDIT] Ähm schwachsinn, ist zwar auch ein Fehler weil ein p nicht in einem p sein darf, hat aber nix damit zu tun. ich glaube das hier ist Käse. Ich habe noch nie gesehen das ein Element floaten und clear in einem machen kann. Jedenfalls diese CSS muss überarbeitet werden, evtl. auch das HTML denn dieses dl dt gelumpe ist echt oldschool, sind die Tags nicht deprecated? bin mir da nicht sicher, auf jedenfall selten
Ich kann euch da nur mit dem Firebug leider nicht weiterhelfen, die CSS ist da zu verbohrt, da Blick ich irgendwann nicht mehr durch [/EDIT]

Code: Select all

remository.css (Zeile 235)
#remositoryfilelisting h3 {
border-top:2px solid #999999;
clear:both;
float:left;
padding:5px 0 0 5px;
width:98%;
}



[EDIT:2]Ach ich kanns einfach nicht lassen
Ich habe alle floats und clears entfernt. Jetzt muss man halt stylen wie man es gerne hätte. Hier sind die Eigenschaften deren float und/oder clear man entfernen sollte. Danach dann neu stylen.[/EDIT]

Code: Select all

Alle Passagen sind in der remository.css

:235
#remositoryfilelisting h3 {
border-top:2px solid #999999;
clear:both;
float:left;
float:left;
padding:5px 0 0 5px;
width:98%;
}

:278
remositoryonethumb {
float:right;
padding:5px;
}

:307
.remositoryfilesummary dt, #remositoryfileinfo dt, #remositoryupload label, #remositoryupload dt, #remositorymanycommon dt, #remositorymanycommon label, #remositorythumbupdate dt, #remositorythumbupdate label {
border-top:1px solid #999999;
clear:left;
float:left;
font-weight:bold;
margin:0;
padding:0 0.2em 0.2em;
text-align:right;
width:30%;
}

:324
.remositoryfilesummary dd, #remositoryfileinfo dd, #remositorythumbupdate dd {
border-top:1px solid #999999;
float:left;
margin:0;
padding:0 0.2em 0.2em;
width:65%;
}


Gruß
der Snooops.

ERLEDIGT

Ich brauch neue BUUUUUUUGS XD

Klick mal in der Download Sektion auf einen Download. ZB. Christmas Zone. Die tabellarische Ansicht dort ist zerhauen und unübersichtlich. Konnte ich auf die Schnelle nicht lösen. Kann aber sein dass das nur für Admins so verkorkst dargestellt wird.

offtopic!

Seh ich etwa da jemanden der, wenn er keine bugs mehr findet endlich mal den Herlad überarbeiten könnte

Also verhaun schauts bei mir nicht aus.

http://snooops.net/fileadmin/user_upload/download.png

Unter News wird selbst im deutschen Bereich die englischen News angezeigt.
Hat zwar nichts direkt mit CSS zu tun, aber ich werfs einfach mal rein ^^

Wenn in einem Thema ein breites Bild über die normale Post-Breite hinausgeht, entsteht bei mir rechts ein schwarzer Rand und alle Posts sind abgeschnitten.

Ino wrote:Wenn in einem Thema ein breites Bild über die normale Post-Breite hinausgeht, entsteht bei mir rechts ein schwarzer Rand und alle Posts sind abgeschnitten.

haste mir nen Beispiel link?

Ino wrote:Wenn in einem Thema ein breites Bild über die normale Post-Breite hinausgeht, entsteht bei mir rechts ein schwarzer Rand und alle Posts sind abgeschnitten.

Da hat Schaf ein Javascript geschrieben welches zu grosse Bilder automatisch resized. Damit müsste das eigentlich alles automatisch korrigiert werden. Ich denke in Zukunft könnte man das noch etwas verbessern.

@snooops: Dann sind das Admin Links die bei mir das Layout dort komplett zerhauen. Das wäre dann aber nicht so schlimm.

hintergrund image vom breadcrumb der hp hat nur eine maximale größe, welche bei 1600px breite bildschirmauflöung schon überschritten wird (unter der sprachauswahl/flaggen). kA obs beabsichtigt ist ^^

Edit: ok ist beabsichtigt, die grafik beinhaltet den schwarzen balken ^^