Good evening, I already pos this question in a forum ... and it does not work. I would like to dress up an image for my school site, but table. Here is an example on my first site, but with a picture of what I want to do well: http: //www.eric-seid...E/gdrliving.htm The first image + the text (Here is a view the living room, you can apprcier part of the sea view ... A dream.) are in a table ... Yeah but I dbutais in designing Notice that the text goes nicely 2 lines centered mainly AND !!! I would do the same thing without table: left, a picture translit of activities translit for pupils simply put in the body (not in a block) and right text. And this text (4-5 lines), I would like centered over the photo ... And it does not work, it makes me the first line of the text, right and good in the middle. L, is nice but the rest of the text, Well it my place below the photo grrrr. I put <img src = "........." alt = "..........." style = vertical-align: middle; "If I" left "or right ", it places above. Thank you for answers
Hello Patricia, it seems to me that in your CSS Properties, a float: left or float: right suffirai. By cons it faudrai you all the same align your text with vertical align proprit ... Good luck.
Me, I want to but I pedal to understand, here is the code: div class = "center"> <link rel = "stylesheet" type = "text / css" href = "../ actualite.css"> < h1> Events </ h1> <h2> Friday, March 9: </ h2> <p> <a href="act_exter.html"> The activities extrieures make happy </a> </ p > <p> <img src = "../ images / News / 09-03.gif" alt = "Activit & eacute; s ext & eacute; & EXTERIOR agrave; the & eacute; cole" style = "vertical-align: middle;"> This Friday, March 9, the pupils of 1st Accompanied by their teachers went Montigny-le-Tilleul to attend an activities Journe framed by animators extrieurs . One of the objectives of this Journe (...) <a href="act_exter.html">> read more </a>> </ p> <p> Tuesday, March 12: Animation on the go t primary lcole Piton </ p> Looks like the image takes up one line. Or should put each image and text in a DIV? Now, is that a page can be linked both style sheets? A big thank you for all the answers
Recoucou Patricia ... actually I got some may gourrer translit telling you to do a vertical-align your text on ... this property only works for tables ... There are several ways around this Unfortunately friend webmasters, I of course translit named Internet Explorer does not know grate ... However here a simple trick, everything con while bte that will help you on your picture - "<html xmlns = <! DOCTYPE html PUBLIC" // W3C // DTD XHTML 1.0 Transitional // EN "" http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd!> " http://www.w3.org/1999/xhtml "> <head> <meta http-equiv =" Content-Type "content =" text / html; charset = iso-8859-1 "/> <title> Document unnamed </ title> <style type = "text / css"> <! - img {vertical-align: middle;! } -> </ Style> </ head> <body> Here is a view of the living room, you can apprcier part of the sea view ... A dream. <Img src = "http://www.eric-seidel.com/CAMARGUE/PhotosGrauDuRoi/living01grand.gif" /> </ body> </ html> L, it is your image that is centered over your text ... then you decorate everything with CSS, within the limits translit of possibility of course IE Good evening!
Hi, Patricia, thank you to use Quote function code when you say your posts and you give your source code. This is when even more readable and this will give more eager to help you. I'm not pench me Dtail on your problem but attention: </a>> <a href="act_exter.html">> read more </a>> This is not good at all. If you want to make a "dressing", as understood in DTP (text that follows the contours of an image), do a search on the property "float". I use it on my site for most of the pictures on my homepage. #gauche img.med mini-{styles.css (line 101) border: none medium; float: left; margin: 0px 16px; text-decoration: none; } Patricia translit thinks translit validate translit your code before submitting. Fanou: in the code that you mention it my
No comments:
Post a Comment