andrejanubis Posted February 22, 2009 Share Posted February 22, 2009 I am trying to make a link that could begin on one line and end on another. If I make inline-block to line-block that is possible, but than links are covering one another. <html><head> <title>Links</title> <style type="text/css"> <!-- a { text-decoration: none; } a:link { color: #0000CD; border: 1px solid black; padding: 4px 0px 4px 0px; display: line-block; /* inline-block */ } a:visited { color: #2F4F4F; background: #00ff19; border: 1px solid black; padding: 4px 0px; display: line-block; /* inline-block */ } a:hover { background: yellow; } --> </style></head><body> <a target="_blank" href="http://www.w3schools.com/">http://www.w3schools.com/HTML/html_links.asp</a> <a target="_blank" href="http://links.sourceforge.net/">http://links.sourceforge.net/</a> <a target="_blank" href="http://adserver.adtech.de/">http://adserver.adtech.de/?adlink|824|1668429|0|225|AdId=-3;BnId=0;itime=320511845;key=key1+key2+key3+key4;</a> <a target="_blank" href="http://www.google.com/">http://www.google.com/search?hl=en&q=links+of+london&revid=1431750396&ei=XruhSfWMHZGc_gac-fHJCw&sa=X&oi=revisions_narrow&resnum=4&ct=revision&cd=1</a> <a target="_blank" href="http://www.google.com/">http://www.google.com/url?q=http://www.linksoflondon.com/online-shop/women/charms&ei=XruhSfWMHZGc_gac-fHJCw&sa=X&oi=revisions_result&resnum=5&ct=result&cd=1&cad=revid%3D1431750396&usg=AFQjCNE02lo4qXE2s-GN3hTKfvsfjBofLg</a><!-- --> </body></html> jump Any help, please. Link to comment Share on other sites More sharing options...
jarrett000 Posted February 22, 2009 Share Posted February 22, 2009 I belive the code your looking for is:a {display:block} Link to comment Share on other sites More sharing options...
andrejanubis Posted February 23, 2009 Author Share Posted February 23, 2009 I belive the code your looking for is:a {display:block}that give me only one link per line. I want more links on line please. thank you Link to comment Share on other sites More sharing options...
Jerry62704 Posted February 23, 2009 Share Posted February 23, 2009 that give me only one link per line. I want more links on line please. thank youIf you put each link as a float they will go on one line. You can also use the inline (which is the default) block option, but if you want fixed spacing (width) then you will need to make it a block and float it. Link to comment Share on other sites More sharing options...
andrejanubis Posted February 23, 2009 Author Share Posted February 23, 2009 I am sorry , but I made a mistake on original code. It is now fixed, also the link. Link to comment Share on other sites More sharing options...
andrejanubis Posted March 1, 2009 Author Share Posted March 1, 2009 If I change inline-block to line-block I get what I want, but then, every link is in new line. Can I have both. inline-block and line-block? Link to comment Share on other sites More sharing options...
andrejanubis Posted March 2, 2009 Author Share Posted March 2, 2009 I give up, thank you all Link to comment Share on other sites More sharing options...
Recommended Posts
Archived
This topic is now archived and is closed to further replies.