Jak jinak vyřešit dva div vedle sebe?

alias75 · Příspěvekod **alias75** » 20 úno 2010 17:28

Ahoj všem.
Neumím html a podobné (css javascript) a tak potřebuji pomoci.
Máme fan web offroad-nadsenci.alias75.cz a tam potřebuji nacpat dvě věci.

Problém je tady v těchto řádcích.

Kód: Vybrat vše

<div align="center"> 
<div align="center" <a href="http://www.offroadforum.cz">OffroadForum posledni prispevky</a> <br>
<iframe scrolling="yes" height="150px" width="300px" frameborder="2" src="http://www.offroadforum.cz/lasttopic.php"></iframe></div>
<!-- BLUEBOARD SHOUTBOARD --><a href="http://www.blueboard.cz/shoutboard.php?hid=hv6btuur0t272645rm5hthjrc03cjj">Chat Nadsencu</a> <br>
<iframe frameborder="0" scrolling="yes" width="590" height="300" src="http://www.blueboard.cz/shoutboard.php?hid=hv6btuur0t272645rm5hthjrc03cjj">
<a href="http://www.blueboard.cz/shoutboard.php?hid=hv6btuur0t272645rm5hthjrc03cjj">ShoutBoard od BlueBoard.cz</a>
</iframe>
</div>
<!-- BLUEBOARD SHOUTBOARD KONEC -->
<!--[if lte IE 6]>
<link rel="stylesheet" href="templates/<?php echo $this->template ?>/css/ie6.css" type="text/css" />
<![endif]-->

Jedná se o iframe který zobrazuje poslední příspěvky ze spřáteleného fóra a druhý je Shutboard.
Jak vidíte tak jsou ošklivě nad sebou. Potřebuji je dostat vedle sebe a aby nad každým byl nadpis o co že tam jde.
Tedy nad prvním "OffroadForum poslední příspěvky" a nad druhým "Chat Offroad Nadšenci" .
Jak jsem zjistil tak nejde udělat aby byli dva div na jednom řádku.

Děkuji za pomoc.

Reklama

CZechBoY · Příspěvekod **CZechBoY** » 20 úno 2010 21:06

můžeš to zkusit dát do jednoho DIVu, ale myslim si že to je spíš tím <br /> což je odřádkování.
pokud nevíš kde je ten <br /> tak je za odkazem Chat Nadsencu (nejspíš).

ps. zdrojáky dávej do [syntax] zvýrazňovače, díky
[syntax lang=xhtml]
<div align="center">
<div align="center" <a href="http://www.offroadforum.cz">OffroadForum posledni prispevky</a> <br>
<iframe scrolling="yes" height="150px" width="300px" frameborder="2" src="http://www.offroadforum.cz/lasttopic.php"></iframe></div>
<a href="http://www.blueboard.cz/shoutboard.php?hid=hv6btuur0t272645rm5hthjrc03cjj">Chat Nadsencu</a> <br>
<iframe frameborder="0" scrolling="yes" width="590" height="300" src="http://www.blueboard.cz/shoutboard.php?hid=hv6btuur0t272645rm5hthjrc03cjj">
<a href="http://www.blueboard.cz/shoutboard.php?hid=hv6btuur0t272645rm5hthjrc03cjj">ShoutBoard od BlueBoard.cz</a>
</iframe>
</div>


[/syntax]

Příspěvekod **Myloš** » 20 úno 2010 21:29

Tohle funguje v Opeře, Firefoxu i Exploreru 6 a 8, akorát že v IE 6 trochu haprujou barvy.
[syntax lang=xhtml]<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8">

<style type="text/css">
body {text-align: center; font-family: 'DejaVu Sans', Verdana, sans-serif; background-color: silver;}
#hlavni_obal {margin: auto; width: 1000px; background-color: #efe; padding: 5px 5px 0 5px; border: 3px groove gray;}
h2 {font-size: 120%;}
iframe {overflow: auto;}
#offroad iframe {height: 150px; elevation: 300px; border: 2px;}
#offroad {float: left;}
#sbox {float: right;}
#sbox iframe {width: 630px; height: 300px;}
#paticka {background-color: silver; clear: both; margin-bottom: 0; border: 3px groove gray;}
</style>

<title>blabla</title>
</head>

<body>
<div id="hlavni_obal">
<h1>Nadpis nejnadpisovatější</h1>
<div id="offroad"><h2><a href="http://www.offroadforum.cz">OffroadForum posledni prispevky</a></h2>
<iframe src="http://www.offroadforum.cz/lasttopic.php"></iframe>
</div>

<div id="sbox">
<h2><a href="http://www.blueboard.cz/shoutboard.php?hid=hv6btuur0t272645rm5hthjrc03cjj">Chat Nadsencu</a></h2>
<iframe frameborder="0" src="http://www.blueboard.cz/shoutboard.php?hid=hv6btuur0t272645rm5hthjrc03cjj">
<a href="http://www.blueboard.cz/shoutboard.php?hid=hv6btuur0t272645rm5hthjrc03cjj">ShoutBoard od BlueBoard.cz</a>
</iframe>
</div>
<p id="paticka">
Patička stránky
</p>
</div>
</body>
</html>
[/syntax]

Jak jinak vyřešit dva div vedle sebe?

Jak jinak vyřešit dva div vedle sebe?

Re: Jak jinak vyřešit dva div vedle sebe?

Re: Jak jinak vyřešit dva div vedle sebe?

Kdo je online