Skip to main content

CSS/html horizontal list with image -


i trying have text display right of image using simple css , text displaying below image rather right. works okay text.

here jsfiddle - http://jsfiddle.net/ejn7u/

-which not seem show images--and text go right of alt text in img tag. can't figure out way display images in jsfiddle on own server, text displaying below image, not right.

would appreciate suggestions. thanks. here code:

.hlist li { display: inline-block; margin-left: auto; margin-right: auto; } <ul class="hlist"> <li><img src = "pic.jpg" alt="picture"></li><li>some text</li><li>some more text</li></ul>

edited remove ul tag

css/html horizontal list image - stack overflow

learn, share, build

each month, on 50 million developers come stack overflow learn, share knowledge, , build careers.

join world’s largest developer community.

sign up

up vote 0 down vote favorite

i trying have text display right of image using simple css , text displaying below image rather right. works okay text.

here jsfiddle - http://jsfiddle.net/ejn7u/

-which not seem show images--and text go right of alt text in img tag. can't figure out way display images in jsfiddle on own server, text displaying below image, not right.

would appreciate suggestions. thanks. here code:

.hlist li { display: inline-block; margin-left: auto; margin-right: auto; } <ul class="hlist"> <li><img src = "pic.jpg" alt="picture"></li><li>some text</li><li>some more text</li></ul>

edited remove ul tag

share|improve question
1  
a ul not valid child of ul element; child ul should contained within li (the only valid child of ul or ol). showing images on js fiddle, have use absolute path (http://www.example.com/path/to/image.png), pic.jpg doesn't exist on server. – david thomas jul 6 '12 @ 23:30
    
sorry, ul typo. still having issue img. – user1260310 jul 6 '12 @ 23:35
    
what problem? text displaying right of image in linked js fiddle, unless 'below' meant image , text aren't vertically-centred? if problem on own server, need link server, or work out what's different between server , js fiddle. – david thomas jul 6 '12 @ 23:37
    
yes, put google image in , working on jsfiddle. problem must elsewhere in code on page... – user1260310 jul 6 '12 @ 23:40
1  
no, when click 'save' generates new save point updated/new code; otherwise nothing saved when leave fiddle. – david thomas jul 6 '12 @ 23:54

your answer

 
discard

posting answer, agree privacy policy , terms of service.

browse other questions tagged or ask own question.


Comments

Post a Comment

Popular posts from this blog

javascript - backbone.js Collection.add() doesn't `construct` (`initialize`) an object -

<!doctype html public "-//w3c//dtd xhtml 1.0 strict//en" "http://www.w3.org/tr/xhtml1/dtd/xhtml1-strict.dtd"> <html> <head> <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script> <script src="http://documentcloud.github.com/underscore/underscore-min.js"></script> <script src="http://documentcloud.github.com/backbone/backbone-min.js"></script> </head> <body> <button id="cmd_create_event" name="cmd_create_event" type="button">create new `event`</button> <script type="text/javascript"> var eventmodel = backbone.model.extend({ initialize : function() { console.log("`event` initialized. id: " + this.cid); this.bind("change:status", function() { console.log(this.get("status") + " value `status`"); }); this.bind("error", function(model, e...
Read more

php - Get uncommon values from two or more arrays -

is there function in php give array of uncommon values 2 or more arrays? for example: $array1 = array( "green", "red", "blue"); $array2 = array( "green", "yellow", "red"); .... $result = function_needed($array1, $array2,...); print_r($result); should give output: array("blue", "yellow", ...); use array_diff , array_merge : $result = array_merge(array_diff($array1, $array2), array_diff($array2, $array1)); here's demo. for multiple arrays, combine callback , array_reduce : function unique(&$a, $b) { return $a ? array_merge(array_diff($a, $b), array_diff($b, $a)) : $b; } $arrays = array( array('green', 'red', 'blue'), array('green', 'yellow', 'red') ); $result = array_reduce($arrays, 'unique'); and here's demo of that.
Read more

Adding duplicate array rows in Php -

i create function in php adds rows of array shared column value. so input. $test = array( array("c", 5, 6), array("c", 2, 3), array("test", 5, 6) ); and output. $testduplicatefree = array( array("c", 7, 9), array("test", 5, 6) ) ); i'm thinking function combine_duplicates($array,$col){ ... ... return $duplicatefreearray; } where $col duplicate free array. so, in case, combine_duplicates($test,0); would me desired output. this. <?php function combine_duplicates($array,$col) { $index = array(); foreach ($array $row) { $key = $row[$col]; if (!isset($index[$key])) { $index[$key] = $row; } else { ($i = 0; $i < count($row); ++$i) { if ($i != $col) { $index[$key][$i] += $row[$i]; } } } } return array_values($index); } $array = array( array("c", 5, 6), array("c", 2, 3), array("test", 5, 6) ); print_r(combine_duplicates($array, 0)); try here: http://codepad.org/mdhesqhi
Read more