Podstrony
- telcocafe
- [PHP+MySQL] Problem z połączeniem mysqli('localhost', 'xxx', 'xxx', 'xxx'
- [php] Dodanie textu do pliku. Problem... :) POMOCY!!!!!!!!!!!!!
- Problem ze zgrywaniem z kamery Problem ze zgrywaniem z kamery
- Głupi problem HELP !!!
- [JS, jQuery] Problem z przejściem z JS na jQuery
- [HTML] 2 problemy z html-em
- [domena] Problem z domeną
- Problem z O/C - Barton 2800+ AMD Athlon XP 2800+ Barton
- [mysql/php]'problem z identyfikatorami [mysql/php]
- Problem z SP2 NIE uruchamia mi sie system !!!
- zanotowane.pl
- doc.pisz.pl
- pdf.pisz.pl
- truskawka.pev.pl
telcocafe
Witam. Otóż mam taki kod:index.html
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <html> <head> <meta http-equiv="Content-type" content="text/html; charset=iso-8859-2"> <link rel="stylesheet" href="styl.css" /> <title>Układ trzykolumnowy</title> </head> <body> <div id="naglowek"> <h1>Nagłówek</h1> </div> <div id="pudelko"> <div id="kolumna2"> <p>Kolumna ¶rodkowa</p> </div> </div> <div id="kolumna1"> <p><a href="strona.html">Jakiś przykładowy link</a></p> </div> <div id="kolumna3"> <p>Kolumna prawa</p> </div> <div id="stopka"> <p>Stopka</p> </div> </body> </html>
style.css
html, body { margin:0px; padding:0px; } /* Marginesy akapitów */ p { margin:0px 10px 0px 10px; } div#stopka p { margin-left:10px; padding:0px; } div#naglowek h1 { margin:0px; } /* Położenie elementów układu */ div#pudelko { float:left; width:100%; } div#kolumna2 { margin:0% 30%; } div#kolumna1 { float:left; width:30%; margin-left:-100%; } div#kolumna3 { float:left; width:30%; margin-left:-30%; } div#stopka { clear:left; width:100%; } /* Tekst i czcionka */ body { font-family:sans-serif; font-size:12pt; } div#naglowek { text-align:center; } div#stopka p { text-align:center; font-size:10pt; } /* Kolory tła i czcionki */ div#naglowek { background:#ddd; color:black; } div#kolumna1 { background:#acf; } div#kolumna2 { background:#ffc; } div#kolumna3 { background:#fcd; } div#stopka { background:black; color:white; }
I mój problem polega na tym jak zrobić aby jak się kliknie na "Jakiś przykładowy link" to żeby zawartość tej strony otworzyła się w "Kolumna środkowa". Proszę o pomoc i z góry dziękuje. Pozdrowienia
Tego w CSS nie zrobisz. Prędzej (i prościej) w PHP, trochę gorzej w JS. (O ramkach nie będę wspominał, bo chcesz DIV-y :)).
W php:
<?php if (isset($_GET['page'])) { $page = $_GET['page'].'.php'; } else { $page = ''; } ?> <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <html> <head> <meta http-equiv="Content-type" content="text/html; charset=iso-8859-2"> <link rel="stylesheet" href="styl.css" /> <title>Układ trzykolumnowy</title> </head> <body> <div id="naglowek"> <h1>Nagłówek</h1> </div> <div id="pudelko"> <div id="kolumna2"> <p> <?php if ($page != '') { require_once($page); } else { echo 'Kolumna środkowa'; } ?> </p> </div> </div> <div id="kolumna1"> <p><a href="strona.html">Jakiś przykładowy link</a></p> </div> <div id="kolumna3"> <p>Kolumna prawa</p> </div> <div id="stopka"> <p>Stopka</p> </div> </body> </html>
Może to trochę archaiczna metoda, ale możesz zrobić pływającą ramkę i dać targeta linku do niego... ;)<iframe name="frm" src="about:blank"></iframe> <a href="stronka.htm" target="frm">link</a>;)
A jak coś nowszego, to AJAX + innerHTML :P