Suche im Forum:
Suchen


Autor Nachricht
Beitrag22.04.2012 um 01:53 (UTC)    
Titel: Probleme mit CSS design

Hallo ich habe von einer seite Free CSS runtergeladen und eingefükt aber das design hat sich runter verschoben und ich kann meine menü punkte sehen hier ist meine seite

http://bitkikitabi.de.tl

ich bedanke mich schon mal für die hilfe
Beitrag22.04.2012 um 07:40 (UTC)    
Titel:

Wenn du einfach ein komplettes HTML-Dokument einfügst, wird das nichts werden.

Das Template muss für den Baukasten umgecodet werden.

Gruß,

TransInt
______________
Kein Support per PN - Im Forum hilft es allen!

Life is what happens while you are busy making other plans.
- John Lennon
Beitrag22.04.2012 um 09:41 (UTC)    
Titel:

Da kann ich dir ein wenig helfen da nur ein paar teile im code geändert werden müssen... also du gehst jetzt mal in den CSS Code und suchst folgendes:

Code:

#content_container {
   margin:0px;
   padding: 0px;
}


wenn du diesen codeteil gefunden hast füge folgendes einfach unter padding ein:
Code:

marin-top: -300px;


Um diesen Weissen Querbalken wegzubekommen musst du ganz einfach einen Grafiklink ändern ( die jetzige Grafik ist weiss ) ich mach mir kurz die mühe und lad die passende Grafik für dich hoch.

http://www10.pic-upload.de/22.04.12/eqazg9exu7op.png

so jetzt suchst du noch in deinem CSS Code folgenden link:
Code:
http://img.webme.com/pic/b/bitkikitabi/header_slice.gif

und den ersetzt du jeztz mit dem link den ich dir geschickt habe.
wenn das nicht klappen sollte oder iwas noch doof aussieht schreib mich an.

ansonsten poste einfach mal dein CSS code vllt kann ich dir dann ein wenig mehr helfen.


Zuletzt bearbeitet von canvas5-webdesigns am 22.04.2012, 13:41, insgesamt einmal bearbeitet
Beitrag22.04.2012 um 14:51 (UTC)    
Titel:

tut mir echt leid ich habe es nicht hin bekommen das ist das code danke nochmals für eure bemühungen

Code:
/* CSS Document */
body{background-color:#3B3B3B; color:#A4A4A4; padding:0px; margin:0px; font:13px/17px Verdana, Arial, Helvetica, sans-serif;}
div, ul, li, h1, h2, h3, h4, p, img{margin:0px; padding:0px;}
ul{list-style-type:none;}

/*----TOP PANEL----*/
#header_container{height:299px; position:relative; margin:0 auto; padding:0px; background-image:url(http://www10.pic-upload.de/22.04.12/eqazg9exu7op.png); background-repeat:repeat-x; background-position:top;}

#header{width:755px; height:299px; position:relative; margin:0 auto; padding:0px 9px 0px 14px;}

#header img{height:86px; width:450px; position:absolute; top:0; left:161px; padding:0px;}

#header ul{width:94px; height:145px; padding:23px 29px 20px 40px; position:absolute; top:103px; left:0px; background:url(http://img.webme.com/pic/b/bitkikitabi/ul.gif) 0 0 no-repeat;}

#header ul li{background:url(http://img.webme.com/pic/b/bitkikitabi/bullet1.gif) 0 7px no-repeat #ccc; border-bottom:#929292 dotted 1px; font:12px/24px Verdana, Helvetica, sans-serif; font-weight:bold; color: #000; padding-left:10px;}

#header ul li.contact{border:none;}

#header ul li a{font-family:Verdana, Helvetica, sans-serif; font-size:12px; font-weight:bold; text-decoration:none; background:#ccc; color:#212121;
}
#header ul li a:hover{background:#ccc; color:#B53332; text-decoration:none;}
#header h1{padding:137px 0px 0px 33px; background:url(http://img.webme.com/pic/b/bitkikitabi/banner.jpg) 0 0 no-repeat #fff; width:547px; height:51px; font-family:Verdana, Helvetica, sans-serif; font-size:13px; font-weight:bold; color: #3B3B3B; position:absolute; top:103px; left:175px;}

/*----BODY1 PANEL----*/
#body1{width:778px; height:77px; position:relative; margin:0 auto; background:url(http://img.webme.com/pic/b/bitkikitabi/from_shadow.jpg) 0 100% no-repeat;}

#body1 form{width:690px; height:77px; margin:0; padding:0 0 0 88px;}

#body1 form label{width:177px; height:44px; font-family:Georgia, "Times New Roman", Times, serif; font-size:20px; font-weight:bold; color: #fff; background-color:#3B3B3B; display:block; float:left; background-image: url(http://img.webme.com/pic/b/bitkikitabi/level.jpg); background-repeat:no-repeat; background-position:left top; padding-left:60px; line-height:44px; margin-top:17px;}

#body1 form input{width:135px; height:18px; float:left; display:block; margin:28px 25px 0 0; padding:0 0 0 10px;}
#body1 form input.botton{width:56px; height:28px; float:left; background:url(http://img.webme.com/pic/b/bitkikitabi/button.gif) 0 0 no-repeat #3A3A3A; border:none; color:#fff; font:14px/28px Verdana, Arial, Helvetica, sans-serif; margin:26px 0 0; padding:0px;}

/*----/BODY1 PANEL----*/

/*----BODY MIDDLE PANEL----*/
#bodymiddlePan{width:602px; position:relative; margin:0 auto; padding:0 88px; clear:both;}
#bodymiddlePan h2{width:400px; height:68px; display:block; background:#3B3B3B; color:#FBD61A; font:28px/68px Georgia, "Times New Roman", Times, serif; font-weight:normal;}
#bodymiddlePan p.lasttext{padding:0 0 25px 0;}
#bodymiddlePan p span{background:#3B3B3B; color:#fff;}
/*----BODY MIDDLE PANEL----*/

/*----BODY BOTTOM PANEL----*/
#bodyBottomPan{width:690px; background:url(http://img.webme.com/pic/b/bitkikitabi/body_shadow.gif) 0 0 no-repeat; position:relative; margin:0 auto; padding:54px 0 0 88px; clear:both;}
/*----Info Panel----*/
#infoPan{width:187px; height:192px; background:url(http://img.webme.com/pic/b/bitkikitabi/infopanelbg.jpg) 0 100% no-repeat #3B3B3B; float:left; margin:0 28px 0 0; color:#524201; font:13px/17px Verdana, Arial, Helvetica, sans-serif;}
#infoPan h2{width:163px; height:40px; background:url(http://img.webme.com/pic/b/bitkikitabi/infopaneltop.jpg) 0 0 no-repeat #3B3B3B; color:#fff; font:32px/36px "Trebuchet MS", Arial, Helvetica, sans-serif; font-weight:normal; padding:30px 0 0 24px;}
#infoPan p{padding:10px 0 0 24px; line-height:17px;}
#infoPan p.view{width:66px; height:18px; padding:10px 0 0 24px;}
#infoPan p.view a{width:66px; height:18px; display:block; background:url(http://img.webme.com/pic/b/bitkikitabi/infoview-normal.gif) 0 0 no-repeat #F0C40E; color:#fff; font:12px/18px Verdana, Arial, Helvetica, sans-serif; font-weight:bold; text-align:center; text-decoration:none;}
#infoPan p.view a:hover{background:url(http://img.webme.com/pic/b/bitkikitabi/infoview-hover.gif) 0 0 no-repeat #F0C40E; color:#fff; text-decoration:none;}
/*----/Info Panel----*/

/*----Services Panel----*/
#servicesPan{width:187px; height:192px; background:url(http://img.webme.com/pic/b/bitkikitabi/servicespanelbg.jpg) 0 100% no-repeat #3B3B3B; color:#212121; float:left; margin:0 28px 0 0; font:13px/17px Verdana, Arial, Helvetica, sans-serif;}
#servicesPan h2{width:163px; height:40px; background:url(http://img.webme.com/pic/b/bitkikitabi/servicespaneltop.jpg) 0 0 no-repeat #3B3B3B; color:#fff; font:32px/36px "Trebuchet MS", Arial, Helvetica, sans-serif; font-weight:normal; padding:30px 0 0 24px;}
#servicesPan p{padding:10px 0 0 24px; line-height:17px;}
#servicesPan p.view{width:66px; height:18px; padding:10px 0 0 24px;}
#servicesPan p.view a{width:66px; height:18px; display:block; background:url(http://img.webme.com/pic/b/bitkikitabi/servicesview-normal.gif) 0 0 no-repeat #B8B8B8; color:#fff; font:12px/18px Verdana, Arial, Helvetica, sans-serif; font-weight:bold; text-align:center; text-decoration:none;}
#servicesPan p.view a:hover{background:url(http://img.webme.com/pic/b/bitkikitabi/servicesview-hover.gif) 0 0 no-repeat #B8B8B8; color:#fff; text-decoration:none;}
/*----/Services Panel----*/

/*----Schedule Panel----*/
#schedulePan{width:187px; height:192px; background:url(http://img.webme.com/pic/b/bitkikitabi/schedulepanelbg.jpg) 0 100% no-repeat #3B3B3B; color:#fff; float:left; margin:0 28px 0 0; font:13px/17px Verdana, Arial, Helvetica, sans-serif;}
#schedulePan h2{width:163px; height:40px; background:url(http://img.webme.com/pic/b/bitkikitabi/schedulepaneltop.jpg) 0 0 no-repeat #3B3B3B; color:#fff; font:32px/36px "Trebuchet MS", Arial, Helvetica, sans-serif; font-weight:normal; padding:30px 0 0 24px;}
#schedulePan p{padding:10px 0 0 24px; line-height:17px;}
#schedulePan p.view{width:66px; height:18px; padding:10px 0 0 24px;}
#schedulePan p.view a{width:66px; height:18px; display:block; background:url(http://img.webme.com/pic/b/bitkikitabi/scheduleview-normal.gif) 0 0 no-repeat #E45D5D; color:#fff; font:12px/18px Verdana, Arial, Helvetica, sans-serif; font-weight:bold; text-align:center; text-decoration:none;}
#schedulePan p.view a:hover{background:url(http://img.webme.com/pic/b/bitkikitabi/scheduleview-hover.gif) 0 0 no-repeat #E45D5D; color:#fff; text-decoration:none;}
/*----/Schedule Panel----*/

/*----BOTOM PANEL----*/
#bottomPan{height:282px; background:url(http://img.webme.com/pic/b/bitkikitabi/bottombg.gif) 0 0 repeat-x; position:relative; margin:0 auto; padding:65px 0 0; clear:both;}

#bottomMainPan{width:778px; position:relative; margin:0 auto; padding:50px 0 0;}
#bottomBorderPan{width:778px; float:left; background:url(http://img.webme.com/pic/b/bitkikitabi/bottomborder-bg1.gif) 0 0 repeat-y;}
#bottomBorderPan h2{width:210px; height:40px; position:absolute; top:28px; left:0px; display:block; background:#ccc; color:#0C0C0C; font:24px/40px Georgia, "Times New Roman", Times, serif;}
#bottomBorderPan h3{width:210px; height:40px; position:absolute; top:28px; left:259px; display:block; background:#ccc; color:#0C0C0C; font:24px/40px Georgia, "Times New Roman", Times, serif;}
#bottomBorderPan h4{width:210px; height:40px; position:absolute; top:28px; left:517px; display:block; background:#ccc; color:#0C0C0C; font:24px/40px Georgia, "Times New Roman", Times, serif;}

#bottomBorderPan ul{float:left; width:258px; padding:25px 0 0;}
#bottomBorderPan ul li{width:225px; height:22px; margin:0 10px 0 0;}
#bottomBorderPan ul li a{width:200px; height:22px; display:block; background:url(http://img.webme.com/pic/b/bitkikitabi/arrow-normal.gif) 0 8px no-repeat #ccc; color:#3D3C2C; font:14px/22px Arial, Helvetica, sans-serif; text-decoration:none; padding:0 0 0 16px;}
#bottomBorderPan ul li a:hover{background:url(http://img.webme.com/pic/b/bitkikitabi/arrow-hover.gif) 0 8px no-repeat #BDBDBD; color:#3D3C2C; text-decoration:none;}
/*----/BOTOM PANEL----*/

/*----FOOTER PANEL----*/
#footermainPan{height:144px; background:url(http://img.webme.com/pic/b/bitkikitabi/footerbg.gif) 0 0 repeat-x #3B3B3B; position:relative; margin:0 auto;  color:#fff; font:13px/22px "Trebuchet MS",Arial, Helvetica, sans-serif; clear:both; padding:30px 0 0;}

#footerPan{width:778px; position:relative; margin:0 auto;}

#footerlogoPan{display:block; width:215px; height:40px; position:absolute; top:0px; left:456px;}

#footerPan ul{width:546px; position:absolute; top:0px; left:0px;}
#footerPan li{float:left; }
#footerPan ul li a{padding:0 10px 0; color:#fff; background: url(images/footermenubg.gif) 0 0 repeat-x #3B3B3B; text-decoration:none;}
#footerPan ul li a:hover{text-decoration:underline;}

#footerPan ul.templateworld{width:250px; background:#3B3B3B; color:#fff; display:block; position:absolute; top:80px; left:10px;}
#footerPan ul.templateworld li a{background:#3B3B3B; display:block; color:#fff; text-decoration:none;}
#footerPan ul.templateworld li a:hover{text-decoration:underline;}

#footerPan p.copyright{width:300px; background: url(images/copyrightbg.gif) 0 0 repeat-x #3B3B3B; color:#fff; position:absolute; top:23px; left:10px;}

#footerPanhtml{width:70px; height:24px; display:block; position:absolute; top:49px; left:5px;}
#footerPanhtml a{width:65px; height:24px; display:block; background:url(images/html-normal.gif) 0 0 no-repeat #3B3B3B; color:#fff; font-size:13px; line-height:23px; font-weight:bold; text-decoration:none;text-transform:uppercase; padding:0 0 0 5px;}
#footerPanhtml a:hover{background:url(images/html-hover.gif) 0 0 no-repeat #3B3B3B; color:#fff;}
#footerPancss{width:58px; height:24px; display:block; position:absolute; top:50px; left:80px;}
#footerPancss a{width:49px; height:24px; display:block; background:url(images/css-normal.gif) 0 0 no-repeat #3B3B3C; color:#3B3B3B; font-size:13px; line-height:24px; font-weight:bold; text-decoration:none; text-transform:uppercase; padding:0 0 0 10px;}
#footerPancss a:hover{background:url(images/css-hover.gif) 0 0 no-repeat #3B3B3B; color:#3B3B3C; text-decoration:none;}
Beitrag22.04.2012 um 15:36 (UTC)    
Titel:

oje also das was ich vorhin meinte mit dem weissenbalken das das Design dort so gespalten ist...

Code:
#content_container {
   margin:0px;
   padding: 0px;
   margin-top:-300px;
}

füg das einfach mal an den code an also einfach unten rann heften.
dann müsste das so aus sehen wie es aussehen soll Smile
Beitrag22.04.2012 um 20:04 (UTC)    
Titel:

du bist einfah der beste danke für dein hilfe
Beitrag22.04.2012 um 20:07 (UTC)    
Titel:

kein problem ich helfe doch gern Smile

falls du noch mehr Hilfe brauchst in Sachen Grafiken, HTML oder CSS schreib mich an !

Gruß Chris
Beitrag23.04.2012 um 06:28 (UTC)    
Titel:

Hallo,

-CLOSED-, da offenbar erledigt. Danke an den Helfer und danke für die Rückmeldung.

Gruß,

TransInt
______________
Kein Support per PN - Im Forum hilft es allen!

Life is what happens while you are busy making other plans.
- John Lennon
Beiträge der letzten Zeit anzeigen:   


Powered by phpBB © 2001, 2005 phpBB Group
Deutsche Übersetzung von phpBB.de