Register for your free account! | Forgot your password?

Go Back   elitepvpers > Coders Den > Web Development
You last visited: Today at 17:14

  • Please register to post and access all features, it's quick, easy and FREE!

Advertisement



PHP bzw. CSS Hilfe für Sidebar

Discussion on PHP bzw. CSS Hilfe für Sidebar within the Web Development forum part of the Coders Den category.

Reply
 
Old   #1
 
Critone's Avatar
 
elite*gold: 149
Join Date: Feb 2010
Posts: 1,298
Received Thanks: 346
PHP bzw. CSS Hilfe für Sidebar

Hey,

ich hab die Seite schon bisschen umgescript.
Aber jetzt komme ich nicht weiter :/

Habe natürlich noch kein Design aber damit man sich das etwas vorstellen kann habe ich einfach irgednwelche Farben genommen.

Zurzeit sieht die HP jetzt so aus:

Screen (Original):



Aber aussehen soll es so (habe ich jetzt einfach mit Paint ein Kasten hingemalt):


Also sprich so eine "Sidebar" neben den Content in dieser Sidebar sollen dann bswp. Download Button usw. sein. Leider hab ichs übel nicht hinbekommen :/


Website ist im Anhang.

Würde mich über Hilfe freuen.
Critone is offline  
Old 07/30/2012, 14:26   #2
 
elite*gold: 52
Join Date: Nov 2008
Posts: 773
Received Thanks: 432
PHP Code:
<div id="main">
<
div id="left">
</
div>
<
div id="right">
</
div>
<
div class="clear"></div>
</
div>

<
style>
#main {
margin:0 auto;
}
#left {
float:left;
}
#right {
float:right;
}
.
clear {
clear:both;
}
</
style
iMaino is offline  
Old 07/30/2012, 18:30   #3
 
Critone's Avatar
 
elite*gold: 149
Join Date: Feb 2010
Posts: 1,298
Received Thanks: 346
Ich krieg das irgendwie nicht hin..

Wäre nett wenn mir das jemand machen könnte und erklären damit ich das dann kapiere
Critone is offline  
Old 07/30/2012, 19:02   #4
 
Mikesch01's Avatar
 
elite*gold: 203
Join Date: Sep 2007
Posts: 732
Received Thanks: 190
Eigentlich wurden alle Befehle genannt.

Du hast eine Box mit der id "links" (z.B eine Sidebar), diese ist mit der CSS-Eigenschaft float: left; belegt und fließt daher in deiner Seite dann links um alle Elemente rum. Rechts davon hast du die Box mit der id "rechts" (z.B dein Inhalt), diese ist mit der CSS-Eigenschaft float: right; belegt und fließt daher in deiner Seite rechts um alle Elemente rum. Somit hat die Box mit der id "main" zwei Boxen, welche eine links und die andere rechts ist.

Kklar?!^^
Mikesch01 is offline  
Old 07/30/2012, 19:14   #5
 
J|R's Avatar
 
elite*gold: 0
Join Date: Jul 2012
Posts: 23
Received Thanks: 8
<div id="main"> ist quasi deine komplette page bzw der Container für deine 2 ausgerichteten divs.

<div id="left"> ist deine rote Box, die durch "float:left;" innerhalb vom main div links ausgerichtet ist.

<div id="right"> sind die "Willkommen auf.."- und "Voting"-Boxen, die durch "float:right;" innerhalb vom main div rechts ausgerichtet sind.
J|R is offline  
Old 07/30/2012, 23:57   #6
 
Critone's Avatar
 
elite*gold: 149
Join Date: Feb 2010
Posts: 1,298
Received Thanks: 346
Okay aber die Rechte box soll dann halt größer wie die Linke sein...
Critone is offline  
Old 07/31/2012, 00:00   #7
 
elite*gold: 0
Join Date: Jul 2012
Posts: 154
Received Thanks: 34
das image entsprechend größer machen und die witdth/height in der css noch ändern.
xCrown is offline  
Old 07/31/2012, 00:08   #8
 
Critone's Avatar
 
elite*gold: 149
Join Date: Feb 2010
Posts: 1,298
Received Thanks: 346
Habe es mal "versucht" jetzt...

Hier sind die Screens :/

CSS-Datei:
Screen 1

Screen 2


Index-Datei:


Browser Screen:


Habs jetzt nicht so recht hinbekommen :/
Critone is offline  
Reply


Similar Threads Similar Threads
Sidebar
05/27/2012 - Technical Support - 3 Replies
Wie kann ich die Sidebar dauerhaft auf nur einem nutzer löschen bzw dazu bringen das sie nicht started ? Ich benutze Windows 7 home premium 64 bit.
[HILFE]Rechte Sidebar bei hens scribt?
01/23/2011 - Metin2 Private Server - 8 Replies
hey epvpers wie die überschrieft schon sagt möchte ich wissen wie man bei hens scribt eine rechte sidebar einbauen kansn Bekommt auch thx's
Top 10 sidebar
10/18/2010 - Metin2 Private Server - 0 Replies
Does anyone know how to setup the php code for a top 10 on the side of the webpage?
Kreisförmige Sidebar
10/08/2008 - Main - 2 Replies
Hallo, ich suche schon seit langem eine kreis förmige sidebar für verknüpfungen und eine art anzeige für den desktop wie hoch mein cpu und arbeitsspeicher ausgelastet ist. Ich hoffe einer kennt solche programme und kann mir pls den link dazu hier im forum posten. Danke schonmal im voraus. :)



All times are GMT +1. The time now is 17:14.


Powered by vBulletin®
Copyright ©2000 - 2025, Jelsoft Enterprises Ltd.
SEO by vBSEO ©2011, Crawlability, Inc.
This site is protected by reCAPTCHA and the Google Privacy Policy and Terms of Service apply.

Support | Contact Us | FAQ | Advertising | Privacy Policy | Terms of Service | Abuse
Copyright ©2025 elitepvpers All Rights Reserved.