[Erledigt] PHP & HTML - Div-Kombination

Schrubber · 07.12.2011, 16:50

Hallo,

ich habe folgende Seite:

http://fussball.berufskolleg-bottrop.de/index2.php

Dort soll oben, wo über dem Banner (Das Bild mit 2012) eine Navigation mit Buttons entstehen. Den 1. Button seht ihr bereits. Nun möchte ich davon einen weiteren Rechts daneben machen. Jedoch wird er unter den 1. geschoben.

Mein Quellcode:

PHP-Code:

  <?php

    echo '<html>';

    echo '<head>';

    echo '<title>BKB-Fußball-Website</title>';

    echo '<link rel="stylesheet" type="text/css" href="ff.css">';

    echo '<!--[if IE]><link rel="stylesheet" type="text/css" href="ie.css"><![endif]-->';

    echo '<link rel="stylesheet" type="text/css" href="style.css">';

    echo '</head>';

    echo '<body>';

    echo '<center>';

    echo '<div class="body">';

    echo '<div class="header">';

    echo '<div class="navi">';

    echo '<div class="platzhalter"></div>';

    echo '<div class="navbar">';

    echo '<div class="buttonl"></div>';

    echo '<div class="buttonm"></div>';

    echo '</div>';

    echo '</div>';

    echo '<div class="banner"></div>';

    echo '</div>';

?>

Die dazugehörige .css:

Code:

.header
{
  background-image:url(./images/header.png);
  width:960px;
  height:310px;  
}

.body
{
	background-image:url(./images/background.png);
	width:960px;
	height:1124px;
}

.footer
{
	background-image:url(./images/footer.png);
	width:960px;
	height:75px;
	font-size: 20px;
	color: #DAA520;
}

.buttonl
{
	background-image:url(./images/btn_l_n.png);
	width:108px;
	height:55px;
}

.buttonl_hover
{
	background-image:url(./images/btn_l_h.png);
	width:108px;
	height:55px;
}

.buttonm
{
	background-image:url(./images/btn_m_n.png);
	width:108px;
	height:55px;
}

.buttonm_hover
{
	background-image:url(./images/btn_m_h.png);
	width:108px;
	height:55px;
}

.buttonr
{
	background-image:url(./images/btn_r_n.png);
	width:108px;
	height:55px;
}

.buttonr_hover
{
	background-image:url(./images/btn_r_h.png);
	width:108px;
	height:55px;
}

.platzhalter
{
	height: 47px;
}

und die auf den Browser abgestimmte FF.css (gibts für IE auch noch einmal, aber mit anderen Werten):

Code:

.banner
{
	background-image:url(./images/banner.png);
	background-position: bottom;
	background-repeat: no-repeat;
	margin-top: -2px;
	margin-left: 5px;
	width:908px;
	height:160px;
}


.navbar
{
	width:670px;
	height:55px;
	padding-top: 52px;
	margin-left: -157px;
}

Hoffe, ihr könnt mir helfen

Grüße,
Schrubber

nikosch · 07.12.2011, 17:19

Das ist kein PHP-Problem.

[MOD: verschoben]

Themen-Optionen
Druckbare Version zeigen Jemanden per E-Mail auf dieses Thema hinweisen
Thema bewerten
Thema bewerten:

Ähnliche Themen
Thema	Autor	Forum	Antworten	Letzter Beitrag
[Erledigt] inhalt von html dateien über ein view objekt mit echo ausgeben	litterauspirna	PHP Einsteiger	4	01.12.2011 16:01
[Erledigt] PHP mail() - Mails als HTML funktioniert nicht auf neuem Server	chr1s-eg	PHP Einsteiger	4	07.07.2011 12:50
HTML Codes übertragen?	Extremefall	JavaScript, Ajax und mehr	7	28.01.2011 21:50
Per Formular in SQL schreiben und inhalt in Html Datei ausgeben	tinol23	PHP Einsteiger	1	24.01.2011 20:25
Scriptsuche Daten aus HTML Tabelle A in HTML Tabelle B einfügen	headbannger83	Scriptbörse	1	10.01.2011 15:39
Problem mit PHP Simple HTML DOM Parser	berryone	PHP-Fortgeschrittene	2	30.08.2010 18:00
Doppelter E-Mail versand	include21	PHP Tipps 2010	3	06.05.2010 15:47
HTML im Kontaktformular sperren?	Flo194	PHP Tipps 2010	11	16.02.2010 21:23
html formular mit einer php mail funktion	basti-erfurt	Scriptbörse	3	07.12.2008 15:21
Variable und komplette HTML Datei	chrisonline	PHP Tipps 2007	3	24.05.2007 15:30
&amp;amp;lt;if&amp;amp;gt; &amp;amp;lt;/if&amp;amp;gt; in einer HTML Datei fuer Templ		PHP-Fortgeschrittene	6	03.11.2005 12:05
IMAP: Bild(er) in HTML Part richtig darstellen		PHP-Fortgeschrittene	1	07.10.2004 12:21
{$varname.optelement} mit preg_match aus HTML extrahieren		PHP Tipps 2004	0	11.09.2004 04:13
Unterschied HTML und PHP		PHP Tipps 2004	4	28.08.2004 19:02
Validitor (HTML 4.01) = Schwachsinn?	Filewalker	Off-Topic Diskussionen	19	03.08.2004 15:27

07.12.2011, 16:50
Schrubber Benutzer Registriert seit: 22.08.2011 Beiträge: 37 PHP-Kenntnisse: Anfänger	[Erledigt] PHP & HTML - Div-Kombination Hallo, ich habe folgende Seite: http://fussball.berufskolleg-bottrop.de/index2.php Dort soll oben, wo über dem Banner (Das Bild mit 2012) eine Navigation mit Buttons entstehen. Den 1. Button seht ihr bereits. Nun möchte ich davon einen weiteren Rechts daneben machen. Jedoch wird er unter den 1. geschoben. Mein Quellcode: PHP-Code: <?php echo '<html>'; echo '<head>'; echo '<title>BKB-Fußball-Website</title>'; echo '<link rel="stylesheet" type="text/css" href="ff.css">'; echo '<!--[if IE]><link rel="stylesheet" type="text/css" href="ie.css"><![endif]-->'; echo '<link rel="stylesheet" type="text/css" href="style.css">'; echo '</head>'; echo '<body>'; echo '<center>'; echo '<div class="body">'; echo '<div class="header">'; echo '<div class="navi">'; echo '<div class="platzhalter"></div>'; echo '<div class="navbar">'; echo '<div class="buttonl"></div>'; echo '<div class="buttonm"></div>'; echo '</div>'; echo '</div>'; echo '<div class="banner"></div>'; echo '</div>'; ?> Die dazugehörige .css: Code: .header { background-image:url(./images/header.png); width:960px; height:310px; } .body { background-image:url(./images/background.png); width:960px; height:1124px; } .footer { background-image:url(./images/footer.png); width:960px; height:75px; font-size: 20px; color: #DAA520; } .buttonl { background-image:url(./images/btn_l_n.png); width:108px; height:55px; } .buttonl_hover { background-image:url(./images/btn_l_h.png); width:108px; height:55px; } .buttonm { background-image:url(./images/btn_m_n.png); width:108px; height:55px; } .buttonm_hover { background-image:url(./images/btn_m_h.png); width:108px; height:55px; } .buttonr { background-image:url(./images/btn_r_n.png); width:108px; height:55px; } .buttonr_hover { background-image:url(./images/btn_r_h.png); width:108px; height:55px; } .platzhalter { height: 47px; } und die auf den Browser abgestimmte FF.css (gibts für IE auch noch einmal, aber mit anderen Werten): Code: .banner { background-image:url(./images/banner.png); background-position: bottom; background-repeat: no-repeat; margin-top: -2px; margin-left: 5px; width:908px; height:160px; } .navbar { width:670px; height:55px; padding-top: 52px; margin-left: -157px; } Hoffe, ihr könnt mir helfen Grüße, Schrubber


Mister Ad PHP Code Flüsterer Registriert seit: 21.08.2005 Beiträge: 4682 PHP-Kenntnisse: Fortgeschritten

07.12.2011, 17:19
nikosch moderatives Dielektrikum Registriert seit: 21.05.2008 Beiträge: 35.987 PHP-Kenntnisse: Fortgeschritten	Das ist kein PHP-Problem. [MOD: verschoben] __________________ -- One pixel is still too big. Please make it smaller. ASAP. Initiative Mittelstand. Die wichtigste Gestaltungsregel im Screendesign ist Pi mal Daumen des Arbeitgebers. --