GMOT
Nieuws:
 
*
Welkom, Gast. Alsjeblieft inloggen of registreren. 19 Januari 2019, 21:14:41


Login met gebruikersnaam, wachtwoord en sessielengte


Pagina's: [1]
  Print  
Advertenties


dvdtv
On my way now
**

Berichten: 63


Bekijk profiel
« Gepost op: 24 Maart 2016, 19:20:02 »

Hoi allemaal,

Ik heb deze code in mijn php bestand staan:
Code:
       <?php 
        
echo '<table cellspacing="0" background-color: "#fafafa" display:block; style="float:left; margin-right:4px;" width="33%";>
        <tr bgcolor="#FFEBCC"><th>'
.htmlspecialchars($row['naam']).'</th></tr>
        <tr bgcolor="#FFF3E0"><th><br><A HREF="'
.htmlspecialchars($row['link']).'"><img src="' .htmlspecialchars($row['img']). '"border=1; width=90%;></A></tr>
       <tr background-color: "#fafafa" ><td colspan="3"></td></tr>
</table> '
;
        
?>


Maar nu moet de with 33% op de telefoon maar width 40% zijn. Hoe kan ik dit aanpassen? Ik krijg het maar niet voor elkaar en een CSS lijkt niet te werken in een echo.

Groetjes,
Dennis
« Laatste verandering: 24 Maart 2016, 19:23:50 door dvdtv » Gelogd

Bjarno
Pretty addicted
*******

Berichten: 3.947



Bekijk profiel WWW
« Antwoord #1 Gepost op: 24 Maart 2016, 19:34:56 »

PHP is serverside, tenzij je extra informatie over de schermresolutie, dpi... meegeeft dan zal dit niet werken. En PHP echo output gewoon een string (of iets anders), dus er gaat eerder iets mis met hoe je je HTML genereert.

Ik heb alleen naar de tweede lijn gekeken, maar mijn opmerkingen tellen ook voor andere lijnen Wink

Al je CSS-informatie moet binnen een style-attribuut zijn. Een style attribuut gebruik je zo:

Code:
style="background-color: #fafafa; display: block;"

Wat ik jou zie doen is zowel CSS-attributen als HTML-attributen door elkaar te gebruiken. 'background-color is een CSS-attribuut. Ook width is een CSS-attribuut en moet binnen het style-attribuut staan. width als HTML-attribuut kan werken (maar dacht ik niet met procenten), maar wordt in HTML5 afgeraden. Hetzelfde met het bgcolor-attribuut, gebruik daar CSS voor.

Als je responsief design wilt moet je kijken naar media queries. Alhoewel je dan je dan geen style-attribuut mag gebruiken. Geef je table een class of een id, en gebruik die dan in je CSS file. Wil je aanpassingen maken afhankelijk van het apparaat, zoek eens uit hoe media queries werken.
« Laatste verandering: 24 Maart 2016, 19:38:04 door Bjarno » Gelogd



Advertenties
Pagina's: [1]
  Print  

 
Ga naar:  

Powered by SMF 1.1.21 | SMF © 2006-2011, Simple Machines | Smartphoneversie bekijken

Dilber MC Theme by HarzeM