Paules-PC-Forum.de Anzeige:

Microsoft Windows Intune: PC-Verwaltung und -Sicherheit in der Cloud: Updateverwaltung, Anti-Virus und vieles mehr!


Zurück   Paules-PC-Forum.de > Programmierung > Sonstige Programmiersprachen

Sonstige Programmiersprachen Das Sammel-Forum für alle weiteren Programmiersprachen wie z.B. Assembler, Delphi, Pascal, C# (C-Sharp), Java usw.

EM-Tippspiel

Paule bei Facebook


Paule bei Twitter


Letzte Forenthemen
Gehe zum ersten neuen Beitrag PPF - Spiel "Wörter weiter...
Aufrufe: 26908, Antworten: 4218
Gehe zum ersten neuen Beitrag Algorithmen Teil IV...
Aufrufe: 3325, Antworten: 122
Gehe zum ersten neuen Beitrag Von Live CD Windowspfad...
Aufrufe: 309, Antworten: 19
Gehe zum ersten neuen Beitrag Bundesliga-Tippspiel Saision...
Aufrufe: 7641, Antworten: 185
Gehe zum ersten neuen Beitrag Captur 2.2 (Snow Leo)
Aufrufe: 20, Antworten: 0
Gehe zum ersten neuen Beitrag Captur 2.3 (Lion)
Aufrufe: 22, Antworten: 0
Gehe zum ersten neuen Beitrag Acer Aspire 8745ZG fährt...
Aufrufe: 56, Antworten: 6
Gehe zum ersten neuen Beitrag Rechner fährt herunter,...
Aufrufe: 145, Antworten: 9
Gehe zum ersten neuen Beitrag avs4you_com Lizenz oder Abo?
Aufrufe: 70, Antworten: 4
Gehe zum ersten neuen Beitrag PPF - Shoppingwahn
Aufrufe: 50944, Antworten: 1395
Zeige:





Antwort
 
LinkBack Themen-Optionen Ansicht
Alt 23.11.2011, 13:50   #1 (Direktlink)
xxxxx
Gast
 
Beiträge: n/a
Rotes Gesicht CSS Grafik verschieben???

Hallo zusammen,

ich arbeite momentan an einem Wiki, welches ich mit einem Template verschönert habe.

Nun habe ich im Header die Grafik gegen unser Logo ausgetauscht da es von der größe gut passte.

Leider bekomme ich es aber nicht nach links verschoben. Ich hoffe es kann mir jemand weiterhelfen. Anbei der Code:


/**
* Tableless Layout for template scanlines
*
* @author A.... G..... <a....@......org>
* @author A..... H...... <a.....@........org>
* @editor J....... W...... <j.......@.........org>
*/

/*
- general elements
- fonts
- header
- logo
- logo link
- top and bottom bar
- userbar
- userbar buttons
- navigation
- navi links
- the document
- normal page 100%
- page 720px
- right page
- left page
- left page
- Sidebar
- left Sidebar
- right Sidebar
- Footer
*/

/* general elements
--------------------------------------------- */

* { padding: 0; margin: 0; }

body {
background: __background__;
color: __text__;
font: 80% "Lucida Grande", Verdana, Lucida, Helvetica, Arial, sans-serif;
}

/* --- fonts --- */
@font-face {
font-family: 'Aclonica';
local('Aclonica'),
src: url(fonts/Aclonica.eot); /* IE */
src: url(fonts/Aclonica.ttf) format('truetype'); /* all other browsers */
}

@font-face {
font-family: 'Limelight';
local('Limelight'),
src: url(fonts/Limelight.eot); /* IE */
src: url(fonts/Limelight.ttf) format('truetype'); /* all other browsers */
}

/* header
--------------------------------------------- */

div.dokuwiki div.header {
background: url(images/header.png) center center no-repeat;
min-height: 171px;
min-width: 1100px;
width: 100%;
}

div.dokuwiki div.header_content {
margin: 0px auto;
min-height: 171px;
width: 1100px;
}

/* logo
--------------------------------------------- */

div.dokuwiki div.logo {
color: __logo__;
font: italic 300 25px/1.5 'Aclonica', "Comic Sans MS", sans-serif;
letter-spacing: 0.1em;
background: url(images/header.png) center centerno-rpeat;
min-height: 230px;
padding: 0 0 1em;
text-shadow: 0 -1px 1px __white__, 0 1px 1px __text-shadow__ ;
width: 1100px;
}

div.dokuwiki div.logo_text {
margin: 0 0 0 3em;
text-indent: -2em;
}

/* --- logo link --- */
div.dokuwiki div.logo a {
color: __logo__;
font: 50px 'Limelight', Georgia, cursive;
text-decoration: none;
text-shadow: 0 -1px 1px __white__, 0 1px 1px __text-shadow__;
}

div.dokuwiki div.logo a:active,
div.dokuwiki div.logo a:visited {
outline: 2px dotted #ada899;
}

/* top and bottom bar
--------------------------------------------- */

div.dokuwiki div.bar_top {
background: url(images/bar_top.png);
height: 80px;
margin: 0.3em 0 0;
width: 100%;
}

div.dokuwiki div.bar_top_content {
height: 47px;
margin: 0 auto;
width: 1047px;
}

div.dokuwiki div.bar_bottom {
border-bottom: 2px solid __border2__;
border-left: 1.5px solid __border__;
border-right: 1.5px solid __border__;
border-top: 2px solid __border2__;
float: left;
margin: 2em 0 0;
padding: 0.8em 0.4em;
width: 974px;
}

div.dokuwiki div.bar_bottom_720 {
border-bottom: 2px solid __border2__;
border-left: 1.5px solid __border__;
border-right: 1.5px solid __border__;
border-top: 2px solid__border2__;
float: left;
margin: 2em 0 0;
padding: 0.8em 0.4em;
width: 710px;
}

div.dokuwiki div.bar-left {
float: left;
}

div.dokuwiki div.bar-right {
text-align: right;
}

div.dokuwiki #bar__bottom {
margin: 1.5em 0 0.188em;
}

div.dokuwiki #bar__topright {
float: right;
margin: -4em 0 0;
}

/* --- userbar --- */
div.dokuwiki div.userbar {
float: right;
margin: -4.5em 0 0;
}

/* userbar buttons */
div.dokuwiki div.userbar a:link,
div.dokuwiki div.userbar a:visited,
div.dokuwiki div.userbar a:active {
color: __nearly_white__;
font-weight: bold;
margin: 1em;
outline: 0;
padding: 5em 1em 0;
text-decoration: none;
text-shadow: 0 -1px 1px __text-shadow2__;
}

div.dokuwiki div.userbar a:hover {
color: __nearly_white__;
font-weight: bold;
text-decoration: none;
text-shadow: 0 1.5px 1px __text-shadow2__;
}

div.dokuwiki div.userbar a.login {
background: transparent url(images/login1.png) 0 5px no-repeat;
}

div.dokuwiki div.userbar a.logout,
div.dokuwiki div.userbar a.logout {
background: transparent url(images/logout1.png) 0 5px no-repeat;
}

div.dokuwiki div.userbar a.admin {
background: transparent url(images/admin1.png) 0 5px no-repeat;
}

div.dokuwiki div.userbar a.profile {
background: transparent url(images/profile1.png) 0 5px no-repeat;
}

div.dokuwiki div.userbar .login:hover {
background: transparent url(images/login2.png) 0 5px no-repeat;
}

div.dokuwiki div.userbar .logout:hover,
div.dokuwiki div.userbar .logout:hover {
background: transparent url(images/logout2.png) 0 5px no-repeat;
}

div.dokuwiki div.userbar .admin:hover {
background: transparent url(images/admin2.png) 0 5px no-repeat;
}

div.dokuwiki div.userbar .profile:hover {
background: transparent url(images/profile2.png) 0 5px no-repeat;
}

/* navigation
--------------------------------------------- */

div.dokuwiki div.navi {
height: 47px;
margin: 0 auto;
margin: 0 0 0 -4em;
width: 1100px;
}

div.dokuwiki div.navi ul {
float: left;
list-style: none;
}

div.dokuwiki div.navi li {
float: left;
}

div.dokuwiki div.border_left {
background: url(images/naviborder.png);
behavior: url(htc/iepngfix/iepngfix.htc);
float: left;
height: 47px;
margin: 0 0 0 0.5em;
width: 3px;
}

div.dokuwiki div.border_right {
background: url(images/naviborder.png);
behavior: url(htc/iepngfix/iepngfix.htc);
float: left;
height: 47px;
width: 3px;

}

/* --- navi links --- */
div.dokuwiki div.navi li a {
-box-shadow: 0 1px 3px __box-shadow__;
color: __nearly_white__;
display: block;
float: left;
font: 17px "Lucida Grande", "Lucida Sans Unicode", Helvetica, Arial, Verdana, sans-serif;
height: 35px;
-khtml-box-shadow: 0 1px 3px __box-shadow__;
-moz-box-shadow: 0 1px 3px __box-shadow__;
-o-box-shadow: 0 1px 3px __box-shadow__;
padding: 0.6em 1em 0;
text-decoration: none;
-webkit-box-shadow: 0 1px 3px __box-shadow__;
}

div.dokuwiki div.navi li a:link,
div.dokuwiki div.navi li a:visited {
background: url(images/navibutton1.png);
behavior: url(htc/iepngfix/iepngfix.htc);
text-shadow: 0 -1px 1px __text-shadow2__;
}

div.dokuwiki div.navi li a:hover {
background: url(images/navibutton2.png);
behavior: url(htc/iepngfix/iepngfix.htc);
text-shadow: 0 1.5px 1px __text-shadow2__;
}

div.dokuwiki div.navi li a:active {
background: url(images/navibutton2.png);
behavior: url(htc/iepngfix/iepngfix.htc);
outline: 1px dotted #FFF;
text-shadow: 0 -1px 1px__text-shadow2__;
}

/* the document
--------------------------------------------- */

/* --- normal page 100% --- */
div.dokuwiki div.page {
border-bottom: 2px solid __border2__;
border-left: 1px solid __border3__;
border-right: 1px solid __border3__;
border-top: 1px solid __border3__;
float: left;
text-align: justify;
width: 100%;
}

/* --- page 720px --- */
div.dokuwiki div.page_720 {

border-bottom: 2px solid __border2__;
border-left: 1px solid __border3__;
border-right: 1px solid __border3__;
border-top: 1px solid __border3__;
text-align: justify;
width: 100%;
}

/* --- right page --- */
div.dokuwiki div.right_page {
float: right;
width: 720px;
}

/* --- left page --- */
div.dokuwiki div.left_page {
float: left;
width: 720px;
}

/* --- left page --- */
div.dokuwiki div.full_page {
width: 985px;
}

div.dokuwiki div.page_title {
background: url(images/title.png);
border-bottom: 1.5px solid __border__;
color: __text__ ;
font-size: 15px;
height: 21.9px;
padding: 0.2em 0 0;
text-align: center;
width: 100%;
}

div.dokuwiki div.page_content {
margin: 0.8em;
padding: 0 0 1em;
}

div.dokuwiki table {
font-size: 100%;
}

div.dokuwiki tr,
div.dokuwiki td,
div.dokuwiki th {
}

div.dokuwiki img {
border: none;
}

div.dokuwiki p,
div.dokuwiki blockquote,
div.dokuwiki table,
div.dokuwiki pre {
margin: 0 0 1em;
}

div.dokuwiki hr {
border: 0;
border-top: 1px solid __border__;
height: 0;
text-align: center;
}

div.dokuwiki div.nothing {
margin: 2em;
text-align: center;
}

/* Sidebar
--------------------------------------------- */

div.dokuwiki div.sidebar_single {
border-bottom: 2px solid __border2__;
border-left: 1px solid __border3__;
border-right: 2px solid __border2__;
border-top: 1px solid __border3__;
margin: 1em 0 0;
text-align: justify;
width: 250px;
}

div.dokuwiki div.sidebar_title {
background: url(images/title.png);
border-bottom: 1.5px solid __border__;
color: __text__;
font: 15px "Lucida Grande", "Lucida Sans Unicode", Helvetica, Arial, Verdana, sans-serif;
height: 21.9px;
padding: 0.2em 0 0;
text-align: center;
width: 100%;
}

div.dokuwiki div.sidebar_content{
margin: 0.6em;
overflow: auto;
}

div.dokuwiki div.left_sidebar h1,
div.dokuwiki div.left_sidebar h2,
div.dokuwiki div.left_sidebar h3,
div.dokuwiki div.left_sidebar h4,
div.dokuwiki div.left_sidebar h5,
div.dokuwiki div.left_sidebar h6,
div.dokuwiki div.right_sidebar h1,
div.dokuwiki div.right_sidebar h2,
div.dokuwiki div.right_sidebar h3,
div.dokuwiki div.right_sidebar h4,
div.dokuwiki div.right_sidebar h5,
div.dokuwiki div.right_sidebar h6 {
border: none;
font: bold 100% Verdana, "Lucida Grande", Lucida, Helvetica, Arial, sans-serif;
margin: 0 0 0.2em;
padding: 0.1em;
}

div.dokuwiki div.left_sidebar h1,
div.dokuwiki div.right_sidebar h1 {
padding: 0 0 0 0.2em;
}

div.dokuwiki div.left_sidebar div.level2,
div.dokuwiki div.right_sidebar div.level2,
div.dokuwiki div.left_sidebar div.level3,
div.dokuwiki div.right_sidebar div.level3,
div.dokuwiki div.left_sidebar div.level4,
div.dokuwiki div.right_sidebar div.level4,
div.dokuwiki div.left_sidebar div.level5,
div.dokuwiki div.right_sidebar div.level5 {
margin: 0 0 0 0.1875em;
}

div.dokuwiki div.left_sidebar ul,
div.dokuwiki div.right_sidebar ul {
margin: 0 0 0 1.5em;
}

div.dokuwiki div.left_sidebar div.secedit,
div.dokuwiki div.right_sidebar div.secedit {
text-align: right;
}


/* --- left Sidebar --- */
div.dokuwiki div.left_sidebar {
float: left;
margin: -1em 0 0;
text-align: justify;
width: 250px;
}

/* --- right Sidebar --- */
div.dokuwiki div.right_sidebar {
float: right;
margin: -1em 0 0;
text-align: justify;
width: 250px;
}

/* Footer
--------------------------------------------- */

div.dokuwiki div.footer {
background: url(images/footer.png);
color: __nearly_white__;
font: bold 13px "Lucida Grande", "Lucida Sans Unicode", Helvetica, Arial, Verdana, sans-serif;
height: 55px;
line-height: 0.9;
margin: 0 auto;
margin-top: 0.5em;
padding: 0.7em 0 0;
text-align: center;
text-shadow: 0 -1px 1px __text-shadow2__;
width: 1047px;
}

div.dokuwiki div.footer a:link,
div.dokuwiki div.footer a:visited,
div.dokuwiki div.footer a:active {
color: __nearly_white__;
font: bold 95% "Lucida Grande", "Lucida Sans Unicode", Helvetica, Arial, Verdana, sans-serif;
line-height: 0.9;
text-decoration: none;
text-shadow: 0 -1px 1px __text-shadow2__;
}

div.dokuwiki div.footer a:hover {
color: __nearly_white__;
font: bold 95 "Lucida Grande", "Lucida Sans Unicode", Helvetica, Arial, Verdana, sans-serif;
line-height: 0.9;
text-decoration: none;
text-shadow: 0 1.5px 1px __text-shadow2__;
}

Ich hoffe es fühlt sich keiner erschlagen weil es so lang ist. Achja der Code war im Template ja schon drin.

Ichh habe nur 2 Einträge geändert. Ich denke es wird nur der Punkt Header und Logo? benötigt um das in Position zu bekommen???

Lg


EDIT: Bei den Autoren wurden lediglich die Namen und Mailadressen unkenntlich gemacht MfG Wuotan

Geändert von Wuotan (23.11.2011 um 14:13 Uhr) Grund: Realnamen und e-mailadressen entfernt
  Mit Zitat antworten
Werbung

Windows 7 Tipps und Tricks in Bildern

Alt 01.12.2011, 15:13   #2 (Direktlink)
xxxx
Gast
 
Beiträge: n/a
Standard

Oh sorry,

habe nicht gesehen das da Namen und Mail Adressen drin waren
Danke fürs unkentlich machen!!!
  Mit Zitat antworten
Alt 11.12.2011, 00:19   #3 (Direktlink)
Weiß worum´s geht
 
Benutzerbild von an apple a day
 
Registriert seit: 04.11.2010
Beiträge: 110
Standard

Hat die DIV-Box in der das Bild ist vllt einen Padding? Wenn ja einfach auf 0px setzten bzw rausnehmen.

EDIT:
Zitat:
div.dokuwiki div.logo {
color: __logo__;
font: italic 300 25px/1.5 'Aclonica', "Comic Sans MS", sans-serif;
letter-spacing: 0.1em;
background: url(images/header.png) center centerno-rpeat;
min-height: 230px;
padding: 0 0 1em;
text-shadow: 0 -1px 1px __white__, 0 1px 1px __text-shadow__ ;
width: 1100px;
}
Da fehlt eine Leerstelle
__________________
I hacked 127.0.0.1
an apple a day ist offline   Mit Zitat antworten
Antwort

  Paules-PC-Forum.de > Programmierung > Sonstige Programmiersprachen

Lesezeichen

Themen-Optionen
Ansicht

Forumregeln
Es ist Ihnen erlaubt, neue Themen zu verfassen.
Es ist Ihnen erlaubt, auf Beiträge zu antworten.
Es ist Ihnen nicht erlaubt, Anhänge hochzuladen.
Es ist Ihnen nicht erlaubt, Ihre Beiträge zu bearbeiten.

BB-Code ist an.
Smileys sind an.
[IMG] Code ist an.
HTML-Code ist aus.
Trackbacks are an
Pingbacks are an
Refbacks are an


Ähnliche Themen
Thema Autor Forum Antworten Letzter Beitrag
Control verschieben Ralph Theobald XProfan 8 02.05.2011 22:25
Fenster verschieben schneeberger Windows Vista 12 15.10.2009 19:10
Papierkorb von C auf D verschieben? Hauserfritz Windows XP 3 06.11.2006 13:53
Partition verschieben Chuppatups Windows XP 1 24.06.2006 13:14
Grafik-Objekt in Word-Grafik rückgängig machen!!?? halodri Office-Anwendungen 10 25.02.2005 15:42



Alle Zeitangaben in WEZ +2. Es ist jetzt 05:03 Uhr.


Powered by vBulletin® Version 3.8.7 (Deutsch)
Copyright ©2000 - 2012, vBulletin Solutions, Inc.
Powered by vBCMS® 2.7.0 ©2002 - 2012 vbdesigns.de
(c) Paules-PC-Forum.de

::: Impressum :::

Search Engine Optimization by vBSEO 3.3.2