Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [CSS][HTML] Problem z nałożeniem diva na diva
Forum PHP.pl > Forum > Przedszkole
-Tomash-
Witam!

Otóż mam problem z nałożeniem diva na diva a dokładnie tekstu na obrazek.

Tekst = div id tekst
Tło = div id tlo

Link: http://bez-skrupulow.hostei.com/index.html

CSS
CODE
body {
background:url('../img/bg_tile.jpg') #333d43;
color: #000;
margin: 0;
color:#888;


}


#g1 {

width:1000px;
margin:0 auto;
margin-top: 3px;
}

#logo {

float:left;
width:335px;

}

#menuu {

float:left;
width:600px;

}


#g2 {

width:1000px;
margin:0 auto;
margin-top: 10px;

}

#onas {
float: left;
color: white;
width:400px;
font: 20px/1 Tekton Pro Cond,Arial,sans-serif;
}

#flash {
float:left;
width:500px;

}

#g3 {

width:1000px;
margin:0 auto;
}

a:focus {
outline:none; /*usuwanie niebieskiej obwódki w FF*/
}

#kontener {

float: left;
width:330px;

}


#formularz {

}

#formularz div {

}

#formularz label {
display: block;
}

#formularz textarea {

}

#formularz input[type=text] {

}

#blad {
background: #ff0000;
padding: 10px;
}

#blad p{

}

#sukces {

}

#sukces p{

}

.red {
color: #ff0000;
}

#tlo {

float:left;
width:600px;

}

#tekst {
float: left;
width:600px;

}



HTML
CODE
<!DOCTYPE html
PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//PL"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="pl" lang="pl">
<head>
<meta http-equiv="Content-Type" content="text/html"; charset="utf-8">
<meta name="Description" content="Firma GECH-BUD zajmuje się produkcją, sprzedażą oraz montażem bram segmentowych.
W ofercie posiadamy wysokiej jakości panele Belgijskiej firmy Kingspan" />
<meta name="Keywords" content="Gech-Bud, bramy segmentowe" />
<title>GECH-BUD Bramy segmentowe</title>

<!-- Nasz arkusz stylów CSS -->
<link rel="stylesheet" href="assets/css/styles.css" />

<!-- Włączenie czcionki Lobster z katalogu czcionek Google -->
<link rel="stylesheet" href="http://fonts.googleapis.com/css?family=Lobster" />

<!-- Włączenie wsparcia dla HTML5 w Internet Explorer -->
<!--[if lt IE 9]>
<script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->
<link rel="Shortcut icon" href="favico.icon" />
</head>
<body>



<div id="g1">
<div id="logo">
<a href="index.html" ><img src="logo2.png" alt="GECH-BUD Bramy segmentowe" /></a>
</div>

<div id="menuu">
<nav>
<ul class="fancyNav">
<li id="home"><a href="index.html" class="homeIcon">Home</a></li>
<li id="about"><a href="onas.html">O nas</a></li>
<li id="services"><a href="oferta.html">Oferta</a></li>
<li id="galery"><a href="galeria.html">Galeria</a></li>
<li id="contact"><a href="kontakt.html">Kontakt</a></li>
</ul>
</nav>
</div>
</div>

<div id="g2">
<div id="onas">
<br />
<br />
<br />
Firma GECH-BUD zajmuje się produkcją, sprzedażą oraz <br />
montażem bram segmentowych. W ofercie posiadamy <br />
wysokiej jakości panele Belgijskiej firmy Kingspan.<br />
</div>

<div id="flash">
<OBJECT CLASSID="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"
CODEBASE="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=8,0,0,0"
WIDTH="500" HEIGHT="200" >
<PARAM NAME="MOVIE" VALUE="sada.swf">
<PARAM NAME="PLAY" VALUE="true">
<PARAM NAME="LOOP" VALUE="true">
<PARAM NAME="AllowFullScreen" VALUE="TRUE">
<PARAM NAME="QUALITY" VALUE="high">
<EMBED SRC="sada.swf" WIDTH="500" HEIGHT="200" PLAY="true" LOOP="true" WMODE="opaque" QUALITY="high" AllowFullScreen="true"
TYPE="application/x-shockwave-flash"
PLUGINSPAGE="http://www.macromedia.com/go/getflashplayer">
</EMBED>
</OBJECT>
<br />
<br />
</div>

</div>


<div id="g3">

<div id="kontener">
<h1><font face="Lobster"><font color="white">Formularz Kontaktowy</h1></font>
<br />
<?php include('mail.php'); ?>
</div>

<div id="tlo">
<img src="flog1.png" alt="." />
</div>

<div id="tekst">
<h1><font face="Lobster"><font color="white">Home</h1></font> <br />
<img src="linia.png" alt="." /> <br />
<br />
<br /><font size="4"><font face="Tahoma">
Firma GECH-BUD zajmuje się produkcją, sprzedażą<br />i montażem bram segmentowych.<br />
<br />
Naszym priorytetem jest jak najlepsza obsługa klienta poprzez<br /> rzetelne wykonanie produktów i dostarczenie ich w jak<br /> najszybszym czasie do odbiorcy.<br />
<br />
Gwarantujemy wysoka jakość wykonania, fachowe doradctwo<br /> oraz wykwalifikowaną kadrę monterska.<br />
<br />
Na nasze bramy udzielamy dwu letniej gwarancji oraz<br />zapewniamy szybki serwis gwarancyjny i pogwarancyjny.<br />
<br />
<br />
<br />
<span STYLE="margin-left: 95px;"> <b>Zapraszamy na nasze aukcje:<b><br />
<span STYLE="margin-left: 110px;"> <a href="http://allegro.pl/listing/user.php?us_id=5717573" ><img src="allegro.png" alt="GECH-BUD Bramy segmentowe" /></a>

</div>
</div>


</body>
</html>
pa-jong
  1. #tekst {
  2. float: left;
  3. width: 600px;
  4. position: absolute;
  5. top: 300px;
  6. left: 480px;
  7. }

ale takie rozwiązanie jest co najmniej bez sensu...
czy nie lepiej w miejsce diva tło wstawić diva tekst i z za pomocą css nadać mu ządane tło ?


-Tomash-
gdy dodaje
background-image: url(flog1.png);

tlo nie chce się czytac zapewne cos zle robie tylko co? ;(
MrLoverLover
Bez image

Kod
background: url(flog1.png);


powinno działać
-Tomash-
CODE
#tekst {
background: url(flog1.png);
float: left;
width: 600px;


i lipa
pa-jong
obrazek masz w katalogu głównym a w taki sposób jak podałeś odnosisz się do
http://bez-skrupulow.hostei.com/assets/css/flog1.png

dodaj slash --> / i będzie śmigać

  1. background: url('/flog1.png');
-Tomash-
dzięki! wink.gif

Temat można zamknac.
To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.
Invision Power Board © 2001-2025 Invision Power Services, Inc.