Korey Member Jan 7, 2014 50 0 Oct 9, 2014 #1 Pre-Problem: You must be registered for see links After Problem: You must be registered for see links ~ How can I prevent this from occurring when the tab is minimized?
Pre-Problem: You must be registered for see links After Problem: You must be registered for see links ~ How can I prevent this from occurring when the tab is minimized?
RastaLulz fight teh power Staff member May 3, 2010 3,934 3,933 Oct 9, 2014 #2 You'd want to wrap the navigation with a div that has a set width assigned to it. Upvote 0 Downvote
Korey Member Jan 7, 2014 50 0 Oct 9, 2014 Thread starter #3 I thought divs were only used to separate content? Edit: Also that didn't work D: Upvote 0 Downvote
RastaLulz fight teh power Staff member May 3, 2010 3,934 3,933 Oct 9, 2014 #4 Korey said: I thought divs were only used to separate content? Click to expand... No? For the most part, DIV tags are the building blocks (or containers) of a template. Upvote 0 Downvote
Korey said: I thought divs were only used to separate content? Click to expand... No? For the most part, DIV tags are the building blocks (or containers) of a template.
Korey Member Jan 7, 2014 50 0 Oct 9, 2014 Thread starter #5 I did what you said here's my code: <!DOCTYPE html> <html> <head> <style> ul { list-style-type: none; margin: 0; padding: 0; overflow: hidden; } li { float: left; } a:link, a:visited { display: block; width: 300px; font-weight: bold; color: #FFFFFF; background-color: #98bf21; text-align: center; padding: 4px; text-decoration: none; text-transform: uppercase; } a:hover, a:active { background-color: #7A991A; } #wrapped { width: 120px; display: block; position: relative; } </style> </head> <body> <ul class="wrapped"> <li class="wrapped"><a href="#home"; class="wrapped">Home</a></li> <li class="wrapped"><a href="#news"; class="wrapped">News</a></li> <li class="wrapped"><a href="#contact"; class="wrapped">Contact</a></li> <li class="wrapped"><a href="#about"; class="wrapped">About</a></li> </ul> </div> </body> </html> (Still not working) D: Upvote 0 Downvote
I did what you said here's my code: <!DOCTYPE html> <html> <head> <style> ul { list-style-type: none; margin: 0; padding: 0; overflow: hidden; } li { float: left; } a:link, a:visited { display: block; width: 300px; font-weight: bold; color: #FFFFFF; background-color: #98bf21; text-align: center; padding: 4px; text-decoration: none; text-transform: uppercase; } a:hover, a:active { background-color: #7A991A; } #wrapped { width: 120px; display: block; position: relative; } </style> </head> <body> <ul class="wrapped"> <li class="wrapped"><a href="#home"; class="wrapped">Home</a></li> <li class="wrapped"><a href="#news"; class="wrapped">News</a></li> <li class="wrapped"><a href="#contact"; class="wrapped">Contact</a></li> <li class="wrapped"><a href="#about"; class="wrapped">About</a></li> </ul> </div> </body> </html> (Still not working) D:
RastaLulz fight teh power Staff member May 3, 2010 3,934 3,933 Oct 9, 2014 #6 Here you go: You must be registered for see links You don't put semicolons after each attribute in a link (or anything for that matter) in HTML. Also, you have a "wrapped" id, yet you're trying to apply the "wrapped" class. Upvote 0 Downvote
Here you go: You must be registered for see links You don't put semicolons after each attribute in a link (or anything for that matter) in HTML. Also, you have a "wrapped" id, yet you're trying to apply the "wrapped" class.