Jump to content

Search the Community

Showing results for tags 'CSS'.

  • Search By Tags

    Type tags separated by commas.
  • Search By Author

Content Type


  • W3Schools
    • General
    • Suggestions
    • Critiques
  • HTML Forums
    • CSS
  • Browser Scripting
    • JavaScript
    • VBScript
  • Server Scripting
    • Web Servers
    • Version Control
    • SQL
    • ASP
    • PHP
    • .NET
    • ColdFusion
    • Java/JSP/J2EE
    • CGI
  • XML Forums
    • XML
    • Schema
    • Web Services
  • Multimedia
    • Multimedia
    • FLASH

Find results in...

Find results that contain...

Date Created

  • Start


Last Updated

  • Start


Filter by number of...


  • Start





Website URL








  1. I'd like to create a textarea such that when one textarea is complete, another identically-sized text area magically appears and floats to the right. The new "spill over" text would now be here. Another way to explain what I'm looking for is this: Open up MS Word, and view the screen at 25%. Now keep on typing or keep adding text. Notice that when the words start "spilling over", a new sheet of paper (i.e. textarea) appears? This is what I'm interested in doing, but with HTML and/or CSS. So far, here is my source code. It's very basic for now. HTML SOURCE CODE: <!doctype html><html
  2. hi everyone, im having trouble with some custom images im adding to a site.i have made a picture of a tick that i want to be display next to each li. im using the list-style-image css property to do this. the image is displaying as i would like. however, the text of the li is doing something that i dont want, when the text doesn't fit on one line. the first line will be at the top of the image, but the 2nd line will be at the bottom of the image. i want it and would expect it to appear directly under the first line. this means the list is very confusing to read with big gaps between the 1st an
  3. hi everyone, I just want to ask the professionals use is very simple question about CSS positioning step ahead of myself I started learning css a few months ago it was very very easy to me there was nothing complex about it at all. well not until I reach the positioning in CSS they will like a living ###### to me well of course I could understand that simple values which are fixed relative, absolute, and static and how the work and the relation between the relative and the absolute values. but one thing that I died understand in positioning is that when you position an element in html you need
  4. Hello, Before anyone slates me for using Godaddy web builder, please appreciate that i dont have a choice because it is not for my website. I want an answer to my question and not an inconclusive list of reasons why i shouldnt be using it. I hope thats ok I have been struggling with this all day and am hoping that someone can help. With Godaddy web builder i can edit the style sheet ONLY so i have this for the gradient background: body {height: 100%}{margin:0px; padding:0px; background:none !important;}body { background: -moz-linear-gradient(top, rgba(232,211,255,0.44) 32%, rgba(178,102,255
  5. I have a website: http://www.2monthstraffic.com where the header is too high, so i wanted to change it using advanced css, however when i change the height here:/*————————————Header————————————*/.sf_header_wrapper {background-image:url(http://i.imgur.com/0QBv29V.png);background-position:top;background-repeat:no-repeat;background-size: 100%;-moz-box-shadow:10px 0px 10px rgba(0, 0, 0, 0.4);-webkit-box-shadow:0px 0px 10px rgba(0, 0, 0, 0.4);box-shadow:0px 0px 10px rgba(0, 0, 0, 0.4);border:solid 10px #fff;clear:both;min-height:20px;height:auto !important;height:477px;width:940px}.sf_main_header {
  6. Hi all! I have a problem I can't figure out at all. In the image provided below, (you can also check http://www.simuscape...utalk/index.php), I have some imagelinks, (marked in red), located below the header and above the gold/beige background. But only the top of those imagelinks are visible, rather than being positioned in the middle of that dark background, approx. 17 px up from their current positioning. However, no matter how I try to change what's in the stylesheet, it also affects the Simuscape Index and Logout navigations, (marked in blue). What am I doing wrong and what do I need t
  7. Hello, I am very new to CSS and HTML and have been learning since last week, so i hope someone can help me. I have a list, please see the HTML below, I want to make the list item 'Sparkling', sparkle when hovered over. I thought the CSS code below might make it sparkle, but that makes the entire list sparkle on hover - can anyone help me please?! Thank you! HTML<div class="container_12 clearfix"> <div id="header" class="grid_12"> <h1>Lacosta Wines</h1> <div id"nav"> <ul>
  8. I learnt that there are 5 type of selectors. Id selector class selector grouped selector context selector, element selector In grouped selector is it possible to use only ELEMENTS seperated with comma. Can this code be considered as a grouped selector. {#form input,#form textarea{border:2px solid blue;} Also what's the difference of context selector and grouped selector?
  9. I'm having a problem with active links, I just can't seem to get it too work. Does anyone have any thoughts on what I might be doing wrong? #nav {background-color: #336;height: 200px;width: 600px;margin-top: 30px;margin-right: auto;margin-bottom: 0px;margin-left: auto;padding-top: 30px;padding-right: 20px;padding-bottom: 30px;padding-left: 20px;}#nav ul {margin: 0px;padding: 0px;}#nav ul li {display: inline;margin: 10px;background-color: #5252A3;padding-top: 5px;padding-right: 20px;padding-bottom: 5px;padding-left: 20px;} #nav a:link {color: #CCC;text-decoration: none;font-family: Tahoma, Gen
  10. I'm trying to implement the sliding transparent overlay on my sight but I'm having a problem with the positioning of the DIV. When the window is re-sized the div does not retain relativity to the menu items above. Can someone give a pointer as to how this can be achieved? This is what I'm trying to emulate.......http://www.daphnes-restaurant.co.uk/general-information/ Here's my website.........http://www.galu.co.uk/newsite/goforitg.html The yellow box remains relative to the red box but when my window is re-sized I would like the red box to be left align to the window so the users can see easi
  11. Hi the following is my code and i am using crome (browser) <div style="width:700px;height:100px;background-color:silver"> <div id="week" style="margin:20px;border:2px solid red"> <div id="sfsf" style="margin:10px;"> Select Day Of The Week </div> </div> </div> In the above code the div with id "week" is displaying very strange behavior. For this div i have applied margin of 20px. the margin should start from its parents div. But here the margin starts from the top of the document
  12. Hi guys, Sorry if this post is in the wrong section. My website is Joomla 3 and I am looking to add a background image that is fixed and clickable. I found some info on this here link http://subin.me/blog/how-to-background-image-ads-using-pure-html-and-css-a-better-quick-and-smarted-way/ but its way over my head, can someone put it in simple terms as I am a newbie at css. Were do I put the html?Were do i put the css?Were do I put the Simple Jquery Solution code? Thanks
  13. Hello,Sorry I'm experiencing problems with my css, #title {width: 200px;height: auto;margin-top: -10px;margin-left: 20px;background-color:#000;border-radius: 2px;color: #DF3A01;}#search {width: 600px;height: auto;color: #FFF;margin-top: 28px;position: absolute;margin-left: 190px;display: inline;}#buttons {width: 300px;height: auto;color: #FFF;margin-top: 28px;position: absolute;margin-right: 30px;display: inline;}#buttons li {border-left: 2px dashed #FE9A2E;padding: 5px 5px 5px 5px;display: inline;}#buttons ul {display: inline;}#bar {margin-left: -15px;margin-right: -15px;margin-top: -12px;wi
  14. Hello,I'm experiencing a few problems with my CSS.i currently have;#search { width: 300px;height: auto;color: #FFF;margin-left: 30px;display: inline-block;}#bar {margin-left: -15px;margin-right: -15px;margin-top: -12px;width: 110%;height: 50px;background-color: #000;position: fixed;border-radius: 3px;padding-left: 15px;padding-right: 15px;padding-top: 12px;}#title {width: 200px;height: auto;margin-top: -10px;margin-left: 20px;background-color:#000;opacity: 0.5;border-radius: 2px;color: #FFF;} and HTML wise;<div id="bar"><div id="title"><h1 color="#FFF">PitchIT</h1></
  15. Hi the following is my code:- <div style="height:200px;border: 2px solid red"> this is my book.<br>I am so happy.</div> I have to vertically align the text in center of the div. I will have multiple lines of text. Can anyone help me solve this?
  16. Hi the following is my code:- <div style="height:50px;background:#F75D59;"> <div style="position:relative;font:bold 20px arial;color:white;float:left;left:50px">GOOGLE </div> <div style="position:relative;float:left;left:200px;"> <input type="text";text size="50px"> <input type="button" title="search"> </div> <div style="position:relative;float:left;left:500px;color:white"> UUUUUUUU </div> <div style="position:relative;float:left;left:500px;">
  17. Hi Friendi wanna sub men of my main menu open from right to left but i cant pass it.can anybody help me please?sincerelyhttp://minemag.ir nav .menu {z-index: 9999;height: auto;margin-bottom: 0;position: relative;}nav .menu li {float: right;display: inline-block;margin: 0;font-size: 15px;font-weight: normal;padding: 2px 0;position: relative;font-family: 'DBS-BYekan', B Yekan,Tahoma,Arial,Helvetica,sans-serif;}.menu-dividers nav .menu li {background: transparent url('images/nav-divider.png') no-repeat centerleft;}nav .menu li:first-child {margin-left: 0;background: none;}.menu-dividers nav .me
  18. Hi with the following code i am able to bring 3 Div's in a single row which are surrounded by a parent DIV. Now the problem is separating each div with a vertical line which makes it look like table cells in a single row. This can be done easily by applying "border-right" on each DIV. But here there is a problem. In these 3 div's Every div grows(height) independently based on the size of the content. So all the vertical lines should be of the height of the highest Div's height. I mean for example in the 3 div's suppose, first div height is 100px and second div height is 200px and third div hei
  19. hi i have the following code <div id="parent" > <div >apple</div> <div>cat</div></div> and my requirement is, apple div and cat div should appear side by side(next to each other horizontally) without using absolute and float. why is it because when used absolute or float the parent div height becomes 0px. I want the 2 child div's appear side by side and also the parent div height should increase according to the child div's height. can any one help me solving this problem?
  20. From a html and css file I need to remove border or padding (please find the screenshot below)....I used the inspect element option of Google chrome to find and remove the corresponding div tag. But the inner part is getting bigger and I can't find a way to rectify it.....I need to get rid of the :"bodywrap" div...Deleting div#bodywrap is causing div#"content" becoming larger. How can maintain the dimension of the "content" div after deleting the 'bodywrap' div.I am uploading the files here ...any css expert out here, need help.. upload.zip
  21. hello, i have been wondering, and this might be a rookie question, but one i simply need to ask, coz it is making me a little bit insane... i have this CSS right now: /* unvisited link */#forum_cats_title_wrapper a:link { color:#0087DC; text-decoration:none;}/* visited link */#forum_cats_title_wrapper a:visited { color:#0087DC; text-decoration:none;}/* mouse over link */#forum_cats_title_wrapper a:hover { color:#172aba; text-decoration:none;}/* selected link */#forum_cats_title_wrapper a:active { color:#172aba; text-decoration:none;} what i wish, is for the links to show what page
  22. I learn new professional website design. 'm Having some problems with website designWhat you please help me to share the knowledge of Html offlineThank you very much Sapa tour,Halong tourVietnam touristvanphongphambn
  23. Hi folks, Is it possible to place the entire header on page www.uworlds.net into a CSS? In other words, include (1) the image banner (2) the AddThis share code at the very top which contains javascript and (3) the text at top right? Or can javascript simply not be included in CSS and maybe this could be achieved through an include somehow? Any advice will be greatly appreciated. Kind regards,uworlds
  24. I've been using CSS sprites for a while now, mainly using it for icons, but I want to sprite up my backgrounds too. All the backgrounds I want to sprite I want to repeat Horizontally (left to right) but I can't get it too work. I know you can repeat in one direction only with CSS sprites, but it still wont work. #header {width: 100%; height: 215px;background:transparent url('files/site/spritebg.png') repeat top left; background-position: 0;} .sitemenu {float:left; width:690px; height:35px; color:#FFF; font-size:13pt; background-image:url(files/site/spritebg.png); background-repeat: repeat-
  25. I've got problem, how to automatic resize height of in . Here I'am trying to make pure css slideshow, and its works, but when I scale browser window widthchanges and height - doesn't. Why? and how to fix this? more of all I'll try to use different hack/advices and use a lot of them here, but it didnt work. When I change width manualy(in css), height changes.I found that problem may be in #slides{width: 500%;...} , but I need it! How to change height dynamic in this examples? p.s. sorry for my bad english...I hope you understand me....p.p.s. what I want Is adopt it for mobile devices. I know a
  • Create New...