Frontend
HTML, CSS and JavaScript - Having trouble with CSS? Post your question here. Find solutions & discuss stylesheets, hacks and techniques.
13,911 topics in this forum
-
Is it possible to have text from one <DIV> overflow into another? For example, I have a 2 column layout, and want the text to flow from the left side into the right side. Any ideas?
-
- 4 replies
- 8.3k views
-
-
Hi, Can some one please outline how this scrolling effect is achieved and how accessible is it? http://www.dannyblackman.com/ I think it's pretty nifty as it's a super-one-page site and is well designed. I guess page anchors are the substitute for those cant view it?
-
- 5 replies
- 2.4k views
-
-
Hi guys, this is my first post. Fantastic forum, I've spent the last few hours reading through topics and already found loads of really helpfull information. Anyway, I was hoping for a little help, I learned HTML back in my school days, and then learned various bits and bobs here and there as I went along over the years. At the moment, I make a site by doing the layout in Photoshop, then slicing / creating imagemaps in Imageready, and then coding manually. The method I've always used to get the layout to work has been to use a PHP include command on every file referencing one file with the layout and an open DIV tag where all the content gets inserted. I learnt …
-
- 11 replies
- 3.4k views
-
-
Hey just wondering a couple of things really... say i have this code: (minus head) <body> <jiggle>some text</jiggle> </body> that will display properly in FF. I can even make it a block element, apply padding + margins, change the colours... just like a regular div. I was just wondering wether the same holds true for IE7? I don't have access to a Windows PC (running Ubuntu) at the moment, so if anyone could do a quick test, that would be great. For further kicks, try and access the element using javascript. (getElementsByTagName("jiggle")
-
- 6 replies
- 1.8k views
-
-
hi, I'm creating a side navbar and put each individual link as a list. The only problem is that it causes the links to have a major indent which distorts my layout. help? ravi
-
- 3 replies
- 1.9k views
-
-
http://www.ubbedall.dk/v9/ thats immense, no flash hows it done?
-
- 12 replies
- 3k views
-
-
Hi , I finally published my website and to my frustration the layout of my page seems to have gone haywire only in Internet Explorer (not sure about all versions, but there is definitely a problem in IE 7). It's fine in Firefox and Safari. It's just a hobby website, but I'm using it for a portfolio to get a job at my university, so I'd really appreciate your help if you know what the problem could be. The url is: goldr.byethost12.com As you can see, the rightbar should be inside of the large pink box that all of the page content is in, but in IE it's floating to the right side for some reason, off of the main content box and off of the page practically. I'm u…
-
- 1 reply
- 1.5k views
-
-
Hello! Some people discussed CSS3 here recently and I was wondering if any of you actually use some of the (cool) CSS 2 features? As a little intro, I thought I'd explain the adjacent sibling selector. As complex as the name sounds, the technique is actually pretty simple, the idea is to be able to target an element based on the element that is before it. Still doesn't make sense? Alright, here's an example. We have a site at work full of articles. Each article has the following structure: Title (<h1>) Lead(<p>) Body(<p>) The lead for each article has a class attribute of lead just so that we can style it and make it bold a…
-
- 24 replies
- 4.6k views
-
-
Hi, I'm very new to all this so please go easy! I'm creating a web page by placing a group of image slices using absolute postioning e.g. <IMG STYLE="position:absolute; TOP:0px; LEFT:0px; WIDTH:36px; HEIGHT:128px" SRC="Web-concept-2-pg2_01.gif"> and then all the other images in their respective positions, you get the idea... I have managed to get a coloured background behind the group of images but I need the whole group to sit in the centre of the page, how do I do this? Thanks
-
I am making a blog and as part of my template I am wanting to have my header and then another image on the side of that using the z-index: 2; to make it that layer about. so here is the css. .splash { z-index: 2; width: 135px; height: 386px; margin: 0 auto; position: relative; left: 450px; top: 0px; background: url('images/splash1.png'); } and this is the code for the header. (its a wordpress blog btw.) <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head profile="http://gmpg.org/xfn/11"> <meta http-equiv="Co…
-
- 4 replies
- 2.1k views
-
-
I'v got tons of questions as i'm in the process of re-designing my website. I wondered what is the best way to make Bullet points bigger or smaller using CSS, is it even possible?
-
Hi, Im working on an html sig, inline css. Ive managed to get it working but not completely.. the code displays fine in browsers but when sent in an email and viewed, say for example in hotmail, I get this onscreen: #6d6e71;"> - multimedia services decoration: none;" href=http://www.websitehere.net>www.websitehere.net Ive even take the "" from the link as suggested at: http://www.tizag.com/cssT/inline.php any help would be great! thanks <html> <body> <p style = "font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 14px;font-style: normal; color: #6d6e71;">Name</p> <span style = "font-fam…
-
- 4 replies
- 1.9k views
-
-
Have a look at http://blog.thomthom.net/2007/08/desktopx-...ature-requests/ In Firefox and opera the code blocks get a horizontal scrollbar, which is what I want. In IE however, it also adds a vertical scrollbar. It appears that FF and Opera expands the height of the element to account for the scrollbar, but IE doesn't so it adds the vertical bar as well. I've tired setting overflow-x: auto; instead of overflow-x: auto; but that did nothing except make overflow fail in Opera 9. Anyone got a cure for this?
-
- 1 reply
- 1.4k views
-
-
Hey all, am making a picture gallery, and have laid it out in 4 columns for images, given each image a container using list items etc. Anyways its fixed size, and the image will either be max height or width as 150px so at least one dimension of the thumbnail will fit the container. Basically at the mo I can only get the horizontal alignment working on portrait pictures. The landscape pictures are at the top of the container. (Link at bottom of post) HTML <ul class="gallery"> <li><a href="index.php?view=view_image&img=25"><img src="thumbimage.php?img=25" width="150" height="120" border="0"></a></li> </li> …
-
- 3 replies
- 1.9k views
-
-
Hi all, I have some IE6 layout problems with a page I have at http://www.hydro-culture.net. It displays fine in Firefox, Opera, Safari and IE7 but not in IE6. The problem is that the right margin of the main frame (.conteneur) is getting pushed out to the right in IE6. I'm using two style sheets, 'styles.css' for the main styling and a conditional 'stylesie.css' for IE6 anomalies so I was hoping that someone may be able to suggest something I could add to 'stylesie.css' to fix the problem. I'm sure that this question will have been asked before but I'm not able to find the answer when I search the forum so was hoping someone would be able to help a newbie. Tha…
-
- 4 replies
- 2k views
-
-
Hi All! Just want to say what a great site this is! Ive been trying to set the print margins: Print.css body { background: white; font:Normal 12px Georgia, "Times New Roman", Times, serif; } #l-col { display: none; } #wrap, #hdr, #bar, #carbg, #main, #ftr { width: auto; padding: 0; border: 0; float: none !important; color: black; background: transparent none; } div#wrap, #hdr, #bar, #carbg, #main, #ftr { margin-left: 0cm; margin-right: 0cm ; padding-top: 0; border-top: 0px solid #930; } div #hdr, #bar, #carbg img { vertical-align: bottom; } for some reason the images get cut off on the right hand…
-
- 2 replies
- 1.7k views
-
-
Hey everyone, My team is looking for an individual who is very good at implementing designs using CSS/XHTML from images. The project includes implementing various designs for different web sites that all follow the social networking trend. This is a personal project/s that will hopefully turn commercial or at worst be a learning experience and an addition to a CV. What would be a perfect addition is some PHP experience as some of the style sheets will actually be PHP pages with CSS DocTypes. Please get back to me if you are interested or require more information. Thanks
-
- 3 replies
- 1.6k views
-
-
Okay. I picked up code for a vertical CSS menu by Mark Newhouse from http://css.maxdesign.com.au/listamatic/vertical10.htm (this is a great resource, by the way). It was almost what I needed right out of the box, but I modified it to include nested ULs. I can't for the life of me figure out what changed in the code that made the menu go from appearing properly in every browser I checked it in, to not working in IE6 and AOL. It still works exactly as intended in the latest versions of Firefox, Netscape, and Opera, as well as in IE7. There are no coding errors according to Dreamweaver, the webmaster toolbar on Firefox, and the W3 validation tool. However, al…
-
- 10 replies
- 3.2k views
-
-
Can anyone recommend any software which is simple to use for batch watermarking images? I'm looking to add a watermark in a region of the image and apply it to the whole batch. Only after some simple, if possible freeware or something similar. Just need it to batch process a few sets of images. I've tried some of the software out there to do this sort of job and they either just don't seem to work or I'm confused as hell as to how to use them. Does Paint Shop Pro have this feature? I can use that fairly well, but not too good with Photoshop unfortunately. Thanks, replies are appreciated.
-
- 3 replies
- 2k views
-
-
Hi all first post here be gentle lol! Want I want to know is, is there anywhere that does tutorials for accessible menu's for example I would like to do a CSS tree menu but I have no clue where to start there but creating the list and bits of the CSS. What it is that I want at the end of the day is a menu that expands downwards underneath the parent when the parent is clicks if you see what I mean! If you can work out this gibberish help me please!
-
- 4 replies
- 2.3k views
-
-
I am having a few problems and wondered if anybody could help. The two screenshots which are displayed have different layouts in Firefox and IE and I have no idea how to correct it. I have supplied the code below for this section also for people to look at. I jus need to know what the problem is and how to fix it. Thank you. <div class="featured_work"> <div class="content_header" align="center">Comments</div> <div class="list_holder"> <ul> <li><a href="#" title="Text">Name <em>Description of link.</em> <span>Date posted</span></a></li> <li><…
-
- 2 replies
- 1.6k views
-
-
On one of my projects I get 2-3 pixel extra space between the navigation bar and the content whenever I use IE. Browsers which displays what I want: Firefox 1-2 Opera 7.54-9.2 Safari [untested] But in any IE version from version 5-7 I get that little extra space under the red bottom border of the navbar and the content. I've tried removing and changing various attributes without that actually affecting anything in IE. Anyone else experienced something similar? Got any ideas of where to go from here? Link to sandbox project: http://sandbox.thomthom.net/lighthousespace.co.uk/
-
- 9 replies
- 2.7k views
-
-
will some one guide me how I can write the html/java code to the various links in the webpage tobe opened in the samewindow without using frames. thanks
-
- 5 replies
- 1.9k views
-
-
Hello, I am creating a form and I wish to achieve the following layout: I would like the markup to make sense semantically. My current code is as follows: <style type="text/css"> <!-- .block { display: block; } --> </style> <label class="block">Address</label><input type="text" /> <label class="block">City</label><input type="text" /> <label class="block">State</label><input type="text" /> <label class="block">Zip</label><input type="text" /> In this way, I think of the label and its corresponding <input> as a unit. My current code, of course,…
-
- 3 replies
- 1.6k views
-
-
when you create a website how do you disable the security bar that stops you running scripts and active x(explorer),because i have google ads on my page and they only appear when i click on the security bar and disable that feature ,some people will have this permanently on so will avoid seeing all the advertising on my page,is there something that you could put in your program to combat this problem????
-
- 5 replies
- 1.9k views
-
-
I'm in the middle of creating my first website, I'm almost finished with the design, and it looks ok in Firefox. But when its viewed in IE, the menu goes all wrong and out of order. Can somebody give me a piece of advice on how I can fix this bug? Here's the link to the site: http://bwub.co.uk/1 CSS: http://bwub.co.uk/1/default.css Here's the menu in IE and FF:
-
- 0 replies
- 1.5k views
-
-
I have been learning html and css by my self now for one year now. and I think it's paid off quite well. My html editors I have been using is Dreamweaver 8 and frontpage. (More dreamweaver than frontpage) and it like cool. and yeah.
-
- 5 replies
- 2.1k views
-
-
Hi all! I have a float:left div and im trying to make it occupy all the possible height. You can see it in http://www.josegallardo.net/googlegroups/listaforosFF.htm The div is: <div class="foro_linea_celda3">438</div> I have tried height: 100%;, but it doesn't work. I think it is due to its a float div. Any suggestions?? Thank you!! Jose.
-
- 1 reply
- 1.5k views
-
-
I have a potential client who has a website that uses tables for positioning *wince*, but when I pitched the idea of using CSS instead, he balked and gave me a long list of reasons why that was worse than what he was doing. Mainly: -"CSS doesn't work on older browsers." -"There's no point in changing 150 pages when some new technology will replace it soon." Now obviously we all know CSS is better for positioning, styles, etc. But does he at least have a point (however small)? Is compatibility a big issue with older browsers (and do people even use Netscape Navigator, et al anymore )? And if he doesn't have a valid point, how can I go back and tell him he's 10…
-
- 11 replies
- 3.4k views
-
-
Hi all, I got a really annoying problem, and I usually just google for help with code and read up and test stuff until I know how to do it; but I can't find a solution to this anywhere. I am a Graphic Designer who also does web (CSS/HTML) but I am not amazing at coding etc. The site Im doing is a big scene on a horizontal scroll, but the idea is that when the user arrives at the site the horizontal scroll should be set in the middle (i.e. so that the user can scroll left and right along the scene). This would seem simple enough, but just doesn't seem to want to work. Is there some kind of code for defining a start position on the scroll? Can you give a percentage …
-
- 3 replies
- 3.8k views
-
-
i am new to all this,so don't laugh. i am trying to use exe. files (executable)on my site with no success,i have uploaded all the files to my ftp and have put them all into a empty folder.basically i am doing exactly has i have with images,i have changed the direction from my documents to my website but it still doesn't open,i am probably miles from the solution,can somebody shed some light onto this matter,cheers
-
- 9 replies
- 2.8k views
-
-
I just came across this site and thought I'd post it up for people to view and use: CSS Easy That should get everyone off to a good start!
-
- 13 replies
- 3.4k views
-
-
Hi I'm just trying to get my head round css and am struggling somewhat. I want to do soemthing that I would have thought would be quite easy but can't seem to find out how to do it. I want something like the image I've attached at the top of each of my pages. Can anyone chuck some code at me and tell me where to put stuff etc? Cheeky I know but that's how I'll learn. Would be really grateful.
-
- 1 reply
- 1.7k views
-
-
I'm trying (again) to make a css design. I know there's loads of bugs in all browsers with css so i've been looking for a site which will give me a simple structure. I saw the topic with this. For some reason when i copy and paste the code and view it, the heights are all wrong for all browsers. Can someone test it out for me? this is a copy of the code which looks different for me. By the way, i made a copy of one of those templates with tables and tables take up pretty much exactly the same amount of space as divs do. I don't understand why 10 more bits make a difference when you have the hassle of browser bugs. Thanks, Peter
-
- 2 replies
- 1.8k views
-
-
I have designed a webpage simply as an advert to sell a product. What I wish to do is use this webpage in my eBay listings. Without creating a link for somebody to click on, how do I call up this page to show in my ebay advert Do I use href ?
-
- 3 replies
- 1.9k views
-
-
Ive been working on a design for a while now and trying to use CSS instead of tables. Ive learnt a hell of a lot and overcome some big problems but there is one i just cant solve.... http://www.ajrdev.com/ecf/ The image on the left colum needs to be vertically aligned at the bottom rather than the top. Ive tried various ways to do this (even using a table :S) but im having no luck. Perhaps somebody could take a look, i would be very grateful
-
- 7 replies
- 2.5k views
-
-
Hey I know it's important to order your heading tags in the correct order h1, h2, h3 etc but what I want to know is, if it's ok to have a h1 and a h2 tag in one div and then later on have another h1 and h2 tag...see the code to see what I mean: <div id="content"> <div class="left"> <h1>Latest News</h1> <h2>25 April 2007</h2> <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Quisque et dolor et magna</p> </div> <div class="right"> <h1>Proin non nisi ornare leo rutrum facilisis</h1> <h2>Integer sed orci vestibulum in pede.</h2> <p>Lorem ipsum dolor sit amet, …
-
- 9 replies
- 3.3k views
-
-
Hi All I haven't got IE6 running on my machine as I upgraded to IE7 and can't get the two to run in conjunction with each other...I've got a client at the moment who uses IE6 and so the site needs to work in that browser. 80 The problem I have is with a background repeating image on the Content DIV that contains a left floated div and a right floated div. The background image, which fakes two columns for me, doesn't repeat in IE6...or so my client says. I've tried using http://browsershots.org and asked for screenshots of the page I submitted in IE6 but have never got a screenshot...I've tried 3 times now and always had to wait over 4 hours and never got an I…
-
- 6 replies
- 4.2k views
-
-
I was playing around with the layout of my site the otherday and realised that the control of list-style-image is non-existing. At first I was thinking that I'd just use background-image as a work around, but then thought that it might cause readability issues if images doesn't load. What's your thoughts? I wrote up the question in more details at my blog.
-
- 2 replies
- 3.7k views
-
-
i took a vaction from coding and i came back and i forgot ONE THING!!!!!!!!!! how do i make my Web site auto center to everyones resoluiton i use 1024*768 and its center but if a 1280*1024 person views it its off to the complete left hers the link to my homepage fo my site http://www.nobledesigns.org/
-
- 11 replies
- 3.2k views
-
-
See my template here: wolfcast.com/TemplateDesc.jpg (sorry for the english/french mix on the jpg) For the background, I have a header, body and footer. Header and footer are OK because they have a fixed height, but the body is problematic (because of the variable height). As you can see on the jpg, the body top starts with an image that fade to white then white fades back to image at bottom. This will allow me to have a body of any length since the body middle is pure white. So the body must have 3 parts: top (fixed height image), middle (all white) and bottom (fixed height image). Over that body background will be the main content box (red part on my te…
-
- 5 replies
- 2.8k views
-
-
Today I created this template I call Sand Nation. I decided to use the opacity tag in my css file but when I go to validate, it does not. I just want to know is there any other tags/options that will allow me to have the same effect? (opacity gives me that mouse over effect on the images, brightens or darkens the image) Template located here: http://sazzadhossain.info/portfolio/templates/sandnation/ This is the css error that the validator gave me
-
- 1 reply
- 4.7k views
-
-
Hi, what I want to do is publish my bio in two languages on my My Space page. Here is the idea: the visitor clicks on either French or English and gets the bio in the requested language. I can do it in javascript it takes about 2 minutes but javascript doesn't work on My Space... so I have to use CSS... Here is the css: <style type="text/css"> .lien a { text-decoration:none; } .texte p { display:none; position:absolute; top:30px; left:10px; text-align:left; } p.afficher { display:block; } p.cacher { display:none; } </style> Here is the body part: <div class="lien"> <a id="lienFr" href="#" onclick= "texteEn = 'cacher'; text…
-
- 1 reply
- 1.5k views
-
-
Ok, I have a very specific problem related to using sound files on my website. First of all, yes, I know that audio is incredibly irritating on web pages, but I am a language teacher and the site is to help my students with their coursework, so the audio is actually necessary. I have been using the following code to run several small sized versions of Windows Media Player on the page. <tbody><tr><td><object id="mediaPlayer" classid="CLSID:22d6f312-b0f6-11d0-94ab-0080c74c7e95" codebase="http://activex.microsoft.com/activex/controls/mplayer/en/nsmp2inf.cab#Version=5,1,52,701" standby="Loading Microsoft Windows Media Player components..." …
-
- 0 replies
- 1.6k views
-
-
Hi Guys I am new to website design, and this is my first posting on this site. Accept my apologies if I have done anything wrong Having designed my first site, which does look stunning, I find I have got a lot of white space. I have set the size at 800by600 and the page is centre on my screen I have seen websites similar that have a background color but with the white in the centre ( I hope somebody understands me ) I do not even know what this is called, but it does look good. Can anybody please advise on how to do this Many thanks for any help offered John Blake
-
- 8 replies
- 2.8k views
-
-
I need to start learning either XHTML or HTML. I have learned that there are many HTML editors. Which one is the best for a beginner to use? I've also heard that notepad is a good HTML editor but I haven't been able to figure out how to make that work for me. I would appreciate any help with that. Thanks.
-
- 27 replies
- 5.8k views
-
-
Hi, I've seen on certain websites in the past where when you scroll down a page to see some content on the right hand side of your browser there is a "floating" icon to move back to the top of the page. Unfortunately I did not bookmark this page but I would like to know how can I create this floating icon. Hope the description is clear enough. NeonLobster
-
- 1 reply
- 4.6k views
-
-
There is a problem when I open a new file in Word, the font is probably set to Times Roman size 12. I don’t want it to be like this; I want something glamorous with different font type and different font size. I am unable to find out the appropriate solution please help me. Thanks in advance
-
- 5 replies
- 2.4k views
-
-
I've got a problem where most my websites uses a list for the site navigation where the list items float in order to make them go on the same line. I don't set them to inline because I want to be able to set height property for them. Problem occurs in Opera 7.54 where it will give floats a width of 100% instead of wrapping them. This is the only issue I have with this browsers. Workaround is to set a width for the elements, but I don't want to do that as I want them to wrap to the content. Anyone got any tricks up their sleeves to handle this?
-
- 6 replies
- 2.4k views
-
-
OK, I give in. Tell me how I do it... I have an image which I've expressly told to ignore the rules in my main content div, like this: a img {border: none; background: white;} But it's still insisting on taking on the attributes of my main content links, which are styled like this: #content a:link, #content a:visited { color: #AC001E; background: #FFF; font-weight: bold; text-decoration: none; } #content a:hover { background: #AC001E; color: #FFF; } How can I get it to behave?! The page in question is here: http://www.artyit.co.uk/projects/seb/index.html, and the image is way down, the one on the right of the media player. …
-
- 14 replies
- 3.5k views
-
