Hey koslowski,
Deine lösung hört sich gut an, jedoch kann ich damit kaum was anfangen.
Da ich kaum CSS kann, ist es für mich auch schwer, Deine eventuelle Lösung umzusetzen.
Beste Grüße
Beiträge von Gruening
-
-
Hey,
bringt leider auch keinen Erfolg.
Vielen Dank für die Bemühungen !
-
Hey,
leider bringt das auch nix, denn auch wenn ich die px angebe, wird es nicht zentriert.
MfG
-
Hey,
bei mir ist nun folgendes drinne:
Code#wrapper {margin-left:auto; margin-right:auto; width:100%;}Aber zentriert hat es sich dort immer noch nicht.
Wird das Design denn bei Euch bis auf den zentrier Fehler korrekt angezeigt ?
Vielen Dank
-
Okay, nun scheint es zu klappen. =)
Jetzt müsste nur noch der Content Bereich ein wenig breiter und das ganze mehr in die mitte gerückt werden.
MfG
-
Hey,
passiert leider gar nix. Egal welche Zahl ich einstelle, aber nix zu machen.
Hier mal meine Style.css
Code
Alles anzeigen/* Theme Name: Theme! Theme URI: http://www.Androida.de Description: So ises Version: 1.0 Author: Ich */ /* Basic styles*/ body { background: transparent url(http://grueningme.appspot.com/images/bg.jpg) top left; font-family: Arial, Helvetica, Sans-Serif; margin:0 auto; font-size:14px; text-align: justify; } img { border:0;} a { outline-style:none; } a:link ,a:active ,a:visited { text-decoration: none; color : #1C4666; border: none;} a:hover { text-decoration: none; color : #0D2334; border: none;} textarea,input {color:#7b7d6f} p img {padding: 0;max-width: 100%;} img.centered,img.aligncenter {display: block;margin:0 auto;border:1px solid #c0c0c0;overflow:hidden;padding: 4px;} img.alignright {padding: 4px;margin: 2px 0 2px 7px;display: inline;border:1px solid #c0c0c0;} img.alignleft {padding: 4px;margin: 2px 7px 2px 0;display: inline;border:1px solid #c0c0c0;} .alignright {float: right;} .alignleft {float: left} acronym, abbr, span.caps {cursor: help;} acronym, abbr {border-bottom: 1px dashed #999;} .center {text-align: center;} .hidden {display: none;} .aligncenter,div.aligncenter {display: block;margin-left: auto;margin-right: auto;} .clearer { clear: both; } #wrapper {margin:25px auto;width:900px;} #wrapper #header {clear:both;height:75px; width:840px;padding:7px 20px;overflow:hidden;} #wrapper #main {clear:both;overflow:hidden;width:900px; padding:15px; border:1px solid #000; background:#fff url(http://grueningme.appspot.com/images/wrapper.jpg) top left repeat-x;} #topline {width:100%; height:64px; background:url(http://grueningme.appspot.com/images/topbg.jpg) top left repeat-x;} #footer {width:100%; margin:0; background:#252525;border-top:1px solid #474E53;} #footer p {padding:10px; margin:0; color:#fff;} #header { margin: 0; padding: 0; } #headiv {} #headiv2 { width: 98%; margin: 0; padding: 0; overflow: hidden; } #topnav { float: left; } #topnav ul { list-style-type: none; list-style-image: none; margin: 0; padding: 0; display: inline-block; float: left; } #topnav ul li { float: left; display: inline; margin: 0; padding: 0; } #topnav ul li a, #topnav ul li a:link, #topnav ul li a:active, #topnav ul li a:visited { display: block; float: left; font: 14px Arial, "Times New Roman", Times, serif; padding: 10px 12px; color: #fff; } #topnav ul li a:hover { text-decoration: underline; } #topsearch { width: 280px; float: right; margin: 6px 0 0 0; } #s { width: 183px; float: left; background:url(http://grueningme.appspot.com/images/searchbg.jpg) top left repeat-x; padding: 5px 8px; margin: 0; border: 1px solid #616A71; } #searchsubmit { color: #fefefe; float: left; background: #5783A1; padding: 5px 8px 5px 8px; margin: 0 0 0 10px; font-family: Arial, "Times New Roman", serif; font-weight: bold; font-size: 11px; cursor: pointer; border: none; } #header #logo { width:280px; float:left;} #header #logo h1{ font: bold 3.7em/1em Arial, Helvetica, sans-serif; margin: 0 0 10px; letter-spacing: 2px; color: #74685c; text-shadow: 0 1px 0 #000; } #header #logo h1, #header #logo h1 a { color: #74685c; text-decoration: none; } #header #logo h1 a:hover { color: #ca6c18; } #header #nav {width:167px; height:44px; float:right; margin: 38px 0 0 0} #main #content { width:540px; float:left; margin:10px;} #main #sidebar {width:280px; float:right;line-height:18px; margin-right:10px;} #main #sidebar .schreiber {margin:0;} #main #sidebar .schreiber .pic { width: 47px; height: 84px; float: left; background:#fff url(http://grueningme.appspot.com/images/profil.jpg) top left no-repeat; padding: 5px 8px; margin: 0;} .widget { margin-bottom:20px; padding:0; overflow:hidden;clear:both; } .widget h4 { font-size:14px; margin:0; padding: 5px 15px; color:#575757;font-weight:400;background:#F3F2F2; border:1px solid #D0D0D0; text-transform: uppercase;} .widget ul { list-style:none; font-size:12px; margin:5px 0; padding:0;} .widget ul li { background:url(http://grueningme.appspot.com/images/icon_bullet.jpg) 5px 4px no-repeat; padding:0 0 7px 24px;} .widget_categories ul li { width:40%; float:left; margin:0;} .widget_search form { padding:0 10px;} .widget_search input{width:63%;padding:5px; margin:0 5px 10px 0;background:#f8f8f5 url(http://grueningme.appspot.com/images/random.png) top left repeat-y;border-left:1px solid #dddbd4;border-top:1px solid #dddbd4;border-right:1px solid #f5f5f1;border-bottom:1px solid #f5f5f1;} .widget_search input#searchsubmit { width:70px;margin-top:10px; background:url(http://grueningme.appspot.com/images/submit.png) top left repeat-x;color:#ffffff;padding-bottom: 3px;border:1px solid #94c1cd;} .post {color:#000;padding-bottom:5px;margin-bottom:20px;} .post .title {padding:10px;} .post .title h2 { font-family: font-family: Myriad, Arial, Sans-Serif;;font-size: 25px;line-height: 35px;font-weight: bold;float: left;padding-right: 20px; margin:0;text-shadow: 1px 1px #BCC3C9; color:#252C32;} .post .title h2 a { color:#000000;} .post .title h2 a:hover { color:#66808d;} .post .entry {line-height:22px;padding:10px;display:block; clear:both; overflow:hidden;color:#787575;} .post p { color:#000;margin:0; padding:0 0 10px 0;} .post blockquote { background:#dcdecf;border: 1px solid #bbc0a2; url(http://grueningme.appspot.com/images/zitat.jpg) no-repeat scroll 0 0;font-size:0.8em;font-style:italic;line-height:1.5em;margin:5px 0 5px 0;padding:10px 15px 10px 60px;} .post ul.split3cols,.post ul.split2cols {font-size:12px;overflow:auto;width:520px;} .post ul {list-style-type:none;margin:10px 0;padding:0 0 0 10px;} .post ul.split3cols li { float:left;width:155px;margin-right:5px;} .post ul.split2cols li { float:left;width:240px;margin-right:5px;} .post ul li { background:transparent url(http://grueningme.appspot.com/images/bullet.png) no-repeat scroll 0 8px;line-height:20px;margin:4px 0;padding:0 0 0 10px; } .post .entry h1,.post .entry h2,.post .entry h3,.post .entry h4 {margin:0 0 5px 0; padding:0 0 5px 15px; color:#575757;font-weight:400;border-bottom:1px solid #d9d9d9;} .post .entry h1 { font-size:16px;} .post .entry h2 { font-size:15px;} .post .entry h3 { font-size:14px;} .post .entry h4 { font-size:13px;} .post .meta { background-color:#C8DDEA; color:#000; font-size:11px; padding:3px;} .post .meta a { color:#144B74; padding:4px;} .post .meta a:hover { background-color:#144B74; color:#fff} .post .more { float:right; text-align:right; width:130px; height:25px;} #comments { padding:0 0 0 15px; margin:0; font-size:14px;} .commentlist { list-style:none; padding:10px 20px 0 20px;margin:0; overflow:hidden;clear:both;} .commentlist li {padding-top:10px;margin-bottom:10px;background:#E2FAD6;border:1px dashed #000;color:#404040;padding:5px;} .commentlist p { color:#000;line-height:20px; padding:0px;} .commentlist .comment-author { color:#2A3237; } .commentlist cite, .commentlist cite a {font-weight: bold;font-style: normal;} .commentlist .comment-author a:link,.commentlist .comment-author a:visited{ color:#2A3237; } .commentlist .comment-author a:hover{ color:#87B3CE; } .commentlist .comment-author .avatar {float:right; border:1px solid #d9d9d9; padding:3px;} .commentlist .comment-meta a { font-size:10px;color:#000;} .commentlist .reply { padding:0px 10px 5px 10px; } #comment-form,.commentform { padding:0 15px; margin:0; font-size:11px;color:#282c2d;} #comment-form h3,.commentform h3 { font-size:16px; } #comment-form form ,.commentform form { padding:0 20px; margin:0;} #comment-form label,.commentform label {margin:0 10px 0 0;} #comment-form input,.commentform input { width:70%;padding:5px; margin:0 10px 10px 0;background:#f8f8f5; border-left:1px solid #dddbd4;border-top:1px solid #dddbd4;border-right:1px solid #f5f5f1;border-bottom:1px solid #f5f5f1; } #comment-form input.submit,.commentform input.submit { width:100px;float:right;margin-top:10px; background:#87B3CE;color:#ffffff;padding-bottom: 3px;border:1px solid #94c1cd;} #comment-form textarea,.commentform textarea { width:94%;background:#fff;color:#000;border-left:1px solid #dddbd4;border-top:1px solid #dddbd4;border-right:1px solid #f5f5f1;border-bottom:1px solid #f5f5f1;padding:10px;} .comment-nav { padding:0px; } .admincomment { background:#B4045F; border:1px dashed #000; color:#404040; margin-bottom:20px; padding:15px 15px 15px 50px; } .artikel { background:#E2FAD6; border:1px dashed #000; color:#404040; margin-bottom:20px; padding:15px 15px 15px 50px; } .werbung { float:right; padding:3px 10px 15px 50px; } .entry a { color:red; } .gallery-item { width: 75px; height: 75px; position: relative; float: left; margin: 0px 13px 7px 0px; display: block;} .gallery-item img { position: absolute; top: 0; left: 0; padding: 8px; background-color: #f6f6f6; border: 1px dashed #b2b2b2; -webkit-box-shadow: 3px 3px 4px rgba(0, 0, 0, 0.2); -moz-box-shadow: 3px 3px 4px rgba(0, 0, 0, 0.2); -webkit-border-radius: 10px; -moz-border-radius: 10px; } .gallery-item:hover img { -webkit-box-shadow: none; -moz-box-shadow: none; } .features-hover { display: none; position: absolute; padding: 8px; background: #fff; -webkit-border-radius: 8px; -webkit-box-shadow: 3px 3px 7px rgba(0, 0, 0, 0.25); -moz-border-radius: 8px; -moz-box-shadow: 3px 3px 7px rgba(0, 0, 0, 0.25); z-index: 5; } .clear {clear: both;} blockquote { border:1px dashed #000; color:#404040; margin: 3em 0; padding: 10px; background: #f8f7f6 url(images/bg.gif); } -
Grüßt Euch,
auf http://www.androida.de/ sehe Ihr meinen Blog, welchen ich leicht verändern will. Da ich mich mit den CSS Sachen nicht so gut auskenne, frage ich Euch um Rat.
Ich möchte den ganzen Content breiter machen.
Das soll heißen, dass der weiße Background breiter soll und dann auch die Artikel etc.Ist sowas machbar und wenn ja, wie ?
Vielen vielen Dank
-
-=Marc=-, Danke sehr. =)
KreuzfahrtBlogger, dass Logo wird bleiben, denn MIR gefällt es sehr gut. Und das es keine neue Idee hast, gebe ich Dir auch Recht.
Wenn Du meine Angebots Seite liesst, wirst Du schnell erkennen, warum ich die Seite online gestellt habe. Irgendwann wird es zu einer Sucht und mir macht es Spaß, so dass ich es schon als Hobby ansehe.
Vielen Dank auch für das Lob, denn dadurch macht es nur noch mehr Spaß.
Denn bisher kamen zu 99% nur positive Kommentare und das auch auf anderen Plattformen.
MfG
-
Soll das nen Blog oder ne Autobahn sein ? :lol:
-
Hey,
nun ein kleines Update.
Besser so ? ;)
MfG
-
Headlines viel zu groß
Theme passt nicht zum Thema
unfertig -
so, nun ist ein neues Design online, mit dem ich gerade fertig geworden bin.
Anpassungen werden in den nächsten Tagen noch erfolgen.
MfG
-
Einen Teufel werde ich tun, und dir für eine gewerbliche Seite kostenlos einen Designvorschlag machen. ;)DU musst mir mal erklären, wo es sich bei meiner Seite um eine gewerbliche handelt ? ;)
-
Jottlieb, ich erwähne auch negative Punkte. ;)
-=Marc=-, muss ja auch nicht, denn Deine Seite gefällt mir vielleicht auch nicht. ;) Geschmäcker halt.
Wenn Du aber so am Design rum meckerst, dann nenne mir mal eins, was in Deinen Augen zum Thema passen würde. ;)
Und das ich bereits Kunden wie Logitech, AVM, Nokia etc. habe, sollte für sich sprechen.
Danke für Euer Feedback.
MfG
-
hmmm, die Seite beschäftigt sich mit Rezensionen und wenn Du auf der Seite bist, dann siehst Du auch, dass ich gerade eine neue Rezension veröffentlicht habe.
In der Slider Box sind die letzten 5 Rezensionen und sogar auch verlinkt, wie z.B. http://www.rezensionen.me/personlicher-h…ei-e5832-s.html
MfG
-
Danke, aber es geht hier auch um den Inhalt. :D
MfG
-
hatten wir das nicht schon mal :)? Damals kam leider kein Feedback mehr...
Hatte ja auch lange Zeit hier nix mehr von mir hören gelassen.
Du weißt doch, Familie & Co.Bekommst gleich ne /pn. ;)
-
Das Design ist von ET und von mir noch angepasst wurden. ;)
Das ist keine Werbung dort, sondern reale Artikel. ;)Geri, nicht Lust mir nen schickes Logo zu basteln ? =)
MfG
-
Möchte hier nun mein Portfolio vorstellen indem es sich rund um Testprodukte dreht.
Was ich mit meiner Vorstellung hier von Euch möchte, ist folgendes:
Lob und Kritik ?
Tipps, wo man noch Rezensions Produkte bekommen kann ?
Fehlerbehebungen ?
Allgemeine Meinungen ?Lange Rede, kurzer Sinn. Hier die Pressemitteilung, welche auch in den großen bekannten Portalen zur Verfügung steht.
-
Ich besitze selber ein iPad und habe auch eine Seite zum iPad (Forum) und werde nun im laufe der Tage eine neue erstellen.
Das Theme, welches Du nutzt, ist relativ schlecht anzusehen, denn ein dunkles Theme ist in der heutigen Zeit "out".
Des Weiteren hast Du kaum Artikel erstellt, was die Vorstellung negativ macht.
An Deiner Stelle würde ich den Blog erstmal füllen und dann nochmal vorstellen.
Wo sind Themen wie Spirit, Daten, Tarife etc. ?
So wir das mit dem Blog nix, es sei denn, Du gibst Dir noch viel Mühe.
