schmales Telepolis-Layout gesucht [erledigt]

Miccovin

Moin Forum,

ich lese gerne den Feed von Telepolis: http://www.heise.de/tp/

Allerdings sind die Beiträge oft etwas länger und gehen leider bis auf die Balken rechts und links über die komplette Seitenbreite, siehe zB diesen:
http://www.heise.de/tp/r4/artikel/28/28537/1.html

Jetzt hätte ich den Text gerne schmaler, zB 450 px.

Für heise.de-Feedmeldungen habe ich früher diesen Code benutzt:
@-moz-document domain("heise.de") {
.meldung_wrapper{width:450px !important}
}

Nun brauche ich sowas für Telepolis, diverses rumprobieren hat mich aber nicht weitergebracht.

Jemand eine Idee? Auf userstyles.org gibt's nichts.

Gruss
Mic

boardraider

CSS

@-moz-document url-prefix(http://www.heise.de/tp/) {
  td.content {
    width: 450px !important;
  }
}

Miccovin

cool, funktioniert. Hatte mit "path" rumprobiert, ich Noob.

Thx

Miccovin

Hi, jemand eine Idee, wie man das aktualisieren muss? Der Code funktioniert nicht mehr.

EDIT: Es scheint eine Mindestgrenze zu geben, ab wann es nicht mehr geht. :-??

PS:
@Mods: Könnte dann wohl ins Anpassungen-Forum verschoben werden.

bugcatcher

Ich vermute das sollte gehen (sofern ich verstanden hab, was du möchtest):

CSS

@-moz-document url-prefix(http://www.heise.de/tp/) {
  body>table{
    width:1011px !important;
  }
}

Hab kein Stylish laufen, ums testen zu können.

Miccovin

Ich möchte den Text des Artikels schön schmal dargestellt haben, damit man ihn schneller lesen/überfliegen kann. Wie es zB in Zeitungen üblich ist, da sind auch immer so schmale Spalten.

Dein Code wirkt auf die ganze Seite, also auch die Spalten rechts/links. Ist im Grunde auch egal, aber das Minimum scheint schon dies zu sein:
[Blockierte Grafik: http://img5.imagebanana.com/img/ezhyh3kj/thumb/Bildschirmfoto.png]

Da geht es mit dem Code von boardraider schon etwas schmaler, siehe:
[Blockierte Grafik: http://img5.imagebanana.com/img/h0mugibd/thumb/Bildschirmfoto01.png]

Aber das scheint auch das Minimum zu sein. Wäre toll, wenns noch ein wenig schmaler ginge. Wie die Seite letztendlich bearbeitet wird, ob wie bei Dir oder bei boardraider, ist mir egal - hauptsache schmal.

PS: Dies ist die Beispielseite:
http://www.heise.de/tp/r4/artikel/34/34101/1.html

2002Andreas

Noch ein Versuch dann.....teste es bitte mal.

Code

@-moz-document url-prefix(http://www.heise.de/tp/) {
.inhalt-table{
width: 310px }}

Miccovin

Jo, das funzt, thx!

Sieht jetzt so aus mit 350px:
[Blockierte Grafik: http://img5.imagebanana.com/img/q7e73ewp/thumb/Bildschirmfoto.png]

2002Andreas

Noch eine Möglichkeit.

Code

@-moz-document url-prefix(http://www.heise.de/tp/) {


.inhalt-table{
font-size:20px;
width: 450px }


HTML > BODY > TABLE > TBODY > TR:first-child > TD > TABLE:last-child > TBODY > TR:first-child + TR > TD:first-child + TD > TABLE:first-child > TBODY > TR > TD{
padding-left:130px!important}}

[Blockierte Grafik: http://www7.pic-upload.de/thumb/30.01.11/gy8fh96dd7fp.jpg]

Werte wenn dann für dich noch anpassen.

Miccovin

Danke, ich glaube ich lass es beim ersten Style. Muss ich nochmal in mich gehen...

2002Andreas

Zitat von Miccovin

Muss ich nochmal in mich gehen.

OK, mach das. :wink:

Miccovin

hm, komischerweise geht hier jetzt auf einmal kein Style, auch nicht der Neue von 2002Andreas:
http://www.heise.de/tp/blogs/8/149180
:-??

2002Andreas

Stimmt, verstehe ich auch nicht wirklich :-??

Versuch den mal bitte:

Code

@-moz-document url-prefix(http://www.heise.de/tp/) {


p,H1,H2,H3{
width:50%!important }}

Wert evtl. noch anpassen dann.

[Blockierte Grafik: http://www7.pic-upload.de/thumb/02.02.11/q1loobxtsu5g.jpg]

bugcatcher

CSS

@-moz-document url-prefix(http://www.heise.de/tp/) {
  #navi_top{
   min-width:0 !important;
   width:auto !important;
  }
  #navi_top .erste_zeile, #navi_top .zweite_zeile {
    white-space: normal !important;
  }
  body>table{
    width:0% !important;
  }
  .blogbottom>table{
   display:none !important;
  }
  td.content>p>img{
   /* hier muss die gewünschte content-spaltenbreite angegeben werden */
    max-width:300px !important;
  }
  td.content{
   /* hier auch */
   min-width:300px !important;
  }
}

Alles anzeigen

Miccovin

Hm, bei bugcatchers Code scheint es wieder ein Problem mit der Mindestbreite bei einer der beiden Seiten zu geben.
Der Code von 2002Andreas funktioniert einwandfrei.

Vielen Dank an Euch beide und bis zur nächsten Optimierung.

2002Andreas

Zitat von Miccovin

Vielen Dank an Euch beide und bis zur nächsten Optimierung.

Du weißt ja wo es Hilfe gibt :wink:

Miccovin

Ok, wenn Du es drauf anlegst. Was kleines hätte ich noch, schon gestern gedacht: Kann man den Text als Blocksatz darstellen?

2002Andreas

Dann teste bitte mal wieder

Code

@-moz-document url-prefix(http://www.heise.de/tp/) {


p,H1,H2,H3{
text-align: justify;
width:50%!important }}

[Blockierte Grafik: http://www7.pic-upload.de/thumb/02.02.11/st63auw1iglq.jpg]

Miccovin

Genial. Thx.

2002Andreas

Bitte gern geschehen.