Forum

Moderiert von: spinne
Forum Index
Templates / Themes
     CSS und HTML
     Abstand in sidebox
Hilfe anzeigen
Hilfe anzeigen

Autor Druckerfreundliche DarstellungAbstand in sidebox
ejowe

Registriert: 02.06.2007
Beiträge: 44
Wohnort: Innsbruck-Igls


Sende eine Private Nachricht an ejowe Besuche die Homepage von ejowe
Geschrieben: 02.06.2007 17:50

Hallo Leute!

Bin Neuling mit opn - hab aber die doku gelesen
Ich habe beim Template opn_vida in der css-Datei die Sidebox nach meinen Wünschen zum Großteil anpassen können. Allein der Abstand zwischen Menütitel und Einträgen stört mich noch. Ich finde aber nicht, wo ich den verringern könnte.

Bitte um Hilfe.

Danke und Grüße
ejowe


Zitieren Druckerfreundliche Darstellung nach oben
Gast
Unregistrierter Benutzer
Geschrieben: 02.06.2007 18:18

Hallo ejowe

Ändere mal im CSS die Klassen
h2.themesideboxtitel
div.themesideboxtable

Bei beiden steht das padding auf 5px

Versuche das mal zu ersetzen mit

padding: 1px 5px 1px 5px;

1px für oben und unten
5px für links und rechts

Gruss

Flash
[addsig]

Zitieren Druckerfreundliche Darstellung nach oben
ejowe

Registriert: 02.06.2007
Beiträge: 44
Wohnort: Innsbruck-Igls


Sende eine Private Nachricht an ejowe Besuche die Homepage von ejowe
Geschrieben: 02.06.2007 22:05

Danke Flash für die Antwort.

Ich habe mit den Padding-Einstellungen schon rumprobiert - ohne Erfolg. Bei den beiden von Dir genannten Eintreägen im css stehen keine Padding-Einstellungen.

Hier ein Auszug aus der CSS-Datei vom opn_vida;

/* OPNSIDEBOX LINKS */
h2.themesideboxtitel {
     width:180px;
     color:#000;
     display:block;
     padding:3px;
     text-align:left;
     cursor:default;
     font-family: Verdana, Arial, Helvetica, sans-serif;
     font-size: 12px;
     font-weight: bold;
     background: url(images/sideboxleft.gif) no-repeat center left;
}
div.themesideboxtable {
     width:auto;
     padding:1px;
     color:#000;
     background:none;
     font:normal 0.75em Verdana,Arial,Helvetica,sans-serif;
}


Wobei ich das Padding von h2.themesideboxtitel auch schon mit 1px probierte.

Grüße
ejowe


Zitieren Druckerfreundliche Darstellung nach oben
Gast
Unregistrierter Benutzer
Geschrieben: 02.06.2007 22:37

versuchs damit

/* OPNSIDEBOX LINKS */
h2.themesideboxtitel {
width:180px;
color:#000;
display:block;
padding: 1px 5px 1px 5px;
text-align:left;
cursor:default;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: bold;
background: url(images/sideboxleft.gif) no-repeat center left;
}
div.themesideboxtable {
width:auto;
padding: 1px 5px 1px 5px;
color:#000;
background:none;
font:normal 0.75em Verdana,Arial,Helvetica,sans-serif;
}
[addsig]

Zitieren Druckerfreundliche Darstellung nach oben
ejowe

Registriert: 02.06.2007
Beiträge: 44
Wohnort: Innsbruck-Igls


Sende eine Private Nachricht an ejowe Besuche die Homepage von ejowe
Geschrieben: 03.06.2007 09:24

Guten Morgen Flash!

Nein wars leider auch nicht.

Gibt es eine HTML-Vorlage dafür und ist eventuell dort eine Leerzeile (Zeilenumbruch) eingefügt. Nur ich wfinde nirgends eine HTML-Seite als Vorlage.

Danke und Grüße
ejowe


Zitieren Druckerfreundliche Darstellung nach oben
spinne
Registriert: 21.08.2003
Wohnort: Luzern


Sende eine Private Nachricht an spinne Besuche die Homepage von spinne
Geschrieben: 03.06.2007 09:44

mal so gefragt, hast du das nur für links gemacht oder auch für die rechte seite? weil normalereweise sollte das so gehn


Zitieren Druckerfreundliche Darstellung nach oben
spinne
Registriert: 21.08.2003
Wohnort: Luzern


Sende eine Private Nachricht an spinne Besuche die Homepage von spinne
Geschrieben: 03.06.2007 09:59

du könntest noch folgendes versuchen:
margin-bottom:5px
miteinfügen bei h2.themesideboxtitelright
dabei musst aber schauen das die paddings auch gesetzt sind in div.themesideboxtableright und h2.themesideboxtitelright

sehe dann in etwa phi mal daumen grob gesehen

h2.themesideboxtitelright {
background:transparent url(images/sideboxright.gif) no-repeat scroll right center;
color:#000000;
cursor:default;
display:block;
font-family:Arial,Verdana,Helvetica,sans-serif;
font-size:0.75em;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:normal;
line-height:normal;
margin-bottom:1px;
padding:1px;
text-align:right;
width:auto;
}
div.themesideboxtableright {
background:transparent none repeat scroll 0%;
color:#000000;
font-family:Arial,Verdana,Helvetica,sans-serif;
font-size:0.75em;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:normal;
line-height:normal;
padding:0px;
width:auto;
}

so aus


Gruss Tine



Übe Dich in Geduld, wenn Du etwas erreichen willst
-----------------------------------------------------------------------------------------
Geheime Gedanken -- Mein Spinnennetz -- Spinnennetz CH -- RenderWorld Cinema4d

Testbereiche, nachgeschaut und dann nachgefragt:
OPN-Laborcenter --- OPN-Themes --- OPN-Bugtracking --- OPN-Doku --- OPN-FAQ


[ Diese Nachricht wurde bearbeitet von: spinne am 03.06.2007 10:09 (Originaldatum 03.06.2007 09:59) ]

Zitieren Druckerfreundliche Darstellung nach oben
ejowe

Registriert: 02.06.2007
Beiträge: 44
Wohnort: Innsbruck-Igls


Sende eine Private Nachricht an ejowe Besuche die Homepage von ejowe
Geschrieben: 03.06.2007 10:21

hallo spinne

danke das mit margin-bottom:5px war es.

super support hier

schönen tag noch und danke auch an flash

grüße
ejowe


Zitieren Druckerfreundliche Darstellung nach oben
sortieren nach

Hilfe anzeigen
Hilfe anzeigen
Vorheriges Thema:  OPN_color Linkfarbe ändern
Nächstes Thema:  Logo im Gästebuch

Gehe zu:

Benutzername:
 
Sicherheits-Code
Sicherheits-Code
Neu laden