html - How to get the <h:graphicImage> in JSF automatically resize and fit into browsers window? -


given following snippet

<?xml version="1.0" encoding="utf-8"?> <!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"   xmlns:h="http://xmlns.jcp.org/jsf/html">  <h:head>  <title>mytitle</title>  <h:outputstylesheet library="css" name="styles.css"/> </h:head> <h:body>  <h:graphicimage name="images/mainbackground.jpg"/> </h:body> </html>

i'd mainbackground.jpg resize automatically. following css file not resize it:

#mainbackground {  width: auto;  height: auto; }

but if set width , height directly in h:graphicimage tag , comment out h:outputstylesheet like

<h:head> <title>mytitle</title> <!--<h:outputstylesheet library="css" name="styles.css"/> --> </h:head> <h:body>  <h:graphicimage id="mainbackground" name="images/mainbackground.jpg" width="200" height="200"/> </h:body> </html>

resizing works. how can use external css file working in java ee context? proper way this?

btw found tutorials using google , questions here on regarding embedding image solutions provided either didn't cover resizing or have not worked me.

iirc, jsf not output id h:graphicimage default, , if does, it's not 'mainbackground' nested id path:to:image.

set styleclass attribute on h:graphicimage , use .mainbackground (a css class selector), not #mainbackground (id selector). way @ least proper css selector.

furthermore, auto css default both width , height, therefore has no effect. want change actual values. see standard css reference texts or guides further details.


Comments

Post a Comment

Popular posts from this blog

php - trouble displaying mysqli database results in correct order -

i have table in database stores events , date expire. want display events on website display current events first expired events after? i have tried following sql $sql = "select noticeid, notice, noticedesc, noticeimg, noticedate, expirydate tbl_notices group noticeid ,expired order expirydate asc"; but returns expired results first due expirydate being ordered asc in query. my tbl_notice structure looks this noticeid => int(4) notice => varchar(100) noticedesc => text noticedate => timestamp noticeimg => varchar(40) expirydate => datetime expired => int(1) 0 current or 1 expired my php code is $sql = "select noticeid, notice, noticedesc, noticeimg, noticedate, expirydate tbl_notices group noticeid ,expired order expirydate asc"; $result = mysqli_query($conn,$sql); if ($result->num_rows > 0) { // output data of each row while($row = $result->fetch_assoc()) { ...
Read more

sql server - Cannot query correctly (MSSQL - PHP - JSON) -

i have little problem on project. , turns out query result returns nothing when value of first name or last name has 'ñ' in it. here's code config.php: <?php ini_set('mssql.charset', 'utf-8'); header('content-type: text/html; charset=utf-8'); $servername = "192.168.1.21"; /* ip add of db server */ $connection = array("database" => "db", "uid" => "?", "pwd" => "***"); $conn = sqlsrv_connect($servername, $connection); if(!$conn){ echo "connection not established."; die(print_r(sqlsrv_errors(), true)); } ?> myquery: $idnumber = $_post["idnum"]; $response = array(); $query2 = "select clname, cfname, cmname, cqualifier student cidno = '$idnumber'"; try{ $stmt2 = sqlsrv_query($conn, $query2); } catch(pdoexeption $ex){ $response["success"] = 0; $response["message"] = "d...
Read more

depending on nth recurrence of job in control M -

we have need in control m follows. have 2 daily jobs in control m job , job b. job has recurrence count of 5 per day , job b needs depend on 3rd occurrence of job a. how can achieved in control m configuration? thanks.. use runcount variable below. do below job a do not add out condition in out condition tab in steps tab: on(stmt=*, code=runcount=3) addcondtion specify condition name ex: a-ok for job b do below. specify in condition below. a-ok let me know if u need complete structure
Read more