Search the Community
Showing results for tags 'border'.
Found 20 results
-
I would like to use some of the vivid color library colors as border colors, but apparently borders cannot use them. The various color libraries seem to work only as background colors, not as border colors, is this correct?
-
Hello guys! I have an issue on my website. As you can see on the inclosed picture, I have white borders on my footer. But they appear only on phone screens and I can't see where they are located in the CSS... Any idea please? Thank you in advance!
-
I want to create a dynamic header like the image attached... By dynamic i mean the borders should adjust according to the length of the text Help Appreciated
-
Hello, I wanted my website's display area to be exactly 768 px centered on the page. So here's the css properties I applied to the "main" div that contains every element I add on my webpage: div#main { margin-left: auto ; margin-right: auto ; width : 768px ;} It works, fine, however when I select several lines of text inside it, the blue selection is bleeding all the way to the left and right of the window (see attached image). How can I prevent this from happening? Thanks for reading! Thomas
-
I wonder if anyone here can help me... I am having troubles with the table code. It is messing with other elements on my page. Does anyone know how I can fix it so that it only adds a border to the sections I want to have borders and not to everywhere on the page? Every time I add html code bits to my page to create these: It makes the Header look like this: When it is supposed to look like this: *I use weebly as my website building platform, so the elements in the first picture above was created with the custom element tool. Each product block is a single cell table, and this is the code I am using for each product block (apart from a few URLs and Text, etc... each one is the same): <!DOCTYPE html> <html> <head> <style> table, th, td { border: 2px solid #DCDCDC; padding: 1px; } table { border-spacing: 1px; } th, td { padding: 5px; } a { text-decoration: none; } p.small { line-height: 60%; } </style> </head> <body> <table style="width:100%"> <tr> <td><div align="center"> <a href="http://www.rebeckahstreasures.com/happily-ever-after-crochet-pattern-for-fashion-dolls.html"><img src="http://www.weebly.com/uploads/1/4/3/9/14399682/1012548_orig.jpg" alt=”Happily Ever After Fashion Doll Crochet Pattern PDF $10.00 by Rebeckah’s Treasures - You can be a designer too when you mix and match necklines & silhouettes! Grab your copy today here: http://goo.gl/5bXO46 #crochet #pattern #barbie #toys” border="0" width="100%" style="margin:3px 0px"/><h4 style="margin:0px 0px">"Happily Ever After"</h4><h5 style="margin:0px 0px">Crochet Pattern</h5></a> <p class="small" style="margin:0px 0px"><em> $10.00 USD</em></p> <a href="#" onclick="R.cart.add(36645, 220124); return false;"><img src="http://www.weebly.com/uploads/1/4/3/9/14399682/_8947683_orig.png" border="0" width="120"style="margin:0px 0px"/></a></div></td> </tr> </table> </body> </html> Thanks in advance! -
Can't find anything on searches for this. When using outset as a borderstyle, the 3d bevel effect indicates a light source from the top left. Is there a way to get this to appear as though the light source is from the top right?
-
How to change border lenght using css ? i have a simple code shown below HTML and CSS <h4>Headin</h4> h4{border-bottom:2px solid red;} Now this code will give a border below <h4> tag but how can i adjust the lenght of that border using css ?
-
i have problem make web size... if make fixed value like body {width:1000px} it make bad if someone have DISPLEY RESOLUTION under 1000... so solution for it make value with % ... instant px body { margin-left:13%; margin-right:13%; } with this make my body like center and make for others ELEMENTS BLOCK corect width but... if want for some BLOCK add border it is like shorthand border:1px solid gray; i cant use value at %... and here i get problem if make PX value i get others posicions if use diferent DISPLEY RESOLUTION 1px at 1000xXXX is like 1% and 1px at 2000xXXX is diferent... example i make like some ... BAR PANEL with 5 buttons... and use width:19.9%; it make in end some space... 0,1 for border whatever it dont make corect width not use 100%.. space... or take more like 100% and droped under button... like make second bar a.bar {float:left; width:19.8%; border:1px solid gray; text-align:center;color:#FF0000; text-decoration:none; background-color:#dddddd; } diferent DISPLEY RESOLUTION make diferent effect is some way fixed it for corect ?? border:1px solid gray; here i cant use value %.... or some example some already make layout posicions with some ELEMENTS BLOCK ???
-
Hey guys, I can't figure out why my top image on my table isn't working right. The bottom border won't show up and the image is clearly readjusting to something because the quality is awful when I put it into my coding, but it's fine on photobucket. I've adjusted the whole table size, the tr size, the td size, the padding and the margin on absolutely everything. I can't figure it out. Please help! Page i'm struggling with: audreyholmesmusic.webs.com/testhome.htm Let me know if 'view source' doesnt work and you need the code.
-
I want to make a menu like this website has: http://www.h3ostudio.com/ I have nav a{ text-decoration:none; color:#B90000; font-weight:500; text-align:left; border-bottom:1px solid #099; padding-right:250px; padding-left:25px;} but it just drags every border under every word 250 pixels to the right.. I want them to 'stop' at.. the end of the menu? also, while I'm asking this question, how do I make the border like they have on this website? it's like, black-gray-ish.. how do I style my border like that? or does anyone know where I can find 'proper' styling tutorials for borders? or have they used an image for the border; if so how do I do that? sorry I'm rather new to this, and thank you in advance!
-
Hello.Each time when i resize window i get mess.What i should add in css?And how to make #body to be midle of schreen always?Here's some codes: <div id="body"><div id="manu"></div></div> body{font-family:Comic Sans MS , Arial;text-align:center;background-color:#000000;color:#179161;cursor:help;}#body{width:700px;height:600px;border:2px solid #179161;box-shadow: 30px 20px 35px #4A804E;position:relative;}#manu{width:600px;height:100px;border:2px solid #179161;margin-top:1mm;margin-left:50px;position:relative;}
-
I've been recoding my site to implement some of the html 5 and css 3 into my site that are supported by most browsers currently (my code was way outdated). I decided to make the leap from plain old html tables that I've used for over 10 years and switch over to div tags and css for my "tables". After some struggling I've managed to get it all figured out and my layout looks correct in Firefox 19, however in both IE 8 and Chrome 22, at the bottom of the code where I have a 'footer' on my site, the left and right borders are not aligning correctly and are 2 pixels smaller. (see screenshot of a closeup of the border issue) My best guess at this is that the scrollbar in the browsers is to blame. I have heard of similar issues before. My main "table" is set to 1000px and the footer "table" is also set to 1000px but, like I said above, it's displaying 2px shorter in IE and Chrome. If I switch it to 1002px it is then 2px too large in Firefox. How can I get this fixed so the border lines up across all browsers? I'd prefer not to use a percentage in my width or it will cause issues with my banner which is sized to fit perfectly in the 1000px width area. My knowledge is so outdated with a lot of the code now days so between that and the fact that I've had a horrible headache for the last few days, I just can't get this figured out.
-
I have a logo that I would like to appear on my page header. I deleted the background so that the header would show through but a border still appears around the logo. Is there a way I can get rid of this? The image is not located on the stylesheet, but instead on each webpage. I know that this is not correct, but it was causing me trouble so for now i'm leaving it as is. Here is the section of code from the page that contains the image. <body><input name="title" type="hidden" value="Home" /><div class="container"> <div class="top"> <p class="logo">Australian Barge Hire</p> <img src="images/photos/sealift1/logo no background.png" width="150" height="78.61" class="float-right" border="0" /> </a> <p class="slogan">Jack-up (self elevating platform) and<br />Construction Barges Australia Wide</p> </div> I'm sure that I haven't given enough information, so please let me know what else I should be providing. Thanks in advance for any assistance you can give. Edited to add: when I delete the class="float-right" section the border does not appear (yay!) But the image is also then in the middle of the header, not where I want it to the right hand side.
-
Hello, I'm experiencing a little problem when trying to align different div sections. The page loads correctly in Safari/Chrome but when using other browsers, there is a little displacement (see image). I don't know what is causing the problem. Hope anyone of you can help me. Thanks in advance! <html><head>(...)<style>body{background-color:rgb(235,235,235);}.header{background-color:rgb(17,76,131);position:absolute;top:0px;left:0px;right:0px;height:120px;}.base{background-color:rgb(250,193,37);margin:auto;padding-bottom:15px;width:980px;padding-top:125px;height:auto;text-align:center;}.tabbed_box{margin:0px auto 0px auto;width:950px;}.tabbed_area{border:1px solid #494e52;background-color:#636d76;padding:8px;}ul.tabs{margin:0px;padding:0px;margin-top:5px;margin-bottom:5px;}ul.tabs li {list-style:none;display:inline;}ul.tabs li a{background-color:#464c54;color:#ffebb5;padding:8px 14px 8px 14px;text-decoration:none;font-size:9px;font-family:Verdana, Arial, Helvetica, sans-serif;font-weight:bold;text-transform:uppercase;border:1px solid #464c54;}ul.tabs li a:hover{background-color:#2f343a;border-color:#2f343a;}ul.tabs li a.active{background-color:#ffffff;color:#282e32;border:1px solid #464c54;border-bottom:1px solid red;}ul.list{list-style-type: square;font-family:"Segoe UI", sans-serif;font-size:14px;}.content{background-color:#ffffff;padding:10px;border:1px solid #464c54;text-align:left;font-size:12px;font-family:Verdana, Arial, Helvetica, sans-serif;}#content_2,#content_3,#content_4,#content_5,#content_6,#content_7,#content_8,#content_9 {display:none;}</style></head><body><div class="header">Test?</div><div class="base"> <div id="tabbed_box_1" class="tabbed_box"> <div class="tabbed_area"> <script src="js/functions.js" type="text/javascript"></script> <ul class="tabs"> <li><a href="javascript:tabSwitch_2(1,9,'tab_','content_');" id="tab_1" class="active">Ligging</a></li> <li><a href="javascript:tabSwitch_2(2,9,'tab_','content_');" id="tab_2">Faciliteiten</a></li> <li><a href="javascript:tabSwitch_2(3,9,'tab_','content_');" id="tab_3">Logies</a></li> <li><a href="javascript:tabSwitch_2(4,9,'tab_','content_');" id="tab_4">Eten & Drinken</a></li> <li><a href="javascript:tabSwitch_2(5,9,'tab_','content_');" id="tab_5">Sport</a></li> <li><a href="javascript:tabSwitch_2(6,9,'tab_','content_');" id="tab_6">Animatie</a></li> <li><a href="javascript:tabSwitch_2(7,9,'tab_','content_');" id="tab_7">Kinderen</a></li> <li><a href="javascript:tabSwitch_2(8,9,'tab_','content_');" id="tab_8">Extra</a></li> <li><a href="javascript:tabSwitch_2(9,9,'tab_','content_');" id="tab_9">Prijzen & Contact</a></li> </ul> <div id="content_1" class="content">Content for Tab 1</div> <div id="content_2" class="content">Content for Tab 2</div> <div id="content_3" class="content">Content for Tab 3</div> <div id="content_4" class="content">Content for Tab 4</div> <div id="content_5" class="content">Content for Tab 5</div> <div id="content_6" class="content">Content for Tab 6</div> <div id="content_7" class="content">Content for Tab 7</div> <div id="content_8" class="content">Content for Tab 8</div> <div id="content_9" class="content">Content for Tab 9</div> </div> </div></div></body></html>
-
ok, i have been having this kind of trouble before as i remember, but i cannot remember how to fix it inside the freaking css, lol -.-'. i have been developping a shoutbox to my forum im also developping in a later point.anyways, i have attached a pic to the post here... you can see i have a little annoying blue under-score line besides the pictures in the shoutbox, and i can't simply remember how to remove them.. the shoutbox is comming out in a (<iframe>) tag.. no clue if that is why, but as i also remember, then inside the css, i just needed to write this: img { border:0px;} please tell me, am i wrong as usually, or is there an another way.. the pics are freaking me out, and i have tried anything.. also tried to add a class to the pics, but nothing is happening to them OO'... this is how i take them out to the shoutbox: EXAMPLE: $del = ( $CURUSER['class'] >= UC_MODERATOR ? "<a href='shoutbox.php?del=" . $arr['id'] . "'> <img src='pics/shout/del.png' border='0' alt=\"Delete Single Shout\" title=\"Delete Single Shout\" /></a> " : "" ); and then i echo out the $del variable later on... ideas?...
-
I'm having issues with a list displaying properly, or at least how I'd like it to, in IE. It shows up like so in Firefox and Safari: With IE, the circles around the list items are squares. Does anyone have a fix for this? Here is the CSS for the list: .circlemenu{width: 100%;overflow:hidden;margin: 1.2em 0em} .circlemenu ul{margin: 0;padding: 0;font: bold 14px Geneva, Arial, Helvetica, sans-serif;list-style-type: none;text-align: left; /* "left", "center", or "right" align menu */margin: 0em 0em 0em 10em} .circlemenu li{display: inline;} .circlemenu li a{display:inline-block;text-align:center;text-decoration: none;border: solid 1pt #555555;color: #555555 ;margin: 0;margin-right:6em; /*right spacing between each link */width: 6em;height: 6em;border-radius: 4em; /*really large border radius to create round borders*/-moz-border-radius: 4em;-webkit-border-radius: 4em;} .circlemenu a span{position:relative;top:40%;} .circlemenu li a:visited{color: white;} .circlemenu a:hover{border: solid 1pt #CC0000;color: #CC0000;}
-
Hey Folks,I've got an issue concerning collapsing borders in table rows especially using the IE10. I’m trying to build an timetable. So there are td boarders which are overlapping the table row borders.My CSS looks like this tdContent{ background-color: #00A9EC; vertical-align:top; border: solid black 1px; border-collapse: collapse; cursor: pointer;} The difference between IE10 and all other browser is attached...Just noticed that it is not a only IE10 issue it also accurse on IE9 Anybody an Idea to get this thing done ?Greetz and Thanks in forcast ;-)Spanky
-
Hi all. I've come up against a problem which I simply cant seem to pass.I've been building a web page around a capture form and I wanted to decorate it so it looks more appealing. I wanted to add a frame (or border) around the form so it looks a bit more professional.I've tried to follow the instructions on this site, forst I added the html to the header, nothing. So I added it to the body,nothing. I wondered if I should try CSS so I wrote the code for a border, all that did was show up the code when I viewed the site in a browser. It seems the page is made up of tables. I'm using Gimp to edit as well, if that makes a difference. All I want to do is add a border, of around 5-7px in width around either the form to frame it or the page to give it a bit of individuality. Can someone help as I'm lost on this one.File attached.ThanksJohn MorrisUK.index.html
-
Hello!When making a border in CSS, can you put a border around a bunch of links? I wanted to make a square over my side bar of links.Thanks.
-
Hello W3S Forum... everything is fine when i look into like firefox browser orr google chrome orr such... but if you are looking in the picture ive attached... then when i view the site with explore browser (latest version)... then the white border (a banner with a link). what shall i remove in the .CSS file to remove this?... thanks in advance..
