divinedesigns1

I am having a hard time following along. I don't see any buttons. Do you mean the a tags (links)? And how exactly do you want five of those to become one? What exactly does that mean? Do you mean one link with just the rating inside it instead?

yeah, the a tag is what im using as my button, and yeah im trying to have all those values which each a tag have to be in 1 tag which gives out either different values or just 1 value per click

Ok, the code below is consist of 5 links (links are dynamically generated), which holds the values of 1, 2, 3, 4, 5 once click it gives out a value which is then divided by 2.

i would like to turn this click into one link which either holds a random value which max is 5 or just a single value which would be one but imma keep that division by 2. (i think i figure it out, not sure tho)

 $getit = mysqli_query($con, "SELECT * FROM rate") or die('Error: ' .  mysqli_error($con));		  if($getit){			  while($row = mysqli_fetch_assoc($getit)){				 echo '<p>';				 	echo '<img style="width:300px; height:200px;" src="uploads/' . $row['id'] . '.' . $row['ext'] . '">';					echo '<p>';				 for($x = 1; $x <= 5; $x++){					echo '<a href="rate.php?id=' . $row['id'] . '&rate=' . $x . '">' . $x . '</a>' . ' '; 				 }				 echo 'Rate: ' . $row['total'];				 echo '</p>';				 echo '</p>';			  }		  }

Choose whether you want to go mobile-first or desktop-first.

 

If you are going desktop-first then code all your CSS for a desktop website. If you're going mobile-first, code your CSS exclusively for small screens.

 

After you have done making your design you start adding media queries.

 

If you're going desktop-first, then resize the window until your site breaks. Make a media query with max-width set to the width at which the page broke and use CSS to rearrange things. Then continue resizing the window until the page breaks again, then add another media query. Media queries should go at the end of the stylesheet and in order from highest resolution to lowest.

 

If you're going mobile first, start with a small screen, about 320 pixels wide, and go increasing the size until the page looks like it's too wide, then you can use media queries with the min-width property to rearrange things and stack things horizontally. Media queries should go in order from smallest resolution to highest resolution.

thanks

does anyone know the correct @media query usages, i was trying to use max-width so it can have the different screens for the devices, buttt it was messing with the other query, should i use min-width instead?

next, do anyone know the screen sides for devices? or a link to them? been looking but didnt get much luck

 

???? OOOHHH NNOOO you don't

oh, well now i know, i normally add the comma for it to work

#header {background: #1F1F1F url('../images/logo.png') no-repeat left top;}

try this out

 

try this

#header {  background: #1F1F1F, url('../images/logo.png') no-repeat left top;}

you needed the comma between the color and the image

I see that you have marked the issue as solved, but assuming you did not remove any content from your post in your edit, you should provide actual details about the issue, as "does not work" with no frame of reference (no expected vs actual, no screens of what is considered working to you / your project, and no code) gives us literally nothing to work with.

it was actually an internet explorer issue, with the code, which i used the @media to fix the problem within IE10 and up, since no one responsed the whole day, i went and search to get a solution to this issue, it is just for IE10 and up

so why using @media query like i stated about i went on to fix the problem, ooo and the problem was with the misalignment of the navigation bar, which was shown in the picture attachmented to the very first post

anyway this is the code i used

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {	/* IE10+ CSS styles go here */}

and within this code is where i place the correction for IE10 and up

hey, how can i fixed errors in IE browser? in all other browsers my page is displaying how it should besides for IE, how do i go about fixing the errors? for absolute and relative positioning?

***** UPDATE ******

problem solved

Floated elements aren't taken into account when calculating the height of their parent element. To fix this, set the overflow property of the parent (in this case, the .menu element will work) to "hidden" or "auto"

ok, thank you

ok, im trying to make a responsive menu but my background for the div keep on disappearing after i place the code in the li tag

display:block;float:left;

can anyone tell me what im doing wrong here? code is as follow

html, body {	min-width:100%;	height:100%;	padding:0px;	margin:0px;}.menu {	width:80%;	height:auto;	background-color:rgba(0,153,204,0.5);	margin:0px auto;	text-align:center;	font-family:Verdana, Geneva, sans-serif;	font-size:100%;}.menu > ul {	margin:0px;	padding:0px;	list-style:none;}.menu > ul li {	width:10%;	height:50px;	background:#666;	display:block;	float:left;}

hey i got a project i need to complete for one of my classes, i need to add a tablet within a frameset, which splits the browser window into two columns, how do i go about doing this?

your website is plain to me, it needs more colour or something, it needs to be more of an eye catching appeal, it comes off a little boring to me.

your Blog and Contact pages is displaying the codes which is a bad thing to have on your website as i come to learn this a few years ago. Your link on the word "business" took me to some other website, is this website yours?

Hi everyone! This may seem really basic to most of you. I'm working through the W3Schools html, css and java tutorials, and I'm currently on the CSS.

 

In the following example, where do they get the URL that's entered in after the src?

 

@font-face {

font-family: myFirstFont;

src:url(sansation_light.woff);

}

 

 

that is where the file for the font is, so where ever you have the file thats how you put it in the css code

I have done what you taught me, floated the sections like you said. When I minimize the screen, they all lay below each other with tho I didn't use same witdth and the whole thing looked messy. So do I have to use equal width for all sections in order to get a better display when I minimize my screen? And also, medium sized screens could display something else tho.. Thanks and please do reply...

not too sure what your doing, theres no code for me to view, but you would have to know what each column width needs to be plus the padding and margin, and yes theres a screen view "always get this part wrong off my head" that enable you to use @media within the css code, this help you to style the website depending on the width you want, but you should real do more research on css and html, read up more then try again. it will help u

Actually, the last rule in a statement does not require a semi-colon, it's just best practice to put one in case you intend to put another rule after it in the future.

mhmm then ill stick to my good practice

need the semi colon

so I was right pssssh

wouldn't you need to use a semi-colon after each style when you're using css? like

html, body { height:100%; }

or is it possible to do this

html, body { height:100% }

Trying to build my website, everything seems to be going smoothly when I start up but when I get the point where I have to position the different sections of the web page, I get stuck... I really need to know how to position a double and a triple section page in such a way that when I use it in a smaller screen, the whole page won't be disorganized. I wish it was possible uploading pics here, would have done that so I could show what I mean... Thanks for your help..

I would float 2 of then to the left with X width, and the right float to the right with X width, and when it comes to smaller screen I would drop them down to under each other

You want div width to slide out? then you talk about DIVS sliding out? ????? as soon as you know what you really want, let us know will you.

i did stated what I wanted, I even give you an example of what I wanted to do and explained that I would like the div to be slide/push from the opposite side instead of the direction as the example is being slide/pushed

Push? widen or move?

Widen : As by default elements stick to left, you have to force it right using float or positioning and use right:0; so now it widens from right edge;

move: again position: relative; with left: property, and margin to bring box into view when using left: 100% from right edge.

div {position: relative;left:0;margin-left:0;width: 100px;height: 100px;background: red;-webkit-animation: myfirst 5s; /* Chrome, Safari, Opera */animation: myfirst 5s;}/* Chrome, Safari, Opera */@-webkit-keyframes myfirst {from {left:100%; m@rgin-left; -100px;}/* wish this stupid friggin system stop removing ; its friggin annoying */to {left:0;margin-left:0;}}/* Standard syntax */@keyframes myfirst {from {left:100%; m@rgin-left; -100px;} /* wish this stupid friggin system stop removing ; its friggin annoying */to {left:0;margin-left:0;}}

For some stupid reason i can't add m@rgin-left; -100px; where @ = 'a'.

not really this, i wanted the div width to slide out, like the first example i give, so the theme would be something like this <-- || --> where the arrows is how the divs slides out

hi im trying to use this animation function in css, but instead of pushing the element from this -----> direction, i would like to push it from this <----- direction, how do i go about doing this? i try using negative values but it didnt do what i wish

i am using the w3school example to do this

div {    width: 100px;    height: 100px;    background: red;    -webkit-animation: myfirst 5s; /* Chrome, Safari, Opera */    animation: myfirst 5s;}/* Chrome, Safari, Opera */@-webkit-keyframes myfirst {    from {width:0%;}    to {width:50%;}}/* Standard syntax */@keyframes myfirst {    from {width:50%;}    to {width:0%;}}</style>

Okay thank you, uhm. See, I was looking at Host Monster for the hosting service I wanted, but it would cost me $300... I just wanted to buy my domain name, and then go on to have free hosting. I'm really just not sure how to go about doing this.

try godaddy

you have the ul tag in the nav, so you might want to actually style that element so it can be in the right place

If I were to purchase, or register a domain name, can I self host it with WAMP?

not that i know of, since wamp is more of a local server for your personal computer

Hi,

 

I have to upgrade this artist webpage to html5 and responsive design. Before that, I'll preciate your critiques.

Regards! María

 

http://www.julianguerrero.com/

remove all that drop-shadows and gradient. put some color in it, remove the text shadow put some spacing in it also