Lettertype veranderen PHP Script
Ik heb een PHP Scriptje voor een radio status. Alleen die lettertype is veels te groot! Nu wil ik het graag gaan veranderen. Dit is de code die ik nu heb:
Quote:
<font size="1" face="Tahoma, Geneva, sans-serif"><marquee> </marquee>
Code (php)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
2
3
4
5
6
7
8
9
10
11
12
13
14
<?php
$xml = @simplexml_load_file("De url staat hier maar ik wil liever niet zeggen welke");
if($xml){
echo '<table>';
foreach ($xml->track as $value){
print "<tr><td>".$value->title."</td><td>-";
print $value->artists."</td></tr>";
}
echo '</table>';
}
else{
echo 'Error with the call_api.php!';
}
?>
$xml = @simplexml_load_file("De url staat hier maar ik wil liever niet zeggen welke");
if($xml){
echo '<table>';
foreach ($xml->track as $value){
print "<tr><td>".$value->title."</td><td>-";
print $value->artists."</td></tr>";
}
echo '</table>';
}
else{
echo 'Error with the call_api.php!';
}
?>
Die font size werkt niet. Hoe klein ik hem ook zet! Die style integendeel. Die werkt wel! Hoe los ik het nu op? De code voor de iframe:
Quote:
Alleen hier werkt alles behalve de font!<iframe scrolling="no" frameborder="0" width="180px" height="30" style="font:Arial, Helvetica, sans-serif" src="http://www.habstraat.nl/luisteraars/index.php"></iframe>
Alvast bedankt!
Ik heb m maar hier gepost omdat ik niet wist waar anders. Een stuk gaat over HTML de andere over PHP de andere weer over CSS.
Gewijzigd op 01/10/2011 11:13:13 door Samer Albadry
Ja kan toch gewoon de div waarin de content staat stylen middels css? (Geen inline css dus)
Niels
<div style="padding: 1px; font-size:1px"> Dit heb ik nu en daaronder dus die code van die iframe... maar nee hoor. Het werkt niet....
Wat is precies de source van wat je tot nu toe hebt?
Quote:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Odh</title>
<link href="http://www.habstraat.nl/styles/creation.css" rel="stylesheet" type="text/css" />
<link href="styles/everywhere.css" rel="stylesheet" type="text/css" />
<link rel="shortcut icon" href="/favicon.ico" type="image/x-icon" />
<script language="JavaScript" type="text/javascript" src="scripts/basic.js?time=1317392727"></script>
<script language="JavaScript" type="text/javascript" src="scripts/text.php?time=1317392727"></script>
<script language="JavaScript" type="text/javascript" src="scripts/view.js"></script>
<script language="JavaScript" type="text/javascript">
<!--
if (window != top) top.location.href = location.href;
//-->
</script>
<style type="text/css">
<!--
body {
}
#tqajocviewActualMenu {
width: 980px;
position: absolute;
left: 50%;
margin-left: -490px;
font-size: 14px;
font-weight: bold;
margin-top: 2px;
}
#tqajocviewActualMenu a {
color: #eee;
background: none;
display: block;
float: left;
margin-right: 10px;
padding: 3px 5px 0;
height: 19px;
vertical-align: middle;
}
#tqajocviewActualMenu a img{
display: block;
float: left;
margin-top: 1px;
margin-right: 5px;
}
#tqajocviewActualMenu a:link {}
#tqajocviewActualMenu a:visited {}
#tqajocviewActualMenu a:hover {
background: url(../images/rollover.gif) repeat-x;
color: #000000;
}
#tqajocviewMenu {
height: 26px;
background: url(../images/view_menu.gif) repeat-x;
color: #FFFFFF;
}
-->
</style></head>
<body>
<div id="wrapper">
</div>
<div id="creation" style="height: 800px;">
<div class="element imageElement" style="width: 192px; height: 190px; left: 0px; top: -16px; z-index: 1;" id="element_5">
<div class="contentBox" style="" id="content_5"><img src="http://www.habstraat.nl/styles/02417336.gif" /></div></div><div class="element textElement" style="width: 200px; height: 100px; left: 79px; top: 8px; z-index: 1;" id="element_6">
<div class="contentBox" style="" id="content_6"><div style="padding: 5px;" align="left"><font color="#ffffff"><font face="Comic Sans MS, cursive"><strong>Menu</strong></font></font></div></div></div><div class="element htmlElement" style="width: 283px; height: 294px; left: 10px; top: 38px; z-index: 1;" id="element_13">
<div class="contentBox" style="" id="content_13">
Home</div></div><div class="element htmlElement" style="width: 200px; height: 100px; left: 10px; top: 52px; z-index: 1;" id="element_14">
<div class="contentBox" style="" id="content_14">>Home
</div></div><div class="element htmlElement" style="width: 200px; height: 100px; left: 10px; top: 67px; z-index: 1;" id="element_16">
<div class="contentBox" style="" id="content_16">Home
</div></div><div class="element htmlElement" style="width: 203px; height: 108px; left: 10px; top: 81px; z-index: 1;" id="element_17">
<div class="contentBox" style="" id="content_17">Home
</div></div><div class="element htmlElement" style="width: 200px; height: 100px; left: 131px; top: 52px; z-index: 1;" id="element_17">
<div class="contentBox" style="" id="content_17"></div></div><div class="element htmlElement" style="width: 200px; height: 100px; left: 10px; top: 107px; z-index: 1;" id="element_18">
<div class="contentBox" style="" id="content_18">Home
</div></div><div class="element imageElement" style="width: 195px; height: 200px; left: -3px; top: 150px; z-index: 1;" id="element_19">
<div class="contentBox" style="" id="content_19"><img src="http://www.habstraat.nl/styles/02417336.gif" /></div></div><div class="element textElement" style="width: 200px; height: 100px; left: 77px; top: 177px; z-index: 1;" id="element_20">
<div class="contentBox" style="" id="content_20"><div style="padding: 5px;" align="left"><font color="#ffffff"><font face="Comic Sans MS, cursive"><strong>Radio</strong></font></font></div></div></div><div class="element htmlElement" style="width: 200px; height: 100px; left: 10px; top: 94px; z-index: 1;" id="element_21">
<div class="contentBox" style="" id="content_21">Home
</div></div><div class="element htmlElement" style="width: 206px; height: 105px; left: 10px; top: 121px; z-index: 1;" id="element_22">
<div class="contentBox" style="" id="content_22">Home
</div></div><div class="element textElement" style="width: 200px; height: 100px; left: 6px; top: 207px; z-index: 1;" id="element_24">
<div class="contentBox" style="font-size:1px" id="content_24">
<div style="padding: 1px; "><iframe scrolling="no" frameborder="0" width="180px" height="30" style="font:Arial, Helvetica, sans-serif" src="http://www.habstraat.nl/luisteraars/index.php"></iframe></div></div></div></div>
<script language="JavaScript" type="text/javascript">
</script>
<div style="position: absolute; top: 30px; margin-left: 860px; width: 130px; text-align: center; z-index: 0;">
<div id="consoleDiv"></div>
</body>
</html>
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Odh</title>
<link href="http://www.habstraat.nl/styles/creation.css" rel="stylesheet" type="text/css" />
<link href="styles/everywhere.css" rel="stylesheet" type="text/css" />
<link rel="shortcut icon" href="/favicon.ico" type="image/x-icon" />
<script language="JavaScript" type="text/javascript" src="scripts/basic.js?time=1317392727"></script>
<script language="JavaScript" type="text/javascript" src="scripts/text.php?time=1317392727"></script>
<script language="JavaScript" type="text/javascript" src="scripts/view.js"></script>
<script language="JavaScript" type="text/javascript">
<!--
if (window != top) top.location.href = location.href;
//-->
</script>
<style type="text/css">
<!--
body {
}
#tqajocviewActualMenu {
width: 980px;
position: absolute;
left: 50%;
margin-left: -490px;
font-size: 14px;
font-weight: bold;
margin-top: 2px;
}
#tqajocviewActualMenu a {
color: #eee;
background: none;
display: block;
float: left;
margin-right: 10px;
padding: 3px 5px 0;
height: 19px;
vertical-align: middle;
}
#tqajocviewActualMenu a img{
display: block;
float: left;
margin-top: 1px;
margin-right: 5px;
}
#tqajocviewActualMenu a:link {}
#tqajocviewActualMenu a:visited {}
#tqajocviewActualMenu a:hover {
background: url(../images/rollover.gif) repeat-x;
color: #000000;
}
#tqajocviewMenu {
height: 26px;
background: url(../images/view_menu.gif) repeat-x;
color: #FFFFFF;
}
-->
</style></head>
<body>
<div id="wrapper">
</div>
<div id="creation" style="height: 800px;">
<div class="element imageElement" style="width: 192px; height: 190px; left: 0px; top: -16px; z-index: 1;" id="element_5">
<div class="contentBox" style="" id="content_5"><img src="http://www.habstraat.nl/styles/02417336.gif" /></div></div><div class="element textElement" style="width: 200px; height: 100px; left: 79px; top: 8px; z-index: 1;" id="element_6">
<div class="contentBox" style="" id="content_6"><div style="padding: 5px;" align="left"><font color="#ffffff"><font face="Comic Sans MS, cursive"><strong>Menu</strong></font></font></div></div></div><div class="element htmlElement" style="width: 283px; height: 294px; left: 10px; top: 38px; z-index: 1;" id="element_13">
<div class="contentBox" style="" id="content_13">
Home</div></div><div class="element htmlElement" style="width: 200px; height: 100px; left: 10px; top: 52px; z-index: 1;" id="element_14">
<div class="contentBox" style="" id="content_14">>Home
</div></div><div class="element htmlElement" style="width: 200px; height: 100px; left: 10px; top: 67px; z-index: 1;" id="element_16">
<div class="contentBox" style="" id="content_16">Home
</div></div><div class="element htmlElement" style="width: 203px; height: 108px; left: 10px; top: 81px; z-index: 1;" id="element_17">
<div class="contentBox" style="" id="content_17">Home
</div></div><div class="element htmlElement" style="width: 200px; height: 100px; left: 131px; top: 52px; z-index: 1;" id="element_17">
<div class="contentBox" style="" id="content_17"></div></div><div class="element htmlElement" style="width: 200px; height: 100px; left: 10px; top: 107px; z-index: 1;" id="element_18">
<div class="contentBox" style="" id="content_18">Home
</div></div><div class="element imageElement" style="width: 195px; height: 200px; left: -3px; top: 150px; z-index: 1;" id="element_19">
<div class="contentBox" style="" id="content_19"><img src="http://www.habstraat.nl/styles/02417336.gif" /></div></div><div class="element textElement" style="width: 200px; height: 100px; left: 77px; top: 177px; z-index: 1;" id="element_20">
<div class="contentBox" style="" id="content_20"><div style="padding: 5px;" align="left"><font color="#ffffff"><font face="Comic Sans MS, cursive"><strong>Radio</strong></font></font></div></div></div><div class="element htmlElement" style="width: 200px; height: 100px; left: 10px; top: 94px; z-index: 1;" id="element_21">
<div class="contentBox" style="" id="content_21">Home
</div></div><div class="element htmlElement" style="width: 206px; height: 105px; left: 10px; top: 121px; z-index: 1;" id="element_22">
<div class="contentBox" style="" id="content_22">Home
</div></div><div class="element textElement" style="width: 200px; height: 100px; left: 6px; top: 207px; z-index: 1;" id="element_24">
<div class="contentBox" style="font-size:1px" id="content_24">
<div style="padding: 1px; "><iframe scrolling="no" frameborder="0" width="180px" height="30" style="font:Arial, Helvetica, sans-serif" src="http://www.habstraat.nl/luisteraars/index.php"></iframe></div></div></div></div>
<script language="JavaScript" type="text/javascript">
</script>
<div style="position: absolute; top: 30px; margin-left: 860px; width: 130px; text-align: center; z-index: 0;">
<div id="consoleDiv"></div>
</body>
</html>
Gewijzigd op 01/10/2011 16:15:45 door Samer Albadry