php - background bag i og logo / navn foran - Udvikleren.dk

Tags: html css php

Bruger #17136 @ 05.01.14 22:16

Hej

Det er sådan at jeg er bygget sådan at hjemmeside skal have et banner, og det skal jeg bare kun updater eller de andre admin bare updater via hjemmesiden uden de skal bruge mig evt,

Ønsker/Tænker:

- Logo og title skal bare foran billedet altså sådan at background billedet er bag i det.

Problemet:
- Logo og title ligger under banner, men ønsker at få det på plads hvis man kan udtale sig sådan.

http://billedeupload.dk/?v=vKdDT.png

Html / php

HTML kode

 <div id="topbanner">
                 <?php
                     if ($stmt = $this->mysqli->prepare('SELECT `navn` FROM topbanner')) { 
                     $stmt->execute();
                     $stmt->bind_result($navn);
                     while ($stmt->fetch()) {
                     ?>
                     <img src="<?php include("indhold/inc/url.php");?>indhold/img/topbanner/<?php echo $navn;?>" class="imgbanner">
                     <?php
                     }
                     $stmt->close();
                 } else {
                     echo 'Der opstod en fejl i erklæringen: ' . $this->mysqli->error;
                 }
                 ?>
                 <div id="logo_box">
                     <a href="<?php include("indhold/inc/url.php");?>"><img src="<?php include("indhold/inc/url.php");?>indhold/img/logo/logo.png" alt="#" id="logo"></a>
                 </div>
                 <div id="top_title_alt">
                     <h3><a href="<?php include("indhold/inc/url.php");?>">Test</a></h3>
                 </div>
             </div>

Css

CSS kode

 #topbanner .imgbanner {
     max-height: 150px;
     width: 100%;
     z-index: -200;
 }
 
 #logo_box {
     float: left;
 }
 
 #top_title_alt {
     width: 750px;
     margin: 45px 25px 0px 0px;
     float: right;
     text-align: center;
 }
 #top_title_alt h3 {
     font-size: xx-large;
     font-weight: bold;
 }
 #top_title_alt a {
     text-decoration: none;
     color: #000000;
 }

Grund til at jeg ikke ligger billedet som background til #topbanner det er fordi så er det jo kun mig som kan updater billedet.

4 svar postet i denne tråd vises herunder
1 indlæg har modtaget i alt 1 karma

Sorter efter stemmer Sorter efter dato

Bruger #17081 @ 06.01.14 13:28

1.258

layers med z-index ville også være mit bud

Bruger #17760 @ 06.01.14 12:56

Hej Jesper.

Hvis jeg forstår rigtig så ville du have en titel og logo i topbanner og så have sådan at admin kan ændre baggrunden. Hvis jeg har forstået din kode korrekt kan du godt bruge css.

Du skal bare tilføje style attribute med background-image css til dit topbanner element.

Håber du kan bruge det.

HTML kode

 <?php
   if ($stmt = $this->mysqli->prepare('SELECT `navn` FROM topbanner')) {
     $stmt->execute();
     $stmt->bind_result($navn);
     while ($stmt->fetch()) {
     ?>
     <?php
     }
     $stmt->close();
     } else {
     echo 'Der opstod en fejl i erklæringen: ' . $this->mysqli->error;
     }
     ?>
 <div id="topbanner" style="background-image: url('<?php include("indhold/inc/url.php");?>indhold/img/topbanner/<?php echo $navn;?>');">
 
     <div id="logo_box">
     <a href="<?php include("indhold/inc/url.php");?>"><img src="<?php include("indhold/inc/url.php");?>indhold/img/logo/logo.png" alt="#" id="logo"></a>
     </div>
     <div id="top_title_alt">
     <h3><a href="<?php include("indhold/inc/url.php");?>">Test</a></h3>
     </div>
     </div>

Indlæg senest redigeret d. 06.01.2014 12:59 af Bruger #17760

Bruger #17136 @ 06.01.14 13:08

HTML kode

 <?php
   if ($stmt = $this->mysqli->prepare('SELECT `navn` FROM topbanner')) {
     $stmt->execute();
     $stmt->bind_result($navn);
     while ($stmt->fetch()) {
     ?>
     <?php
     }
     $stmt->close();
     } else {
     echo 'Der opstod en fejl i erklæringen: ' . $this->mysqli->error;
     }
     ?>
 <div id="topbanner" style="background-image: url('<?php include("indhold/inc/url.php");?>indhold/img/topbanner/<?php echo $navn;?>');">
 
     <div id="logo_box">
     <a href="<?php include("indhold/inc/url.php");?>"><img src="<?php include("indhold/inc/url.php");?>indhold/img/logo/logo.png" alt="#" id="logo"></a>
     </div>
     <div id="top_title_alt">
     <h3><a href="<?php include("indhold/inc/url.php");?>">Test</a></h3>
     </div>
     </div>

Jeg snakkede med en ven og han sagde bare jeg skulle bruge

CSS kode

 position: absolute;

så lave flere lag på hinanden eller hvordan man skal beskrive det

Bruger #17136 @ 06.01.14 13:56

layers med z-index ville også være mit bud

Upps ja det glemt jeg også at sige

men det har jeg tilføj

background bag i og logo / navn foran

Karma barometer (30 dage)

Modtaget

Givet

Favorit hos
Forum tråde
Artikler