Autor Zpráva
Nina
Profil *
#1 · Zasláno: 10. 1. 2006, 19:05:16
Odpovědět Citovat
http://skolkakoralek.cz/pokus/pokus.html

Nevíte někdo jak udělat, aby text v ul nezasahoval pod obrázek, když se zvětší písmo a aby odstavec pod ul nezasahoval do obrázku při zmenšenem písmu.


Díky
ronan
Profil
#2 · Zasláno: 10. 1. 2006, 19:51:13
Odpovědět Citovat
Buď vytvoř div s obrázkem s nějakou velkou výškou, nebo vraž text pod seznamem do divu a ten napozicuj..
Nina
Profil *
#3 · Zasláno: 10. 1. 2006, 20:31:40
Odpovědět Citovat
opět http://skolkakoralek.cz/pokus/pokus.html

jak ale udělat, aby text v ul nezasahoval dole pod obrázek, ale zůstal vpravo?
Nina
Profil *
#4 · Zasláno: 10. 1. 2006, 20:32:20
Odpovědět Citovat
je to předělané proto znovu to URL
Miloš
Profil
#5 · Zasláno: 10. 1. 2006, 23:28:03 · Upravil/a: Miloš
Odpovědět Citovat
Není problém; styl jsem dal do html jen kvůli této diskusi.
U externího stylu nezapomeň na media="screen"; prohlížeče by to tak sice měly chápat, ale často mají imlicitní media="all".
Obrázek nepatří do <ul>, respektive mimo <li>.
Čeština jako iso-8859-1 je pitomost; opravil jsem na iso-8859-2
A teď je to i validní. 
<!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>

<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-2" />

<style type="text/css" media="screen">

	h1 {text-align: center;}

	#stranka {border: 1px solid #000;

		height: 500px; width: 500px;

		margin: 0 20px; padding: 0;}

	#obal {	position: relative;	padding-left: 115px;}

	img.pokus {position: absolute; top: 5px; left: 5px; width: 135px;}

	li {list-style-type: none;}

	#mike {background-color: #00FF00;}

</style>

<title>pokus</title>

</head>



<body>

<div id="stranka">

	<h1>A co takhle?</h1>

	<div id="obal">

	  <img class="pokus" src="apparel_.gif" alt="nnn" width="135" height="171" />

	  <ul>

	    <li>Text text text text text text text text text</li>

             <li>Text text text text text text text text text</li>

             <li>Text text text text text text text text text</li>

             <li>Text text text text text text text text text</li>

             <li>Text text text text text text text text text</li>

             <li>Text text text text text text text text text</li>

             <li>Text text text text text text text text text</li>

             <li>Text text text text text text text text text</li>

             <li>Text text text text text text text text text</li>

             <li>Text text text text text text text text text</li>

             <li>Text text text text text text text text text</li>

             <li>Text text text text text text text text text</li>

	 </ul>

	 </div>

     <p id="mike">Tento text <strong>je</strong> až dole pod seznamem i obrázkem i při zvětšení nebo zmenšení textu v prohlížeči.</p>

</div>

</body>

</html>
Časová prodleva: 19 let
Toto téma je uzamčeno. Odpověď nelze zaslat.

0