Antworten: 7
Seite [1] |
|
el_nappo Beginner Beiträge: 2 |
# Thema - 21.01.2007 um 15:01 Uhr
hi, ich bin gerade dabei mein Design an bxcp anzupassen hab aber noch einige schwierigkeiten. http://elnappo.team-genetics.de - Wie bekomme ich den Header/Page ganz nach oben - Wie bekomme ich die ganze Seite in die Mitte - Wie bekomme ich den Foder in die Mitte unter die Page - Wie bekomme ich es so hin das der background von z.B. News nicht aufhört sondern bis nach unten geht so das wars erstma^^ vielen dank für eure Hilfe greetz el_nappo edit: die URL vergessen^^ http://elnappo.team-genetics.de edit2: vlt. ist die index.htm noch hilfreich: index.htm <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>{func:title}</title> <meta http-equiv="Content-Type" content="text/html; charset={func:charset}" /> <link href="bxcp.css" rel="stylesheet" type="text/css" /> <link rel="alternate" type="application/rss+xml" href="uploads/rss/news.xml" /> </head> <body> <div id="head"><img src="img/v3_02.gif" /><br /></div><div align=left><a href="index.php?mod=news&action=recent&phpMyAdmin=a7d6a530ea7fe797a049ba44b388371f" ><img src="img/v3_05.gif" /></a><a href="index.php?mod=news&action=recent&phpMyAdmin=a7d6a530ea7fe797a049ba44b388371f" ><img src="img/v3_06.gif" /></a><a href="index.php?mod=files&phpMyAdmin=a7d6a530ea7fe797a049ba44b388371f"><img src="img/v3_07.gif" /></a><a href="index.php?mod=gbook&phpMyAdmin=a7d6a530ea7fe797a049ba44b388371f"><img src="img/v3_08.gif" /></a><a href="index.php?mod=gbook&phpMyAdmin=a7d6a530ea7fe797a049ba44b388371f"><img src="img/v3_09.gif" /></a><br /><img src="img/v3_11.gif" /></div> </div> <div id="content">{func:show}</div> <div id="nav-right"> <img src="img/v3_20.gif" alt=""> <div class="navbody2b"> <a href="index.php?mod=board&phpMyAdmin=a7d6a530ea7fe797a049ba44b388371f">Board</a> <br /> <a href="index.php?mod=search&phpMyAdmin=a7d6a530ea7fe797a049ba44b388371f">Search</a ><br /> <a href="index.php?mod=awards&phpMyAdmin=a7d6a530ea7fe797a049ba44b388371f">Awards</a ><br /> <a href="index.php?mod=links&action=listcat&id=3&phpMyAdmin=a7d6a530ea7fe797a049ba44b38 8371f">Links</a><br /> <a href="index.php?mod=articles&phpMyAdmin=a7d6a530ea7fe797a049ba44b388371f">Articles< /a><br /> <a href="index.php?mod=gallery&phpMyAdmin=a7d6a530ea7fe797a049ba44b388371f">Gallery< /a><br /> <a href="index.php?mod=contact&action=mail&phpMyAdmin=a7d6a530ea7fe797a049ba44b388371f" >Mailus</a><br /> <a href="index.php?mod=contact&action=imprint&phpMyAdmin=a7d6a530ea7fe797a049ba44b38837 1f">Imprint</a><br /> <a href="index.php?mod=bxcp&action=about&phpMyAdmin=a7d6a530ea7fe797a049ba44b388371f" >About</a><br /> </ul><br /> </div> <div id="navbody2b"> <div class="navhead2">Login</div> <div class="navbody2b">{users:navlogin}</div><br /> <div class="navhead">Banners</div> <div class="navbodyb">{banners:navlist}</div> <div class="navhead2">Counter</div> <div class="navbody2b"> <span style="float:right">{count:navone}</span> <a href="index.php?mod=count&action=online&phpMyAdmin=a7d6a530ea7fe797a049ba44b388371f" >Online</a><br /> <span style="float:right">{count:navday}</span>Heute<b r /> <span style="float:right">{count:navmon}</span>Monat<b r /> <span style="float:right">{count:navall}</span> <a href="index.php?mod=count&action=stats&phpMyAdmin=a7d6a530ea7fe797a049ba44b388371f" >Gesamt</a> </div><br /></div> <div id="bottom">{bxcp:navtime} - Load: {func:parse}ms - Queries: {func:queries}</div> </body> </html> bxcp.css /* $Id: bxcp.css 320 2006-09-12 01:45:49Z hajo $ */
body { background-image: url('img/v3_17.gif'); color:#F2F2F2; font-family:Arial,Helvetica,sans-serif; font-size:9pt; margin: 0px auto; text-align:center; float:center; } a:link, a:visited { background-color:inherit; color:#88C2F2; text-decoration:none; } a:active, a:hover { background-color:#225599; color:#88C2F2; text-decoration:none; } div,span { background-color:inherit; color:#E2E2E2; font-family:Arial,Helvetica,sans-serif; } img { border:0px; } form { display:inline; } td { background-color:inherit; color:#F2F2F2; font-size:9pt; vertical-align:top; } textarea { width:90%; } ul { margin:0px; } #nav-left,#content,#bottom { float:left; margin:auto; } #nav-left { width:760%; float:left; } #nav-right { background-image: url('img/v3_14.gif'); float:left; width:180px; } #content { background-image: url('img/v3_13.gif'); color:#222222; text-align:center; width:580px; } #bottom { background-color:#172236; float:center; color:inherit; margin: 0px auto; padding:4px 0px 4px 0px; width:760px; -moz-border-radius:12px 12px 0px 0px; } #head { background-color:#446688; color:#F2F2F2; font-size:30pt; height:211px; text-align:center; width:760px; -moz-border-radius:12px 12px 0px 0px; } #debug { height:150px; margin-bottom:20px; overflow:auto; padding-left:4px; width:100%; text-align:left; } #errors { color:#CC0000; } #sql { color:#777777; } .form { background-color:#386282; border:1px dotted #88BBF2; color:#CCCCCC; font-family:Arial,Helvetica,sans-serif; font-size:9pt; margin:2px; padding-left:3px; } .forum { background-color:inherit; color:#E2E2E2; margin:auto; } .headb { background-color:#3366B2; color:#F2F2F2; font-weight:bold; padding:4px; text-align:left; -moz-border-radius:12px 12px 0px 0px; } .bottom { background-color:#224477; color:inherit; padding:4px 6px 4px 8px; text-align:left; } .newshead { background-color:#3366B2; color:#F2F2F2; font-size:12pt; font-weight:bold; padding:4px 6px 4px 8px; text-align:left; -moz-border-radius:12px 12px 0px 0px; } .left,.center,.right { padding:1px; } .leftb,.centerb,.rightb { background-color:#172236; color:inherit; padding:4px 6px 4px 8px; } .leftc,.centerc,.rightc { background-color:#446688; color:inherit; padding:4px 6px 4px 8px; } .left,.leftb,.leftc { text-align:left; } .center,.centerb,.centerc { text-align:center; } .right,.rightb,.rightc { text-align:right; } .quote { background-color:#446688; border:1px solid #88BBF2; color:inherit; padding:6px; text-align:left; } .navhead,.navhead2 { color:inherit; font-weight:bold; padding:4px; text-align:center; -moz-border-radius:12px 12px 0px 0px; } .navbodyb,.navbody2b { background-image: url('img/v3_14.gif'); color:inherit; list-style:none; padding:4px 6px 4px 8px; text-align:left; } .calhead { background-color:#446688; color:inherit; padding:4px 2px 4px 2px; text-align:center; } .calday,.calevent,.caltoday, .calweek { padding:4px 2px 4px 2px; text-align:right; } .calday { background-color:#172236; color:inherit; } .calevent { background-color:#385878; color:inherit; } .caltoday { background-color:#224477; color:inherit; } .calweek { background-color:#445566; color:inherit; } Zuletzt editiert von el_nappo am 04.02.2007 um 15:51 Uhr (5x Editiert)
|
Inaktiv |
|
duRiel Weltmeister Herkunft: Cambridge Beiträge: 7300 |
# Antwort: 1 - 21.01.2007 um 15:12 Uhr
- Wie bekomme ich den Header/Page ganz nach oben - Wie bekomme ich die ganze Seite in die Mitte -> in der css datei (bxcp.css) steht bei body folgendes: margin:20px; --> mach daraus: margin: 0px auto; - Wie bekomme ich es so hin das der background von z.B. News nicht aufhört sondern bis nach unten geht -> würde navigation und content zusammen in einen div packen und diesem den background geben (ist zwar wenn mans genau nimmt nicht nach w3c empfehlung aber ..) Zuletzt editiert von duRiel am 21.01.2007 um 15:12 Uhr (1x Editiert) |
Inaktiv |
|
el_nappo Thread-Ersteller Beginner Beiträge: 2 |
# Antwort: 2 - 24.01.2007 um 16:14 Uhr
hat noch jmd. ne idee für die anderen Probleme? thx greetz el_nappo |
Inaktiv |
|
duRiel Weltmeister Herkunft: Cambridge Beiträge: 7300 |
# Antwort: 3 - 02.02.2007 um 23:54 Uhr
naja für den footer mittig gilt auch das, was ich geschrieben hab, margin: 0px auto; |
Inaktiv |
|
h4ze Geekboy Herkunft: Itzehoe Beiträge: 1433 |
# Antwort: 4 - 03.02.2007 um 13:41 Uhr
zu 4.: mach nen div mit dem durchgehenden bg und setz da den content und den navi din rein. dann ist es immer gleich lang. anders gehts bei tableless layouting ned. ------------------ |
Inaktiv |
|
duRiel Weltmeister Herkunft: Cambridge Beiträge: 7300 |
# Antwort: 5 - 03.02.2007 um 14:23 Uhr
03.02.2007 um 12:41 Uhr - h4ze: zu 4.: mach nen div mit dem durchgehenden bg und setz da den content und den navi din rein. dann ist es immer gleich lang. anders gehts bei tableless layouting ned. 21.01.2007 um 14:12 Uhr - duRiel: -> würde navigation und content zusammen in einen div packen und diesem den background geben (ist zwar wenn mans genau nimmt nicht nach w3c empfehlung aber ..) leichte überschneidung |
Inaktiv |
|
h4ze Geekboy Herkunft: Itzehoe Beiträge: 1433 |
# Antwort: 6 - 03.02.2007 um 17:00 Uhr
sry duriel, hab ned alles gelesen ^^ ------------------ |
Inaktiv |
|
el_nappo Thread-Ersteller Beginner Beiträge: 2 |
# Antwort: 7 - 04.02.2007 um 15:48 Uhr
ich hab jetzt bei body und bottom margin: 0px auto; reingemacht jetzt ist zwar der header oben aber es ist nichts mittig (das der fooder net mittig ist hat glaub ich was mit der index zu tun) :( und das mit nav und contetn in eine div hab ich jetz net so ganz vetstanden muss ich da acuh nochma ne neue bg grafik machen wo die nav au drin ist? ich kenn mich leider noch net so mit den divs aus hab sonst immer mit tabbelen gearbeitet |
Inaktiv |
|
Antworten: 7
Seite [1] |
Sie müssen sich registrieren, um zu antworten. |